.guide-heading{max-width:1200px}.guide-heading h1{font-size:clamp(2.6rem,5vw,4.3rem);max-width:18ch}.guide-heading .lead{max-width:45ch}
.guide-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:28px;padding-block:20px 65px}.guide-card{background:var(--surface);border:1px solid var(--line);border-radius:18px;overflow:hidden}.guide-card>a{display:block;text-decoration:none;height:100%}.guide-card>a>img{height:255px;width:100%;object-fit:contain;background:var(--surface-inset);padding:22px}.guide-card>a>div{padding:28px}.guide-card h2{font-size:1.6rem;line-height:1.3;letter-spacing:-.03em;margin-bottom:14px}.guide-card p{font-size:1rem;line-height:1.7}.guide-card .guide-app{font-size:.875rem;color:var(--accent);margin-bottom:12px}.guide-card .text-link{margin-top:22px;font-size:1rem;display:inline-block}.guide-card:hover{border-color:#8ba9bc}
.guide-article{padding-block:40px 70px}.guide-intro{max-width:900px;margin-bottom:42px}.guide-breadcrumb{display:flex;flex-wrap:wrap;gap:12px;font-size:.875rem;color:var(--muted);margin-bottom:30px}.guide-breadcrumb a{color:inherit}.guide-intro h1{font-size:clamp(2.35rem,4.4vw,3.8rem);line-height:1.14;letter-spacing:-.045em;max-width:23ch;margin-bottom:22px;text-wrap:balance}.guide-intro .lead{max-width:48ch;margin-bottom:19px}.guide-byline{font-size:.875rem;color:var(--muted)}
.guide-layout{display:grid;grid-template-columns:minmax(0,1.4fr) minmax(0,1fr);gap:60px;align-items:start}.guide-copy{max-width:750px}.guide-copy section{margin-bottom:36px}.guide-copy h2{font-size:1.55rem;line-height:1.4;letter-spacing:-.025em;margin-bottom:20px}.guide-copy p,.guide-copy li{font-size:1.0625rem;line-height:1.85;color:var(--muted)}.guide-copy p+p{margin-top:16px}.guide-copy ol{padding-left:24px;margin-block:18px}.guide-copy li+li{margin-top:14px}.guide-copy strong{color:var(--ink)}.guide-copy a{color:var(--accent);text-underline-offset:4px}.guide-copy kbd{font-size:.9375rem}.guide-proof{position:sticky;top:35px;border:1px solid var(--line);background:var(--surface-inset);border-radius:14px;padding:22px}.guide-proof img{width:100%;height:auto;max-height:580px;object-fit:contain}.guide-proof figcaption{color:var(--muted);font-size:.875rem;line-height:1.6;margin-top:18px}.guide-next{border-top:1px solid var(--line);padding-top:28px}.guide-next .actions{display:flex;flex-wrap:wrap;gap:16px;margin-top:22px}.guide-next .button.primary{color:#0b2827}.guide-next .button.secondary{color:var(--ink)}.guide-related{border-top:1px solid var(--line);padding-top:28px;margin-top:25px}.guide-related h2{font-size:1.5rem;margin-bottom:22px}.guide-related>div{display:flex;flex-wrap:wrap;gap:18px 30px}.guide-related a{font-size:1rem;color:var(--accent);text-underline-offset:5px}
@media(max-width:900px){.guide-layout{grid-template-columns:1fr;gap:20px}.guide-proof{position:static;max-width:650px}.guide-proof img{max-height:410px}.guide-card>a>img{height:220px}.guide-copy{max-width:none}}
@media(max-width:620px){.guide-grid{grid-template-columns:1fr;gap:22px}.guide-card>a>div{padding:22px}.guide-heading h1{font-size:2.6rem}.guide-article{padding-top:25px}.guide-intro h1{font-size:2.35rem}.guide-intro{margin-bottom:30px}.guide-layout{gap:12px}.guide-copy h2{font-size:1.4rem}.guide-copy p,.guide-copy li{font-size:1rem}.guide-next .button{max-width:100%;text-align:center;line-height:1.5;white-space:normal}.guide-proof{padding:18px}}
.guide-video video{display:block;width:100%;height:auto;border:1px solid var(--line);border-radius:12px;background:var(--surface-inset)}.guide-copy .guide-video-note{font-size:.875rem;margin-top:12px;line-height:1.6}
.guide-copy,.guide-proof{min-width:0}.guide-table-wrap{width:100%;max-width:100%;overflow-x:auto;margin-block:22px;border:1px solid var(--line);border-radius:12px}.guide-comparison{width:100%;border-collapse:collapse;table-layout:fixed;font-size:1rem;line-height:1.6}.guide-comparison caption{text-align:left;padding:16px 18px;background:var(--surface-inset);font-weight:700;color:var(--ink)}.guide-comparison th,.guide-comparison td{vertical-align:top;text-align:left;padding:16px 14px;border-top:1px solid var(--line);overflow-wrap:break-word}.guide-comparison thead th{background:var(--surface);color:var(--ink)}.guide-comparison th:first-child{width:25%}.guide-comparison tbody th{font-weight:600;color:var(--ink)}.guide-comparison td{color:var(--muted)}.guide-table-wrap:focus-visible{outline:2px solid var(--accent);outline-offset:4px}
@media(max-width:620px){.guide-comparison{font-size:.9375rem;min-width:480px}.guide-comparison th,.guide-comparison td{padding:14px 12px}}