.guide-page, .guide-overview {max-width: 1320px; margin: 0 auto; padding: 48px 5.6% 64px}
.guide-overview {padding-top: 58px; padding-bottom: 0}
.guide-index {display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 12px}
.guide-index a {display:flex; align-items:center; gap:12px; padding:18px 14px; border:1px solid var(--line); border-radius:6px; background:var(--white)}
.guide-index a:hover {background:var(--pale); border-color:#849e8c}
.guide-index-no, .guide-tabs small {font-size:11px; color:#557869; font-variant-numeric:tabular-nums}
.guide-index a strong {font-size:14px; line-height:1.4}
.guide-index a span:last-child {margin-left:auto}
.guide-mast h1 {font:400 clamp(42px,5vw,74px)/1.05 var(--serif); margin:0 0 14px; letter-spacing:-1.5px}
.guide-mast>p:last-child {margin-bottom:28px}
.guide-tabs {display:grid; grid-template-columns:repeat(4,minmax(0,1fr)); gap:7px; margin:0 0 27px}
.guide-tabs a {display:flex; align-items:center; gap:10px; min-height:53px; padding:9px 14px; border:1px solid #cbd8cb; border-radius:5px; color:var(--ink); background:#fafcf8; font-size:14px; font-weight:550}
.guide-tabs a[aria-selected=true] {background:var(--ink); color:white; border-color:var(--ink)}
.guide-tabs a[aria-selected=true] small {color:#b3ddce}
.guide-tabs a:hover:not([aria-selected=true]) {background:#e7eee2}
.guide-topic-intro {background:#e2ebe0; padding:34px 38px 29px; border-radius:6px}
.guide-topic-intro h2 {font:400 clamp(33px, 4vw, 50px)/1.08 var(--serif); max-width:865px; margin:0 0 16px}
.guide-topic-intro>p:not(.eyebrow) {max-width:800px; font-size:16px}
.guide-topic-intro .eyebrow, .guide-mast .eyebrow {margin-bottom:12px}
.guide-output {border-top:1px solid #bccdbd; display:flex; gap:18px; align-items:baseline; margin-top:21px; padding-top:16px}
.guide-output span {font-size:10px; letter-spacing:1.2px; white-space:nowrap}
.guide-output strong {font-size:15px; font-weight:550}
.guide-columns {display:grid; grid-template-columns:minmax(0,1.8fr) minmax(240px,1fr); gap:40px; padding:38px 0 15px}
.guide-heading,.guide-worksheet h3 {font:400 35px/1.2 var(--serif); margin-bottom:18px}
.guide-method {padding:0; margin:0; list-style:none; counter-reset: method}
.guide-method li {position:relative; padding:0 0 17px 45px; margin:0 0 17px; border-bottom:1px solid var(--line); counter-increment:method}
.guide-method li::before {content:counter(method, decimal-leading-zero); position:absolute; left:0; top:0; font-size:13px; color:var(--green); font-weight:600}
.guide-method h4 {font-size:18px; margin:0 0 8px; color:var(--ink)}
.guide-method p,.guide-example p:not(.eyebrow),.guide-video>p:not(.eyebrow) {font-size:15px; line-height:1.78; margin-bottom:0}
.guide-companion {align-self:start; background:#fff; border:1px solid var(--line); border-radius:6px; padding:24px}
.guide-companion .eyebrow,.guide-example .eyebrow,.guide-video .eyebrow {margin-bottom:10px}
.guide-companion p:not(.eyebrow) {font-size:14px; line-height:1.75}
.guide-companion hr {border:0; border-top:1px solid var(--line); margin:20px 0}
.guide-source {display:block; color:var(--green); font-size:13px; line-height:1.6; margin:8px 0; text-decoration:underline; text-underline-offset:3px}
.related-label {margin-top:20px}
.guide-example,.guide-video {padding:23px; border-radius:5px; margin:20px 0; background:#eef2e9}
.guide-video {background:#e7eff1}
.guide-video h3 {font-family:var(--serif); font-size:27px; font-weight:400; margin-bottom:8px}
.guide-video .guide-byline {font-size:12px!important; margin-bottom:13px!important}
.guide-video .actions {margin:18px 0 10px}
.guide-video small {color:var(--body)}
.guide-worksheet {padding:30px; background:#fff; border:1px solid var(--line); border-radius:6px}
.guide-worksheet>div>p {max-width:750px; font-size:14px}
.guide-worksheet>label {display:block; font-size:14px; font-weight:600; margin:20px 0 8px}
.guide-worksheet .actions {margin:20px 0 0}
.guide-next {display:flex; justify-content:space-between; flex-wrap:wrap; gap:14px; padding-top:25px; font-size:13px}
.guide-next a:hover {text-decoration:underline}
.starting-copy {border-top:1px solid var(--line); margin-top:12px; padding-top:12px}
.starting-copy details p {white-space:pre-wrap; min-height:0}
.starting-copy summary {font-weight:600; font-size:13px; cursor:pointer}
.starting-copy small {display:block; color:var(--muted); font-size:12px}
@media(max-width:900px){
  .guide-index {grid-template-columns:repeat(2,minmax(0,1fr))}
  .guide-columns {gap:22px; grid-template-columns:minmax(0,1.5fr) minmax(225px,1fr)}
  .guide-tabs a {font-size:12px; padding:8px 10px}
}
@media(max-width:670px){
  .guide-page,.guide-overview {padding:32px 5% 40px}
  .guide-overview {padding-bottom:0}
  .guide-tabs {grid-template-columns:repeat(2,minmax(0,1fr))}
  .guide-tabs a {min-height:46px; gap:7px; font-size:12px}
  .guide-index a {gap:7px; padding:12px 10px}
  .guide-index a strong {font-size:12px}
  .guide-topic-intro,.guide-worksheet {padding:22px 18px}
  .guide-output {display:block}
  .guide-output strong {display:block; margin-top:4px}
  .guide-columns {grid-template-columns:minmax(0,1fr); gap:8px; padding-top:25px}
  .guide-method li {padding-left:33px}
  .guide-companion {margin-bottom:16px}
  .guide-video .actions {gap:12px}
  .site-header nav {gap:8px}
}
@media print {.guide-tabs,.guide-next,.guide-worksheet .actions,.guide-companion button {display:none}.guide-columns {display:block}.guide-companion,.guide-video,.guide-example {break-inside:avoid}}
.guide-table-wrap {overflow-x:auto; margin:20px 0}
.guide-table {width:100%; border-collapse:collapse; font-size:13px; background:#fff; table-layout:fixed; overflow-wrap:anywhere}
.guide-table caption {font-weight:600; text-align:left; padding-bottom:10px}
.guide-table th,.guide-table td {text-align:left; vertical-align:top; border:1px solid var(--line); padding:10px}
.guide-table th {background:var(--mint)}
@media(max-width:670px){.guide-table th,.guide-table td{padding:7px;font-size:12px}}