/* Shared editorial pages and homepage guide links; inherit the app palette. */
.guide-home,.guide-related{border-top:1px solid var(--line);background:var(--surface)}
.guide-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:32px}
.guide-card{display:flex;flex-direction:column;align-items:flex-start;border-top:2px solid var(--line);padding:28px 0 12px;transition:border-color .2s}
.guide-card:hover{border-color:var(--accent)}
.guide-card .eyebrow{font-size:10px;color:var(--accent);margin-bottom:19px}
.guide-card h3{font-size:clamp(29px,2.6vw,42px);line-height:1.13;max-width:650px}
.guide-card p{font-size:14px;color:var(--muted);margin:20px 0 28px;line-height:1.85}
.guide-read{font:11px var(--mono);color:var(--accent);margin-top:auto;display:flex;justify-content:space-between;width:100%}
.content-nav{display:flex;gap:28px;margin-left:auto;font:11px var(--mono)}
.content-nav a:hover,.breadcrumbs a:hover{color:var(--accent)}
.article-top{padding-top:42px;padding-bottom:64px}
.breadcrumbs{display:flex;flex-wrap:wrap;gap:10px;font:10px/1.8 var(--mono);color:var(--muted);margin-bottom:54px}
.article-heading{border-bottom:1px solid var(--line);padding-bottom:44px}
.article-heading .eyebrow{color:var(--accent);display:block;margin-bottom:24px}
.article-heading h1{font-size:clamp(50px,5.6vw,96px);max-width:1100px;line-height:1.06}
.article-heading p{max-width:850px;margin-top:27px;color:var(--muted);font-size:18px;line-height:1.9}
.article-layout{display:grid;grid-template-columns:minmax(200px,1fr) minmax(0,3fr);gap:7vw;padding-bottom:90px;align-items:start}
.article-toc{position:sticky;top:122px;padding-right:25px;font:11px/1.8 var(--mono);color:var(--muted)}
.article-toc strong{color:var(--text);font-weight:500}
.article-toc ol{padding-left:20px;margin-top:20px}
.article-toc li{padding-left:5px;margin-bottom:15px}.article-toc a:hover{color:var(--accent)}
.article-body{min-width:0;font-size:16px;line-height:1.95}
.article-body section{scroll-margin-top:120px;margin-bottom:50px}
.article-body h2{font-size:clamp(31px,3.1vw,47px);line-height:1.12;margin-bottom:22px}
.article-body p{max-width:83ch;margin-bottom:22px}
.article-body p+ h2{margin-top:44px}
.article-body ul,.article-body ol{padding-left:24px;max-width:82ch;margin-bottom:28px}
.article-body li{padding-left:6px;margin-bottom:12px}
.article-body p a,.contact-panel dd a{color:var(--accent);text-decoration:underline;text-underline-offset:4px;text-decoration-color:var(--line)}
.article-body .table-scroll{margin-block:28px;border:1px solid var(--line)}
.article-body .comparison{min-width:640px;font:12px/1.85 var(--mono)}
.article-body .comparison th,.article-body .comparison td{padding:19px 22px;color:var(--text);background:var(--surface);border-color:var(--line)}
.article-body .comparison thead th{background:var(--raised);font-size:11px}
.article-body .comparison th:first-child{width:23%}
.article-body .comparison th:not(:first-child),.article-body .comparison td{width:auto}
.article-body .comparison td:last-child{color:var(--text)}
.article-reference{padding-top:27px;border-top:1px solid var(--line)}
.article-reference h2{font-size:29px}.article-reference p{font-size:13px;color:var(--muted)}
.article-cta{padding:36px;background:var(--raised);border-left:3px solid var(--accent)}
.article-cta h2{font-size:36px}.article-cta p{font-size:14px;color:var(--muted)}
.guide-related h2{margin:16px 0 36px}.guide-hub{padding-top:0;min-height:40vh}
.about-layout{display:grid;grid-template-columns:minmax(0,2fr) minmax(0,1fr);gap:8vw;padding-bottom:100px;align-items:start}
.contact-panel{padding:32px;border:1px solid var(--line);background:var(--surface);position:sticky;top:120px}
.contact-panel .eyebrow{color:var(--accent)}.contact-panel h2{font-size:40px;margin-top:20px}
.contact-panel dl{margin:28px 0}.contact-panel dt{font:10px var(--mono);color:var(--muted);margin-bottom:7px}.contact-panel dd{margin:0 0 23px;font:13px/1.8 var(--mono);overflow-wrap:anywhere}
.contact-panel .button{width:100%;font-size:11px}
.content-footer p{font-size:13px;color:var(--muted);margin:15px 0 26px}
.content-footer nav{display:flex;flex-wrap:wrap;gap:17px 28px;font:11px var(--mono)}
.content-footer small{display:block;border-top:1px solid var(--line);margin-top:30px;padding-top:24px;font:10px var(--mono);color:var(--muted)}
@media(max-width:1100px){.nav-links{gap:16px}.guide-grid{gap:25px}.article-layout{gap:40px;grid-template-columns:210px minmax(0,1fr)}.content-nav{gap:18px}.about-layout{gap:40px}.contact-panel{padding:23px}}
@media(max-width:800px){.guide-grid{grid-template-columns:1fr;gap:26px}.guide-card h3{font-size:37px}.guide-card p{max-width:650px}.article-layout{grid-template-columns:1fr;gap:35px}.article-toc{position:static;border-bottom:1px solid var(--line);padding-bottom:15px}.article-toc ol{columns:2;column-gap:35px}.article-toc li{break-inside:avoid}.article-heading h1{font-size:62px}.article-heading p{font-size:16px}.about-layout{grid-template-columns:1fr}.contact-panel{position:static}.content-header .nav{flex-wrap:wrap;padding-block:12px;gap:15px}.content-header .nav-actions{margin-left:auto}.content-nav{order:3;width:100%;margin:0;justify-content:flex-start;padding-block:10px 3px;border-top:1px solid var(--line)}}
@media(max-width:480px){.article-top{padding-top:25px;padding-bottom:34px}.breadcrumbs{font-size:9px;margin-bottom:35px;gap:8px}.article-heading{padding-bottom:30px}.article-heading .eyebrow{font-size:9px;line-height:1.8;margin-bottom:20px}.article-heading h1{font-size:47px}.article-heading p{font-size:14px;margin-top:23px}.article-layout{padding-bottom:60px}.article-toc ol{columns:1}.article-body{font-size:14px}.article-body h2{font-size:33px}.article-body section{margin-bottom:38px;scroll-margin-top:155px}.article-body .comparison{font-size:11px}.article-cta{padding:26px 22px}.article-cta h2{font-size:31px}.guide-card{padding-top:23px}.guide-card h3{font-size:33px}.guide-card p{font-size:14px}.about-layout{padding-bottom:60px}.content-header .brand{font-size:19px}.content-header .nav-actions .button{font-size:9px}.content-nav{font-size:10px}.content-footer nav{font-size:10px}.contact-panel h2{font-size:36px}}
@media(prefers-reduced-motion:reduce){.guide-card{transition:none}}

.guide-related .guide-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
@media(max-width:800px){.guide-related .guide-grid{grid-template-columns:1fr}}