.moto-guide-page{--guide-width:1080px}
.guide-nav{justify-content:space-between}
.guide-nav .button{white-space:nowrap}
.guide-shell{max-width:var(--guide-width);margin:auto;padding:28px 32px 72px}
.guide-breadcrumbs{display:flex;flex-wrap:wrap;gap:8px;font-size:12px;color:#abb2bf;line-height:1.6}
.guide-breadcrumbs a:hover,.guide-text-link:hover{color:#fff}
.guide-hero{padding:52px 0 32px;max-width:900px}
.guide-hero h1{font:800 clamp(40px,6.4vw,76px)/1.05 'Barlow Condensed',sans-serif;letter-spacing:-.02em;margin:16px 0 24px}
.guide-hero h1 span{color:#afb6c4}
.guide-lead{max-width:730px;font-size:18px;line-height:1.8;color:#c8ced8}
.moto-guide-page .eyebrow{color:#ff625c;font-size:12px;line-height:1.5}
.moto-guide-page .button-row{display:flex;flex-wrap:wrap;align-items:center;gap:18px;margin:28px 0 0}
.guide-text-link{font-size:14px;color:#c8ced8;text-underline-offset:5px;text-decoration:underline}
.guide-preview{margin:0;min-width:0;border:1px solid var(--line);border-radius:14px;overflow:hidden;background:var(--surface)}
.guide-preview img{display:block;width:100%;height:auto}
.guide-preview figcaption{padding:14px 18px;font-size:12px;line-height:1.65;color:#aeb6c3;border-top:1px solid var(--line)}
.guide-preview figcaption a{text-decoration:underline;text-underline-offset:3px}
.guide-toc{display:flex;flex-wrap:wrap;align-items:center;gap:12px 22px;padding:24px 0;border-bottom:1px solid var(--line);font-size:13px;line-height:1.6}
.guide-toc span{color:#abb2bf;font-weight:700}
.guide-toc a{color:#e8ebf0;text-decoration:underline;text-underline-offset:4px}
.guide-section{padding-top:56px;scroll-margin-top:96px}
.guide-section h2,.guide-next h2{font:800 clamp(28px,4vw,42px)/1.15 'Barlow Condensed',sans-serif;letter-spacing:.005em;margin:12px 0 22px;max-width:850px}
.guide-section p,.guide-section li,.guide-next>p{font-size:16px;line-height:1.85;color:#c6cdd8}
.guide-section p{max-width:860px;margin:0 0 18px}
.guide-section strong{color:#f5f6f8}
.guide-section a:not(.button){text-decoration:underline;text-underline-offset:4px}
.guide-steps{list-style:none;counter-reset:guide-step;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;padding:0;margin:26px 0}
.guide-steps li{counter-increment:guide-step;padding:22px;background:var(--surface);border:1px solid var(--line);border-radius:12px}
.guide-steps li:before{content:'0' counter(guide-step);font:800 24px 'Barlow Condensed',sans-serif;color:#ffc400}
.guide-section h3{font-size:17px;line-height:1.5;margin:8px 0 10px;color:#f5f6f8}
.guide-steps p{font-size:14px;line-height:1.75;margin:0}
.guide-table-wrap{margin:26px 0 16px;border:1px solid var(--line);border-radius:12px;overflow:hidden}
.guide-scale{width:100%;border-collapse:collapse;font-size:14px;line-height:1.65;text-align:left}
.guide-scale caption{text-align:left;padding:14px 20px;background:#171c24;font-weight:700}
.guide-scale th,.guide-scale td{padding:16px 20px;vertical-align:top;border-top:1px solid var(--line)}
.guide-scale thead th{color:#aeb6c3;font-size:12px;font-weight:600}
.guide-scale tbody th{white-space:nowrap;font-variant-numeric:tabular-nums;font-weight:600}
.guide-scale td:last-child{color:#bec6d2}
.guide-category{display:flex;align-items:center;gap:10px;min-width:155px}
.guide-category i{display:block;width:12px;height:12px;flex:0 0 12px;border-radius:3px;background:var(--category-color)}
.guide-section .guide-note,.guide-next .guide-note{font-size:13px;color:#aeb6c3;line-height:1.75}
.guide-region{display:grid;grid-template-columns:1fr 1fr;gap:28px;align-items:center}
.guide-region p{font-size:15px}
.guide-two-col{display:grid;grid-template-columns:1fr 1fr;gap:16px;margin:24px 0}
.guide-card{padding:24px;border:1px solid var(--line);border-radius:12px;background:var(--surface)}
.guide-card h3{color:#ffc400;margin:0 0 12px;font:800 22px 'Barlow Condensed',sans-serif;letter-spacing:1px}
.guide-card p{font-size:15px;margin:0}
.guide-inputs{list-style:none;padding:0;margin:24px 0;display:grid;grid-template-columns:1fr 1fr;gap:1px;background:var(--line);border:1px solid var(--line);border-radius:12px;overflow:hidden}
.guide-inputs li{display:flex;flex-direction:column;gap:6px;padding:20px;background:var(--surface);font-size:14px;line-height:1.7}
.guide-inputs li:last-child{grid-column:1/-1}
.guide-faq details{padding:0 20px;border:1px solid var(--line);border-radius:10px;background:var(--surface);margin:12px 0}
.guide-faq summary{padding:20px 0;cursor:pointer;font-size:15px;line-height:1.6;font-weight:600}
.guide-faq details p{font-size:15px;margin-bottom:20px}
.guide-next{margin-top:56px;padding:32px;border:1px solid #54482a;border-radius:14px;background:linear-gradient(125deg,#221d15,#11151b 70%)}
.guide-next .button-row{margin-bottom:22px}
.guide-next p:last-child{margin-bottom:0}
.guide-footer{padding-top:36px;padding-bottom:36px}
.guide-skip{position:fixed;z-index:100;top:8px;left:8px;padding:12px;background:#fff;color:#090b0f;transform:translateY(-160%)}
.guide-skip:focus{transform:none}
.moto-guide-page a:focus-visible,.moto-guide-page summary:focus-visible{outline:2px solid #ffc400;outline-offset:5px;border-radius:3px}
@media(max-width:760px){
 .guide-steps{grid-template-columns:1fr}
 .guide-region{grid-template-columns:1fr}
 .guide-scale th,.guide-scale td{padding:12px}
 .guide-scale{font-size:13px}
 .guide-category{min-width:0;gap:7px}
 .guide-scale th:first-child{width:80px}
}
@media(max-width:600px){
 .guide-shell{padding:22px 20px 44px}
 .guide-hero{padding:34px 0 28px}
 .guide-hero h1{font-size:42px}
 .guide-lead{font-size:16px;line-height:1.8}
 .guide-section{padding-top:38px;scroll-margin-top:84px}
 .guide-section h2,.guide-next h2{font-size:30px}
 .guide-section p,.guide-section li,.guide-next>p{font-size:15px}
 .guide-two-col,.guide-inputs{grid-template-columns:1fr}
 .guide-inputs li:last-child{grid-column:auto}
 .guide-scale th,.guide-scale td{padding:12px 9px}
 .guide-scale td:last-child{display:none}
 .guide-scale thead th:last-child{display:none}
 .guide-scale tbody th{width:92px}
 .guide-category{min-height:32px}
 .guide-table-wrap{margin-top:20px}
 .guide-toc{gap:10px 18px;font-size:12px}
 .guide-toc>span{flex-basis:100%}
 .guide-next{padding:24px 20px;margin-top:36px}
 .guide-next .button-row,.guide-hero .button-row{align-items:stretch;flex-direction:column;gap:20px}
 .moto-guide-page .button{white-space:normal;text-align:center}
 .guide-nav .brand{font-size:25px}
 .guide-nav .button{font-size:11px;min-height:36px;padding:0 12px;white-space:nowrap}
 .guide-preview picture{display:block;max-width:430px;margin:auto}
 .guide-preview figcaption{padding:12px 14px}
 .guide-faq details{padding:0 16px}
}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}