/* B01 Technical SEO audit article */
.page-tb main>section{overflow-x:clip}
.page-tb{--ok:#1c9d61;--okb:#e6f7ee;--ex:#c2570c;--exb:#fff4e6;--no:#c8324f;--nob:#fdecef}
.mono{font-family:"JetBrains Mono",monospace;font-size:11px;letter-spacing:.08em;text-transform:uppercase;color:var(--p3)}
.crumbs{display:flex;flex-wrap:wrap;gap:10px;font-size:14px;color:var(--mut);margin-bottom:18px}
.crumbs a:hover{color:var(--p3)}.crumbs b{color:var(--p3);font-weight:600}
.inl{color:var(--p3);font-weight:600;text-decoration:underline;text-underline-offset:3px}
.tb-hero{padding:52px 0 44px;background:radial-gradient(900px 480px at 85% 20%,#efe7ff 0,transparent 60%),linear-gradient(180deg,#faf8ff,#fff);border-bottom:1px solid var(--line)}
.tb-hin{max-width:900px}
.tb-tag{display:inline-block;font-weight:600;font-size:13px;color:var(--p3);background:#fff;border:1px solid var(--line);border-radius:999px;padding:7px 14px}
.tb-h1{font-size:clamp(34px,4vw,56px);max-width:none}
.tb-h1 .gr{background:linear-gradient(90deg,var(--p3),var(--p) 50%,var(--p2));-webkit-background-clip:text;background-clip:text;color:transparent}
.tb-meta{display:flex;flex-wrap:wrap;gap:8px 18px;font-size:14px;color:var(--mut);margin-bottom:22px}
.tb-meta span:not(:first-child):before{content:"·";margin-right:18px;color:#cdb6fb}
.tb-sa{background:#fff;border:1px solid var(--line);border-left:4px solid var(--p);border-radius:14px;padding:18px 22px;box-shadow:var(--sh)}
.tb-sa p{margin-top:8px;font-size:16px;line-height:1.65;color:var(--ink)}
.tb-body{display:grid;grid-template-columns:240px minmax(0,1fr);gap:56px;padding:56px 0 80px}
.tb-toc{position:sticky;top:100px;align-self:start;display:flex;flex-direction:column;gap:2px}
.tb-toc .mono{margin-bottom:10px}
.tb-toc>a{font-size:14.5px;font-weight:600;color:var(--mut);padding:7px 12px;border-left:2px solid var(--line);transition:.2s}
.tb-toc>a:hover{color:var(--p3)}
.tb-toc>a.on{color:var(--p3);border-left-color:var(--p);background:var(--lav2)}
.tb-tocx{margin-top:18px;padding:14px;border-radius:14px;background:var(--lav2);border:1px solid var(--line);font-size:13.5px}
.tb-tocx b{display:block;margin-bottom:4px}
.tb-art{max-width:780px}
.tb-art>p,.tb-art li{font-size:17px;line-height:1.75;color:#3d3b55}
.tb-art>p{margin-top:16px}
.tb-lead{font-size:19px!important;color:var(--ink)!important;font-weight:500}
.tb-art h2{font-size:clamp(26px,2.6vw,34px);margin-top:56px;scroll-margin-top:100px}
.tb-ol{margin:14px 0 0 22px;display:flex;flex-direction:column;gap:6px}
.tb-ol li::marker{color:var(--p);font-weight:800}
.tb-small{font-size:14px!important;color:var(--mut)!important}
.tb-tw{overflow-x:auto;margin:16px 0;border:1px solid var(--line);border-radius:14px;background:#fff}
.tb-tw table{width:100%;border-collapse:collapse;font-size:14.5px}
.tb-tw th{text-align:left;font-size:11.5px;font-weight:700;letter-spacing:.05em;text-transform:uppercase;color:var(--mut);padding:12px 14px;background:var(--lav2);border-bottom:1px solid var(--line)}
.tb-tw td{padding:12px 14px;border-bottom:1px dashed var(--line);vertical-align:top;line-height:1.5;color:var(--ink)}
.tb-tw tr:last-child td{border-bottom:0}
/* pipeline */
.pl{margin-top:22px;background:#fff;border:1px solid var(--line);border-radius:20px;box-shadow:var(--sh);padding:20px}
.pl-row{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:8px;position:relative}
.pl-row button{position:relative;display:flex;flex-direction:column;align-items:center;gap:6px;padding:12px 4px;border-radius:14px;border:1.5px solid var(--line);font-weight:700;font-size:14px;background:var(--lav2);transition:.2s}
.pl-row button:not(:last-child):after{content:"→";position:absolute;right:-11px;top:50%;transform:translateY(-50%);z-index:1;color:var(--p2);font-size:13px;font-weight:800}
.pl-row button i{width:30px;height:30px;border-radius:50%;display:grid;place-items:center;font:700 12px "JetBrains Mono",monospace;font-style:normal;background:#fff;border:2px solid #d9c8fb;color:var(--p3)}
.pl-row button.on{border-color:var(--p);background:#fff;box-shadow:0 8px 20px rgba(127,66,244,.14)}
.pl-row button.on i{background:var(--p);border-color:var(--p);color:#fff}
.pl-out{margin-top:16px;padding:16px 18px;border-radius:14px;background:var(--exb);border:1px solid #f0c592}
.pl-t{display:block;font-size:17px;margin-bottom:4px}
.pl-d{font-size:15px;color:var(--ink)}
.pl-k{display:block;margin-top:8px;font-size:13px;font-weight:600;color:var(--ex)}
/* phases */
.ph{margin-top:18px;display:flex;flex-direction:column;gap:10px}
.ph details{background:#fff;border:1px solid var(--line);border-radius:16px;transition:border-color .2s,background .2s}
.ph details[open]{border-color:#cdb6fb;background:var(--lav2)}
.ph summary{list-style:none;cursor:pointer;display:flex;align-items:center;gap:14px;padding:16px 20px;font-weight:700;font-size:17px}
.ph summary::-webkit-details-marker{display:none}
.ph summary span{flex:none;font:700 12px "JetBrains Mono",monospace;color:#fff;background:var(--p);border-radius:8px;padding:4px 8px}
.ph summary:after{content:"+";margin-left:auto;font-size:22px;color:var(--p);font-weight:500}
.ph details[open] summary:after{content:"–"}
.ph details>div{padding:0 20px 18px 64px}
.ph details p{font-size:16px;line-height:1.7;color:#3d3b55;margin-top:10px}
.ph details p:first-child{margin-top:0}
/* issue log */
.il{margin-top:18px}
.il-cols{display:flex;flex-wrap:wrap;gap:6px}
.il-cols button{font-size:14px;font-weight:600;padding:8px 14px;border-radius:999px;border:1.5px solid var(--line);background:#fff;transition:.2s}
.il-cols button.on{background:var(--p);border-color:var(--p);color:#fff}
.il-note{margin-top:12px;padding:12px 16px;border-radius:12px;background:var(--lav2);border:1px solid var(--line);font-size:15px;color:var(--ink);min-height:48px}
.il-tw{margin-top:12px}
.il-t{min-width:980px;font-size:13.5px!important}
.il-t td,.il-t th{transition:background .25s}
.il-t .hl{background:#f4efff}
.il-t th.hl{background:var(--p);color:#fff}
.pr{display:inline-block;font-size:12px;font-weight:700;padding:4px 10px;border-radius:999px;white-space:nowrap}
.pr.c{background:var(--nob);color:var(--no)}.pr.h{background:var(--exb);color:var(--ex)}.pr.m{background:#f4efff;color:var(--p3)}.pr.l{background:var(--okb);color:var(--ok)}
/* calculator */
.pc{margin-top:20px;display:grid;grid-template-columns:1.3fr .7fr;gap:16px;background:#fff;border:1px solid var(--line);border-radius:20px;box-shadow:var(--sh);padding:20px}
.pc>*{min-width:0}
.pc-in{display:flex;flex-direction:column;gap:12px}
.pc-in label{display:grid;grid-template-columns:1fr;gap:4px}
.pc-in label>span{display:flex;justify-content:space-between;font-weight:700;font-size:14.5px}
.pc-in label>span b{font:700 14px "JetBrains Mono",monospace;color:var(--p3)}
.pc-in input{width:100%;accent-color:var(--p)}
.pc-in small{font-size:12px;color:var(--mut)}
.pc-out{border-radius:16px;background:var(--ink);color:#fff;padding:20px;display:flex;flex-direction:column;align-items:flex-start;gap:8px}
.pc-out .mono{color:#c9b8ff}
.pc-s{font-size:52px;letter-spacing:-.04em;line-height:1;font-variant-numeric:tabular-nums}
.pc-w{font-size:14px;color:#cfc9e8;line-height:1.5}
/* plan */
.tb-plan{margin-top:18px;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px}
.tb-plan>div{position:relative;background:#fff;border:1px solid var(--line);border-radius:16px;padding:16px;border-top:4px solid var(--p2)}
.tb-plan span{font:700 11px "JetBrains Mono",monospace;color:var(--p3);text-transform:uppercase;letter-spacing:.06em}
.tb-plan b{display:block;font-size:16.5px;margin:6px 0 4px}
.tb-plan p{font-size:14px;line-height:1.55}
.tb-refs{list-style:none;margin-top:14px;display:flex;flex-direction:column;gap:8px}
.tb-refs a{color:var(--p3);font-weight:600;font-size:15.5px;text-decoration:underline;text-underline-offset:3px}
.tb-nx{display:grid;grid-template-columns:repeat(4,1fr);gap:16px;margin-top:20px}
.nx{background:#fff;border:1px solid var(--line);border-radius:16px;padding:22px;transition:transform .3s,box-shadow .3s,opacity .9s var(--ease) var(--d,0s)}
.nx:hover{transform:translateY(-4px);box-shadow:var(--sh)}
.nx h3{font-size:18px;margin:8px 0 12px}
.nxa{color:var(--p3);font-weight:700;font-size:14px}
.nx.dk{background:var(--ink);color:#fff;border-color:var(--ink)}
.nx.dk .mono,.nx.dk .nxa{color:#c9b8ff}
@media (max-width:1100px){.tb-nx{grid-template-columns:1fr 1fr}.tb-plan{grid-template-columns:1fr 1fr}}
@media (max-width:1000px){.tb-body{grid-template-columns:minmax(0,1fr);gap:24px}.tb-toc{position:relative;top:0;display:none}}
@media (max-width:600px){
 .tb-hero{padding:30px 0 30px}
 .tb-meta span:not(:first-child):before{display:none}
 .tb-art>p,.tb-art li{font-size:16px}
 .pl-row{grid-template-columns:1fr 1fr 1fr}.pl-row button:after{display:none}
 .ph details>div{padding:0 16px 16px}
 .pc{grid-template-columns:1fr}
 .tb-plan,.tb-nx{grid-template-columns:1fr}
}