.guide-nav,.guide-footer{max-width:1120px;margin:0 auto;padding:20px;display:flex;align-items:center;justify-content:space-between;gap:24px}
.nav-action,.guide-cta{display:inline-flex;min-height:48px;align-items:center;justify-content:center;padding:0 22px;border-radius:8px;background:var(--kept);color:#fff;text-decoration:none;font-weight:700}
.guide-hero{max-width:1120px;margin:0 auto;padding:76px 20px 64px;display:grid;grid-template-columns:1fr .88fr;gap:72px;align-items:center}
.guide-copy{max-width:540px}
.guide-kicker{margin:0 0 24px;color:var(--kept);font-size:16px;font-weight:700}
.guide-hero h1{font-size:clamp(50px,7vw,82px);font-weight:800}
.guide-lede{max-width:32ch;margin:24px 0 28px;color:var(--ink-2);font-size:21px;line-height:1.5}
.guide-note{margin:12px 0 0;color:var(--ink-2);font-size:14px}
.receipt{position:relative;margin:0;padding:30px 30px 28px;background:var(--paper);box-shadow:0 28px 60px -38px rgba(60,40,20,.55);font-family:var(--mono);transform:rotate(1deg)}
.receipt::after{position:absolute;right:0;bottom:-12px;left:0;height:12px;background:conic-gradient(from -45deg at 50% 0,var(--paper) 90deg,#0000 0) 0 0/18px 12px repeat-x;content:""}
.receipt-top,.receipt-item,.receipt-status,.receipt-total{display:flex;align-items:baseline;justify-content:space-between;gap:16px}
.receipt-top{padding-bottom:16px;border-bottom:2px dashed var(--rule);color:var(--ink-3);font-size:12px}
.receipt-item{padding:22px 0;border-bottom:1px dashed var(--rule);font:600 17px/1.4 var(--text)}
.receipt-status{padding:16px 0;color:var(--ink-2);font:14px var(--text)}
.receipt-status b{padding:4px 9px;border:2px solid var(--kept);border-radius:5px;color:var(--kept);font-family:var(--display);font-size:12px;transform:rotate(-5deg)}
.receipt-total{align-items:flex-end;padding-top:21px;border-top:2px dashed var(--rule);font:14px var(--text)}
.receipt-total strong{color:var(--kept);font:800 44px/1 var(--display);letter-spacing:-.04em}
.receipt figcaption{margin-top:24px;color:var(--ink-3);font:12px/1.5 var(--text)}
.guide-body{max-width:1120px;margin:0 auto;padding:64px 20px 112px;border-top:1px solid var(--rule);display:grid;grid-template-columns:minmax(0,680px) 260px;justify-content:space-between;gap:72px}
.article-copy h2{margin:0 0 16px;font-size:clamp(27px,3.5vw,36px);font-weight:750;line-height:1.12}
.article-copy h2:not(:first-child){margin-top:52px}
.article-copy p,.article-copy li{color:var(--ink-2);font-size:17px;line-height:1.7}
.article-copy p{margin:0 0 18px}
.steps{margin:24px 0 0;padding:0;list-style:none;counter-reset:hold-step}
.steps li{position:relative;margin:0;padding:18px 0 18px 48px;border-top:1px dashed var(--rule);counter-increment:hold-step}
.steps li::before{position:absolute;left:0;top:19px;display:grid;width:30px;height:30px;place-items:center;border-radius:50%;background:var(--kept-soft);color:var(--kept);font:700 15px var(--text);content:counter(hold-step)}
.steps strong,.steps span{display:block}.steps strong{color:var(--ink)}
.guide-aside{align-self:start;margin-top:8px;padding:20px 0 20px 22px;border-left:3px solid var(--kept)}
.aside-title{margin:0 0 8px;font-weight:750}.guide-aside p:last-child{margin:0;color:var(--ink-2);font-size:15px;line-height:1.6}
.article-cta{margin-top:28px!important}.article-cta a{font-weight:750;color:var(--kept)}
.related{font-size:15px!important}.related a{color:var(--kept)}
.guide-footer{border-top:1px solid var(--rule);font-size:14px}.guide-footer nav{display:flex;gap:20px;flex-wrap:wrap}.guide-footer nav a{color:var(--ink-2)}
.nav-action:hover,.guide-cta:hover{background:#09643d}.nav-action:active,.guide-cta:active{transform:translateY(1px)}
@media(max-width:760px){.guide-hero{grid-template-columns:1fr;gap:38px;padding:54px 20px 48px}.guide-hero h1{font-size:clamp(48px,13vw,64px)}.guide-lede{font-size:19px}.receipt{max-width:480px;width:100%;justify-self:center}.guide-body{grid-template-columns:1fr;gap:30px;padding:48px 20px 72px}.guide-aside{max-width:480px}.guide-footer{align-items:flex-start;flex-wrap:wrap}.guide-footer nav{order:3;width:100%;gap:14px 22px}}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{scroll-behavior:auto!important;transition:none!important}}