.guide-hero{padding:170px max(24px,calc((100% - 1200px)/2)) 65px;background:linear-gradient(125deg,#061827,#092e3d);border-bottom:1px solid #275362}.guide-hero h1{font-size:clamp(44px,5.5vw,78px);max-width:1050px;margin:20px 0}.guide-hero p{max-width:850px;font-size:20px;line-height:1.7;color:#c3dae5}.guide-hub{max-width:1200px;margin:0 auto;padding:64px 24px 100px;display:grid;grid-template-columns:1fr 1fr;gap:28px}.guide-topic{padding:38px;border:1px solid #3a6275;border-radius:20px;display:flex;flex-direction:column;gap:20px;transition:transform .2s;background:#0c2531}.guide-topic:hover{transform:translateY(-4px)}.guide-topic h2{font-size:36px;line-height:1.2;margin:0}.guide-topic p{font-size:18px;line-height:1.65;color:#c3dae5;margin:0}.guide-topic strong{margin-top:auto;color:#6fe6de}.security-topic{background:#252140;border-color:#66548c}.security-topic strong{color:#cab4ff}.topic-number{font:700 13px Arial,sans-serif;letter-spacing:.08em;text-transform:uppercase;color:#69dacc}.footprint-hero{background:linear-gradient(125deg,#042c34,#0b4752)}.security-hero{background:linear-gradient(125deg,#1b1731,#392954)}.guide-back{display:inline-block;margin:12px 12px 12px 0;color:#8fedee;font-weight:700}.guide-content{background:#eaf5f5;color:#102033;padding:20px 0;line-height:1.65;--primary-blue:#073944;--secondary-blue:#126274;--electric-blue:#087b88;--accent-gold:#19bdb3;--text-dark:#102033;--text-muted:#435d6b}.guide-content a{color:#086375}.guide-content nav{display:block}.guide-content .container{max-width:1200px;width:100%;margin:0 auto}.guide-content .slide-section{scroll-margin-top:110px}.guide-sources{background:#071725;padding:42px max(24px,calc((100% - 1200px)/2));line-height:1.7}.guide-sources h2{font-size:26px}.guide-sources p{color:#aec6d6}.guide-sources a{display:inline-block;color:#8fedee;margin:8px 24px 8px 0;text-decoration:underline}.security-body{background:#f1eff8;color:#1a2035;padding:45px max(24px,calc((100% - 1200px)/2));line-height:1.7}.security-body h2{font-size:34px;line-height:1.25}.security-body p{font-size:18px}.security-topics{display:grid;grid-template-columns:repeat(3,1fr);gap:15px;margin:28px 0 55px}.security-topics a{display:flex;align-items:center;gap:14px;padding:20px;background:white;border:1px solid #c5bddb;border-radius:12px;color:#392954;font-weight:700}.security-topics span{color:#7356a0;font:700 13px monospace}.security-step{background:#fff;border-radius:18px;padding:36px;margin:24px 0;border-top:5px solid #8861bf;scroll-margin-top:110px}.security-step .topic-number{color:#6b479d}.security-step ol{padding-left:25px;font-size:18px}.security-step li{padding:8px 0}.official-link,.security-step .guide-back{display:inline-block;color:#60378e;text-decoration:underline;margin:12px 20px 0 0}.guide-content table{width:100%}.guide-content .slide-section{overflow-wrap:anywhere}.guide-content .quiz-result{min-height:2em}
@media(max-width:700px){.guide-hub,.security-topics{grid-template-columns:1fr}.guide-topic{padding:28px}.guide-topic h2{font-size:30px}.guide-hero{padding:125px 20px 40px}.guide-hero h1{font-size:42px}.guide-hero p{font-size:18px}.security-body{padding:28px 20px}.security-step{padding:24px}.security-body h2{font-size:28px}.security-step ol{font-size:17px}.guide-content .slide-section{padding:25px 18px}.guide-content .container{padding:0 12px}.guide-content table{display:block;overflow-x:auto}.guide-content .grid-menu{grid-template-columns:1fr}.guide-content nav{display:block}}
@media(prefers-reduced-motion:reduce){.guide-topic{transition:none}}

/* Compact guides with clear interactive topic choices */
.guide-hero{padding-top:116px;padding-bottom:26px}.guide-hero h1{margin:10px 0 12px}.guide-hero p{margin:0;max-width:1050px}.guide-hero .guide-back{margin:0 0 8px}.guide-hub{padding-top:28px;padding-bottom:42px;gap:20px}.guide-topic{padding:28px;gap:16px}
.security-body{padding-top:24px;padding-bottom:28px}.security-body #topics h2{margin:0 0 12px}.security-body #topics>p{margin:0 0 18px}.security-topics{margin:18px 0 26px;gap:12px}.security-topics a{align-items:flex-start;padding:18px;transition:background .18s,color .18s,border-color .18s,transform .18s,box-shadow .18s}.security-topics a>span:first-child{flex-shrink:0;margin-top:3px}.security-topics .topic-card-copy{font:inherit;color:inherit}.topic-card-copy strong{display:block;font-size:17px;line-height:1.35}.topic-card-copy em{display:block;font-size:14px;line-height:1.5;font-weight:400;color:#554c69;margin-top:8px}.security-topics a:hover,.security-topics a:focus-visible{background:#4b2f73;color:#fff;border-color:#4b2f73;transform:translateY(-3px);box-shadow:0 8px 20px #37235028}.security-topics a:hover span,.security-topics a:hover em,.security-topics a:focus-visible span,.security-topics a:focus-visible em{color:#f2eaff}.security-topics a:focus-visible{outline:3px solid #008699;outline-offset:3px}.security-topics a:active{background:#2d174b;color:#fff;transform:translateY(0)}
.security-step{padding:28px;margin:18px 0}.security-step h2{margin:10px 0}.security-step .topic-explanation{font-size:17px;color:#554c69;line-height:1.6;margin:0 0 16px}.guide-content{padding-top:12px;padding-bottom:12px}.guide-content .guide-panel,.guide-content .index-panel{padding:24px;margin-bottom:22px}.guide-content .slide-section{margin-bottom:24px}.guide-sources{padding-top:26px;padding-bottom:26px}
@media(max-width:700px){.guide-hero{padding-top:96px;padding-bottom:22px}.guide-hero h1{margin:8px 0 12px}.guide-hub{padding-top:22px;padding-bottom:30px}.guide-content .guide-panel,.guide-content .index-panel{padding:20px}.security-body{padding-top:22px}.security-step{padding:22px}.security-topics a{padding:17px}.topic-card-copy strong{font-size:17px}}
@media(prefers-reduced-motion:reduce){.security-topics a{transition:none}.security-topics a:hover,.security-topics a:focus-visible{transform:none}}