/* Scoped guide composition; shared typography, colors, buttons and focus use design tokens. */
body.catalog-guide{margin:0;background:var(--pp-brand-ink);color:var(--pp-brand-paper);font-family:var(--pp-font-body);line-height:1.7}
.catalog-guide h1,.catalog-guide h2,.catalog-guide h3,.guide-statement{font-family:var(--pp-font-display);line-height:1.12;letter-spacing:-.035em;text-wrap:balance}
.catalog-guide h1,.catalog-guide h2,.catalog-guide h3,.catalog-guide p{margin:0}
.catalog-guide a{color:inherit;text-underline-offset:.25em}
.catalog-guide a.pp-skip-link{color:var(--pp-brand-ink)}
.catalog-guide a.pp-button{color:var(--pp-action-text)}
.catalog-guide a.pp-button--secondary{color:var(--pp-text)}
.catalog-guide a.pp-button--secondary:hover{color:var(--pp-action-text)}
.catalog-guide p+p{margin-top:1rem}
.guide-wrap{width:min(100% - 40px,1200px);margin-inline:auto}
.guide-nav{display:flex;align-items:center;justify-content:space-between;gap:20px;min-height:80px;border-bottom:1px solid var(--pp-border)}
.guide-nav img{display:block;width:128px;height:auto}
.guide-nav>a:last-child{font-size:.875rem;min-height:44px;display:flex;align-items:center}
.guide-hero{padding-block:48px 40px}
.guide-label{font-size:.75rem;line-height:1.5;font-weight:700;letter-spacing:.08em;text-transform:uppercase}
.guide-hero .guide-label{color:var(--pp-brand-lime)}
.guide-hero-grid{display:grid;grid-template-columns:minmax(0,1.5fr) minmax(0,1fr);gap:48px;align-items:end;margin-block:20px 28px}
.catalog-guide h1{font-size:clamp(2.5rem,5vw,4.5rem);font-weight:650;max-width:18ch}
.guide-intro{font-size:1.0625rem;color:var(--pp-text-muted);max-width:44ch}
.guide-actions{display:flex;flex-wrap:wrap;gap:12px;margin-top:24px}
.guide-actions .pp-button{font-size:.75rem;letter-spacing:.04em;line-height:1.5;text-align:center;min-height:48px}
.guide-meta{font-size:.8125rem;color:var(--pp-text-muted);margin-top:16px!important}
.guide-disclaimer{font-size:.8125rem;color:var(--pp-text-muted);border-top:1px solid var(--pp-border);padding-top:20px;max-width:85ch}
.guide-body{background:var(--pp-brand-paper);color:var(--pp-brand-ink);padding-block:48px 72px}
.guide-layout{display:grid;grid-template-columns:220px minmax(0,1fr);gap:64px}
.guide-index{position:sticky;top:24px;align-self:start;font-size:.875rem}
.guide-index ol{list-style:none;padding:0;margin:16px 0;border-top:1px solid var(--pp-border)}
.guide-index a{display:block;padding:10px 0;border-bottom:1px solid var(--pp-border);text-decoration:none}
.guide-index a:hover{text-decoration:underline}
.guide-reading{min-width:0;max-width:840px}
.guide-section{padding-block:40px;border-bottom:1px solid var(--pp-border);scroll-margin-top:24px}
.guide-section:first-child{padding-top:0}
.catalog-guide h2{font-size:clamp(1.75rem,3vw,2.6rem);font-weight:650;margin-bottom:20px}
.catalog-guide h3{font-size:1.25rem;margin-bottom:10px;font-weight:650}
.guide-section>.guide-label{margin-bottom:12px;color:var(--pp-text-muted)}
.guide-section>p{max-width:68ch}
.guide-section ul{padding-left:1.25rem;margin-block:12px 0}
.guide-section .guide-statement{font-size:clamp(1.4rem,2.5vw,2rem);font-weight:650;margin-block:24px 0}
.guide-note{border-left:4px solid var(--pp-brand-ink);padding:16px 20px;margin-top:24px;background:#e5e3db}
.guide-note strong{display:block}
.guide-cards{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;margin-top:24px}
.guide-card{padding:24px;border:1px solid var(--pp-border)}
.guide-card .guide-label{margin-bottom:12px}
.guide-card p{font-size:.9375rem}
.guide-card ul{font-size:.9375rem}
.guide-sequence{list-style:none;padding:0!important;display:flex;flex-wrap:wrap;gap:8px 16px;margin-top:24px!important;font-size:.8125rem;font-weight:700}
.guide-sequence li:not(:last-child)::after{content:' →';padding-left:16px}
.guide-sequence li{max-width:100%}
.guide-fieldset{border:0;padding:0;margin:24px 0 0;min-width:0}
.guide-fieldset legend{font-size:.9375rem;font-weight:700;padding:0;margin-bottom:12px}
.guide-checks{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px 16px}
.guide-check{display:flex;align-items:flex-start;gap:12px;padding:12px;min-height:52px;border:1px solid var(--pp-border);font-size:.9375rem;line-height:1.6;cursor:pointer}
.guide-check:hover{background:color-mix(in srgb,currentColor 5%,transparent)}
.guide-check:has(input:checked){border-color:currentColor;background:color-mix(in srgb,currentColor 7%,transparent)}
.guide-check input{width:20px;height:20px;flex:0 0 20px;margin:2px 0 0;accent-color:var(--pp-brand-ink);cursor:pointer}
.guide-state-options{display:flex;flex-wrap:wrap;gap:8px}
.guide-state-options .guide-check{flex:1 1 145px}
.guide-hint{font-size:.9375rem;margin-top:16px!important}
.guide-master{background:var(--pp-brand-ink);color:var(--pp-brand-paper);padding:clamp(20px,4vw,40px);margin-top:40px;border:none;scroll-margin-top:24px}
.guide-master>.guide-label{color:var(--pp-brand-lime)}
.guide-master h2{margin-top:12px}
.guide-master>p{font-size:.9375rem;color:var(--pp-text-muted)}
.guide-master .guide-fieldset legend{color:var(--pp-brand-lime)}
.guide-master .guide-checks{grid-template-columns:1fr}
.guide-master .guide-check input{accent-color:var(--pp-brand-lime)}
.guide-progress{margin-block:24px 0}
.guide-progress progress{display:block;width:100%;height:8px;accent-color:var(--pp-brand-lime)}
.guide-progress progress::-webkit-progress-bar{background:#44443d}
.guide-progress progress::-webkit-progress-value{background:var(--pp-brand-lime)}
.guide-progress p{font-size:.8125rem;margin-bottom:8px;color:var(--pp-brand-lime)}
.guide-faq details{border-top:1px solid var(--pp-border);padding-block:20px}
.guide-faq summary{font-family:var(--pp-font-display);font-size:1.25rem;line-height:1.4;cursor:pointer;min-height:44px;font-weight:650}
.guide-faq details[open] summary{margin-bottom:16px}
.guide-summary ol{padding-left:1.6rem;font-weight:600}
.guide-summary li{padding:8px 0 8px 8px}
.guide-summary li::marker{font-family:var(--pp-font-display);font-weight:700}
.guide-sources{font-size:.8125rem;margin-top:40px}
.guide-sources h2{font-family:var(--pp-font-body);font-size:.8125rem;letter-spacing:.06em}
.guide-sources li{margin-block:10px}
.guide-sources a{overflow-wrap:anywhere}
.guide-sources .guide-disclaimer{color:var(--pp-text-muted);margin-top:24px}
.guide-close{padding-block:56px}
.guide-close h2{max-width:27ch;margin-top:16px}
.guide-close>p{max-width:68ch;color:var(--pp-text-muted)}
.guide-credential{border-left:2px solid var(--pp-brand-lime);padding-left:16px;margin-top:24px!important;font-size:.875rem}
.guide-footer{display:flex;justify-content:space-between;flex-wrap:wrap;gap:16px;padding-block:24px;border-top:1px solid var(--pp-border);font-size:.8125rem;color:var(--pp-text-muted)}
.guide-consumer{padding:20px;font-size:.75rem;text-align:center;color:var(--pp-text-muted);border-top:1px solid var(--pp-border)}
@media(max-width:900px){.guide-hero-grid,.guide-layout{grid-template-columns:1fr;gap:24px}.guide-index{position:static}.guide-index ol{display:flex;flex-wrap:wrap;gap:0 20px;margin-block:12px 0}.guide-index li{flex:1 1 150px}.guide-index a{padding-block:12px}.guide-reading{max-width:none}.guide-hero-grid{margin-block:20px}.guide-intro{max-width:60ch}}
@media(max-width:600px){.guide-nav{min-height:72px}.guide-hero{padding-block:32px}.guide-hero-grid{gap:20px}.catalog-guide h1{font-size:clamp(2.25rem,9.4vw,3rem);line-height:1.1;max-width:19ch}.guide-cards,.guide-checks{grid-template-columns:1fr}.guide-body{padding-block:32px 48px}.guide-section{padding-block:32px}.guide-card{padding:20px}.guide-actions{flex-direction:column;align-items:stretch}.guide-sequence{display:block}.guide-sequence li{padding-block:6px}.guide-sequence li:not(:last-child)::after{content:' ↓'}.guide-master{margin-inline:0}.guide-master .guide-check{padding:12px 10px}.guide-nav>a:last-child{font-size:.8125rem}.guide-index ol{gap:0 16px}.guide-index li{flex-basis:130px}.guide-close{padding-block:40px}}
@media(prefers-reduced-motion:reduce){.catalog-guide{scroll-behavior:auto}.catalog-guide *{scroll-behavior:auto;transition:none}}