/* Reading and feature surfaces extend the Citrus handbook without a new visual world. */
.seo-hero{padding-bottom:48px}
.seo-hero h1{max-width:18ch;line-height:1.06;letter-spacing:-.035em}
.seo-hero>p{max-width:60ch;margin-top:28px;font-size:20px;line-height:1.5}
.seo-reading{width:100%;max-width:1000px;padding-inline:20px}
.seo-reading>section:first-of-type{margin-top:0}
.seo-reading h2{max-width:24ch;text-wrap:balance}
.seo-reading .prose>h2,.seo-reading.prose section>h2{margin-bottom:24px}
.seo-lead{max-width:68ch;font-size:20px;line-height:1.6}
.seo-proof{margin:40px 0 56px}
.seo-proof img{width:100%;height:auto;border-radius:20px}
.seo-proof figcaption{max-width:70ch;margin:14px 0 0;color:var(--muted);font-size:13px;line-height:1.6}
.seo-feature-index{margin-top:32px}
.seo-feature-index article{display:grid;grid-template-columns:minmax(230px,.85fr) minmax(0,1.15fr);gap:32px;padding:28px 0;border-bottom:1px solid var(--border)}
.seo-feature-index article:first-child{border-top:1px solid var(--border)}
.seo-feature-index h3{margin-top:0;font-size:28px;line-height:1.3}
.seo-feature-index h3 a,.seo-guide-list h3 a{display:inline;line-height:1.5;text-decoration:underline;text-decoration-color:transparent;text-underline-offset:6px}
.seo-feature-index h3 a:hover,.seo-guide-list h3 a:hover{text-decoration-color:currentColor}
.seo-feature-index h3 .icon,.seo-guide-list h3 .icon{width:20px;height:20px;margin-left:4px}
.seo-feature-index p{max-width:58ch;color:var(--muted);line-height:1.7}
.seo-guide-list{margin-top:32px;display:grid;grid-template-columns:1fr 1fr;gap:40px}
.seo-guide-list article{border-top:1px solid var(--border);padding-top:24px}
.seo-guide-list h3{margin-top:0;font-size:28px;line-height:1.35}
.seo-guide-list p{max-width:40ch;margin-top:14px;line-height:1.7;color:var(--muted)}
.seo-operation-list{margin:28px 0 0}
.seo-operation-list>div{display:grid;grid-template-columns:minmax(160px,.6fr) minmax(0,1.4fr);gap:28px;padding:24px 0;border-bottom:1px solid var(--border)}
.seo-operation-list>div:first-child{border-top:1px solid var(--border)}
.seo-operation-list dt{font-weight:600;line-height:1.5}
.seo-operation-list dd{margin:0;line-height:1.75;max-width:60ch}
.seo-next{margin-top:64px;padding-top:40px;border-top:1px solid var(--border)}
.seo-next>p{margin-top:20px;max-width:65ch}
.seo-next .document-actions{margin-top:28px;align-items:center}
.seo-next .seo-preview{margin-top:24px;color:var(--muted);font-size:13px;line-height:1.7;max-width:76ch}
.seo-preview a{text-decoration:underline;text-underline-offset:4px}
.seo-updated{margin-bottom:32px;color:var(--muted);font-size:13px}
.seo-steps{padding-left:24px}
.seo-steps li{padding-left:6px;margin-bottom:20px;max-width:70ch}
.seo-reading :is(p,li){overflow-wrap:break-word}
.seo-reading code{overflow-wrap:anywhere}
@media(max-width:720px){
  .seo-hero{padding-bottom:32px}
  .seo-hero h1{letter-spacing:-.03em}
  .seo-hero>p{line-height:1.55;margin-top:24px}
  .seo-reading{width:100%;max-width:1000px}
  .seo-reading h2{line-height:1.15}
  .seo-lead{line-height:1.6}
  .seo-proof{margin:32px 0 40px}
  .seo-proof img{border-radius:16px}
  .seo-feature-index article,.seo-operation-list>div{grid-template-columns:1fr;gap:12px;padding:24px 0}
  .seo-feature-index h3,.seo-guide-list h3{font-size:24px}
  .seo-guide-list{grid-template-columns:1fr;gap:28px}
  .seo-operation-list dd{max-width:none}
  .seo-next{margin-top:48px;padding-top:32px}
  .seo-next .document-actions{align-items:flex-start;gap:20px}
  .seo-next .button{max-width:100%}
}
.hero-descriptor{font-size:14px;line-height:1.5;font-weight:600;letter-spacing:.025em;color:var(--muted);margin:0 0 18px}
.seo-breadcrumbs{padding-top:112px;font-size:13px;line-height:1.5;color:var(--muted)}
.seo-breadcrumbs ol{display:flex;flex-wrap:wrap;gap:6px 12px;list-style:none;padding:0;margin:0}
.seo-breadcrumbs li+li:before{content:'/';margin-right:12px;color:var(--muted)}
.seo-breadcrumbs a{text-underline-offset:4px}
.seo-breadcrumbs+.document-hero{padding-top:44px}
@media(max-width:699px){.hero-descriptor{font-size:13px;max-width:30ch;margin-inline:auto;margin-bottom:16px}.seo-breadcrumbs{padding-top:110px}.seo-breadcrumbs+.document-hero{padding-top:32px}}