/* Lane C1 - guide / SEO long-form pages. Uses site.css tokens only. */
.c1-hero{padding:calc(var(--nav-h) + clamp(1.5rem,4vw,3rem)) 0 clamp(1.5rem,3vw,2.5rem);border-bottom:1px solid var(--line)}
.c1-hero h1{max-width:24ch;margin-bottom:1rem}
.c1-hero .lead{max-width:var(--measure);margin:0}
.c1-meta{display:flex;flex-wrap:wrap;gap:.4rem .9rem;margin:1.25rem 0 0;color:var(--muted);font-size:var(--fs-sm)}

.c1-layout{display:grid;grid-template-columns:minmax(0,1fr);gap:1.75rem;padding-block:clamp(1.75rem,4vw,3.5rem)}
@media (min-width:1000px){.c1-layout{grid-template-columns:15.5rem minmax(0,1fr);gap:3.5rem;align-items:start}}

.c1-toc{background:var(--panel-2);border:1px solid var(--line);border-radius:var(--radius);padding:.2rem 1.1rem}
.c1-toc summary{cursor:pointer;list-style:none;padding:.8rem 0;font-family:var(--font-display);font-weight:700;color:#fff;display:flex;justify-content:space-between;align-items:center;gap:1rem}
.c1-toc summary::-webkit-details-marker{display:none}
.c1-toc summary::after{content:"+";font-size:1.3rem;line-height:1;color:var(--link)}
.c1-toc[open] summary::after{content:"\2212"}
.c1-toc ol{list-style:none;margin:0;padding:0 0 .9rem;display:grid;gap:.15rem}
.c1-toc a{display:block;padding:.35rem 0;color:var(--text-2);text-decoration:none;font-size:var(--fs-sm);line-height:1.4}
.c1-toc a:hover{color:#fff;text-decoration:underline}
@media (min-width:1000px){
  .c1-toc{position:sticky;top:calc(var(--nav-h) + 1.25rem);max-height:calc(100vh - var(--nav-h) - 2.5rem);overflow:auto}
  .c1-toc summary{pointer-events:none;cursor:default}
  .c1-toc summary::after{content:none}
}

.c1-body{min-width:0;max-width:var(--measure);font-size:1.06rem;line-height:1.75;color:#d3dcec}
.c1-body h2{font-size:clamp(1.45rem,3vw,1.9rem);margin:2.6rem 0 .8rem;scroll-margin-top:calc(var(--nav-h) + 1rem)}
.c1-body h2:first-child{margin-top:0}
.c1-body h3{font-size:1.2rem;margin:1.9rem 0 .5rem;scroll-margin-top:calc(var(--nav-h) + 1rem)}
.c1-body p{margin:0 0 1.2rem}
.c1-body ul,.c1-body ol{margin:0 0 1.3rem;padding-left:1.35rem}
.c1-body li{margin-bottom:.5rem}
.c1-body li::marker{color:var(--faint)}
.c1-body a{overflow-wrap:anywhere}
.c1-body .callout{margin:1.75rem 0}
.c1-body .faq{margin:1rem 0 0}
.c1-steps{list-style:none;padding:0;counter-reset:c1s}
.c1-steps>li{counter-increment:c1s;position:relative;padding:0 0 0 3rem;margin-bottom:1.1rem}
.c1-steps>li::before{content:counter(c1s);position:absolute;left:0;top:.1rem;width:2.1rem;height:2.1rem;border-radius:50%;background:var(--accent-soft);border:1px solid var(--line-strong);color:#fff;font-family:var(--font-display);font-weight:700;display:grid;place-items:center;font-size:.95rem}

.c1-soft{margin:2.25rem 0;padding:1.25rem 1.4rem;border:1px solid var(--line-strong);border-radius:var(--radius);background:var(--panel);display:grid;gap:.9rem}
.c1-soft p{margin:0}
.c1-soft strong{color:#fff;font-family:var(--font-display)}
.c1-soft .btn-row{margin:0}

.c1-dl{display:grid;grid-template-columns:minmax(0,1fr);gap:1rem;margin:1.5rem 0 1rem}
@media (min-width:640px){.c1-dl{grid-template-columns:repeat(2,minmax(0,1fr))}}
.c1-dl-card{min-width:0;display:grid;grid-template-columns:minmax(0,1fr);gap:1rem;align-content:start;padding:1rem;background:var(--panel);border:1px solid var(--line-strong);border-radius:var(--radius)}
.c1-dl-card img{width:100%;max-width:100%;height:auto;border-radius:6px;border:1px solid var(--line);display:block}
.c1-dl-card h3{margin:0 0 .5rem;font-size:1.05rem}
.c1-dl-card .btn-row{margin:0;gap:.5rem}
.c1-dl-note{font-size:var(--fs-sm);color:var(--muted)}

.c1-tablewrap{max-width:100%;margin-bottom:1.2rem}
.c1-compare{min-width:0}
.c1-compare tbody th{width:22%}
.c1-compare th[scope=row]{font-weight:600}
@media (max-width:760px){
  .c1-tablewrap{border:0;background:none;overflow:visible}
  .c1-compare caption{display:block;width:auto;padding:0 0 .8rem}
  .c1-compare thead{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}
  .c1-compare,.c1-compare tbody,.c1-compare tr,.c1-compare th,.c1-compare td{display:block;width:auto}
  .c1-compare tr{margin:0 0 1rem;border:1px solid var(--line-strong);border-radius:var(--radius);background:var(--panel);overflow:hidden}
  .c1-compare tbody th{width:auto;padding:.7rem 1rem;background:var(--panel-2);border:0;color:#fff;font-family:var(--font-display)}
  .c1-compare td{padding:.7rem 1rem;border-top:1px solid var(--line)}
  .c1-compare td::before{content:attr(data-label);display:block;margin-bottom:.15rem;font-size:var(--fs-xs);font-weight:700;letter-spacing:.04em;text-transform:uppercase;color:var(--link)}
}

.c1-sources{margin-top:2.6rem;padding-top:1.4rem;border-top:1px solid var(--line)}
.c1-sources h2{font-size:1.2rem;margin:0 0 .7rem}
.c1-sources ul{font-size:var(--fs-sm);color:var(--muted)}
.c1-related{margin-top:1.5rem;font-size:var(--fs-sm);color:var(--muted)}
.c1-end{padding-bottom:var(--section-y)}
.c1-wide{max-width:var(--measure);margin-inline:auto}