/* Compatibility for the three guide URLs added after the original theme.
   Original theme components, typography, palette and buttons remain authoritative. */
.retained-guides .retained-guide-hero .wrap{max-width:960px;text-align:center}
.retained-guides .retained-guide-hero .eyebrow{margin-bottom:18px}
.retained-guides .retained-guide-hero p{max-width:68ch;margin:0 auto 18px}
.retained-guides .retained-guide-hero .retained-guide-disclosure{font-size:14px;color:var(--muted)}
.retained-guides .retained-guide-layout{display:grid;grid-template-columns:minmax(0,1fr) 250px;grid-template-areas:"article toc";gap:48px;padding-top:64px;padding-bottom:88px;align-items:start}
.retained-guides .retained-guide-content{grid-area:article;width:100%;max-width:none;margin:0;padding:0}
.retained-guides .retained-guide-content h2{font-size:clamp(28px,3.4vw,40px);line-height:1.18}
.retained-guides .retained-guide-step{margin:40px 0;scroll-margin-top:110px}
.retained-guides .retained-guide-step .eyebrow{font-size:11px;margin-bottom:2px}
.retained-guides .retained-guide-step h2{margin-top:14px}
.retained-guides .retained-guide-note{margin-block:36px;scroll-margin-top:110px}
.retained-guides .retained-guide-note h2{font-size:26px;margin:0 0 16px}
.retained-guides .retained-guide-note p:last-child{margin-bottom:0}
.retained-guides .retained-guide-toc{grid-area:toc;position:sticky;top:105px;padding:24px;scroll-margin-top:105px}
.retained-guides .retained-guide-toc:hover{transform:none}
.retained-guides .retained-guide-toc .eyebrow{margin-bottom:18px;font-size:11px}
.retained-guides .retained-guide-toc ol{padding-left:20px;margin:0 0 18px}
.retained-guides .retained-guide-toc li{padding:7px 0;font-size:14px;line-height:1.5}
.retained-guides .retained-guide-toc li::marker{color:var(--red-lt)}
.retained-guides .retained-guide-toc a:hover{color:var(--red-lt)}
.retained-guides .retained-toc-questions{display:block;margin-bottom:20px;font-size:14px}
.retained-guides .retained-guide-toc .btn{font-size:13px;padding:12px 18px}
.retained-guides .retained-guide-faq{margin-block:48px;scroll-margin-top:110px}
.retained-guides .retained-guide-faq .faq{margin-top:25px}
.retained-guides .retained-guide-content .qa h3{margin:0 0 8px}
.retained-guides .retained-guide-content .qa p{margin-bottom:0}
.retained-guides .retained-guide-cta{margin-top:40px;padding:36px 26px}
.retained-guides .retained-guide-cta h2{margin-top:16px;font-size:32px}
.retained-guides .retained-guide-next{display:flex;flex-wrap:wrap;gap:20px 32px;margin-top:28px;padding-block:20px;border-top:1px solid var(--line)}
.retained-guides .retained-guide-next a{flex:1 1 220px;display:flex;align-items:center;justify-content:space-between;gap:14px;color:var(--red-lt);font-size:15px}
.retained-guides .retained-guide-next a:hover{color:var(--ink)}
.retained-guides .retained-guide-next small{display:block;color:var(--muted);font-size:11px;margin-bottom:6px}
.retained-guides .retained-guide-next strong{font-size:15px}
.retained-guides .retained-example-jumps{display:flex;flex-wrap:wrap;gap:14px 28px;padding:24px 28px;margin-bottom:32px}
.retained-guides .retained-example-jumps:hover{transform:none}
.retained-guides .retained-example-jumps a{color:var(--red-lt);font-size:14px}
.retained-guides .retained-example-jumps a:hover{color:var(--ink)}
.retained-guides .retained-example-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:24px}
.retained-guides .retained-example{min-width:0;padding:28px;scroll-margin-top:110px}
.retained-guides .retained-example>.eyebrow{font-size:11px}
.retained-guides .retained-example figure{margin:14px 0 24px}
/* Preserve the original square image and only omit its empty canvas margins. */
.retained-guides .retained-example-image{position:relative;display:block;aspect-ratio:1.5;overflow:hidden}
.retained-guides .retained-example-image img{position:absolute;top:50%;left:0;width:100%;height:auto;transform:translateY(-50%);object-fit:contain}
.retained-guides .retained-example figcaption{font-size:12px;color:var(--muted);text-align:center;margin-top:12px}
.retained-guides .retained-example h2{font-size:28px;line-height:1.18;margin-bottom:16px}
.retained-guides .retained-example details{margin:22px 0;border-block:1px solid var(--line);padding:14px 0}
.retained-guides .retained-example summary{cursor:pointer;font-size:14px;color:var(--ink)}
.retained-guides .retained-example details p{margin-top:12px}
.retained-guides .retained-example-actions{display:flex;flex-wrap:wrap;gap:18px;align-items:center}
.retained-guides .retained-text-link{color:var(--red-lt);font-size:14px}
.retained-guides .retained-text-link:hover{color:var(--ink)}
.retained-guides .ctaband>.eyebrow{position:relative;z-index:2;margin-bottom:18px}
@media(max-width:800px){
 .retained-guides .retained-guide-layout{display:flex;flex-direction:column;gap:32px;padding-top:40px;padding-bottom:64px}
 .retained-guides .retained-guide-toc{position:static;width:100%}
 .retained-guides .retained-guide-toc ol{display:grid;grid-template-columns:1fr 1fr;column-gap:28px}
 .retained-guides .retained-example-grid{grid-template-columns:1fr}
}
@media(max-width:500px){
 .retained-guides .retained-guide-toc ol{display:block}
 .retained-guides .retained-example{padding:22px}
 .retained-guides .retained-example h2{font-size:26px}
 .retained-guides .retained-guide-content h2{font-size:28px}
 .retained-guides .retained-guide-note h2{font-size:24px}
 .retained-guides .retained-guide-hero .hero-cta .btn{font-size:13px;padding-inline:20px}
}