.guide-topic-shell{max-width:1120px}.guide-start{padding:28px 32px;background:#f4f7ff;border:1px solid #dbe5ff;border-radius:18px}.guide-start h2{font-size:24px;line-height:1.3;margin:0 0 16px;color:#101a3c}.guide-start ul,.related-reading ul{padding:0;margin:0;list-style:none;display:grid;gap:12px}.guide-start a,.related-reading a{color:#174bff;text-decoration:underline;text-decoration-thickness:1px;text-underline-offset:4px;line-height:1.65;font-size:16px;display:inline-block;padding:6px 0;overflow-wrap:anywhere}.guide-topic-links{display:flex;flex-wrap:wrap;gap:10px;padding:28px 0 4px}.guide-topic-links a{display:inline-flex;align-items:center;min-height:44px;padding:10px 17px;border:1px solid #dce3f2;border-radius:999px;background:#fff;color:#142044;font-size:15px;font-weight:700;text-decoration:none}.guide-topic-links a:hover{border-color:#174bff;color:#174bff}.guide-topic-section{margin-top:44px;scroll-margin-top:110px}.guide-topic-section>h2{font-size:29px;margin:0 0 20px;color:#101a3c;letter-spacing:-.025em}.guide-topic-section .guide-card h3{margin:16px 0 12px;font-size:24px;line-height:1.35;color:#142044;letter-spacing:-.02em}.guide-card h3 a{color:inherit;text-decoration:none}.guide-card h3 a:hover{color:#174bff}.guide-card p{font-size:16px;color:#465573}.guide-card-index{font-size:12px;letter-spacing:.08em}.guide-card-link{min-height:44px}.guide-answer{padding:24px 28px;border-left:4px solid #174bff;background:#f5f8ff;border-radius:0 14px 14px 0;margin:0 0 28px}.guide-answer>strong,.guide-toc>strong{font-size:15px;color:#174bff}.guide-answer p{font-size:18px;line-height:1.8;color:#263753;margin:10px 0 0}.guide-toc{padding:22px 28px;margin-bottom:42px;border:1px solid #dce3f2;border-radius:16px}.guide-toc ol{margin:12px 0 0;padding-left:22px;display:grid;gap:8px}.guide-toc a{color:#234c99;font-size:16px;line-height:1.65;text-decoration:underline;text-underline-offset:3px;display:inline-block;padding:3px 0}.guide-section{scroll-margin-top:110px}.guide-example{white-space:pre-wrap;overflow-wrap:anywhere;background:#f0f4fc;color:#152044;border:1px solid #dce3f2;border-radius:12px;padding:20px;font-size:15px;line-height:1.75}.guide-example code{font-family:Consolas,monospace}.related-reading{border-top:1px solid #dce3f2;margin:40px auto;padding:28px 0;max-width:820px}.related-reading h2,.guide-sources h2{font-size:24px;line-height:1.35;color:#142044;margin:0 0 18px}.related-tool-width{max-width:1160px}.related-tool-width .related-reading{max-width:none}.related-tool-width ul{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px 28px}.guide-sources{max-width:760px;margin:40px auto}.guide-sources ul{padding-left:22px}.guide-sources li{margin:12px 0}.guide-sources a{color:#234c99;font-size:16px;line-height:1.7;overflow-wrap:anywhere;text-underline-offset:3px}.decoder-explainer{max-width:1000px;padding:32px 0 48px}.decoder-explainer h2{font-size:25px;color:#142044;margin:24px 0 16px}.decoder-explainer p,.decoder-explainer li{font-size:17px;line-height:1.85;color:#465573}.decoder-explainer details{padding:18px 0;border-bottom:1px solid #dce3f2}.decoder-explainer summary{font-size:17px;font-weight:700;line-height:1.6;cursor:pointer;color:#142044}.decode-result{overflow-wrap:anywhere;white-space:pre-wrap}.decode-actions{display:flex;flex-wrap:wrap;gap:12px;align-items:center;padding-top:18px}.decode-actions[hidden]{display:none}.decode-actions .btn{font-size:15px;min-height:44px}.decode-status{font-size:14px;color:#455371}.decode-link-warning{font-size:14px;line-height:1.65;color:#455371;margin:16px 0}.guide-toc :focus-visible,.guide-start :focus-visible,.guide-topic-links :focus-visible,.related-reading :focus-visible,.guide-sources :focus-visible,.decode-actions :focus-visible{outline:3px solid #174bff;outline-offset:4px}
@media(max-width:760px){.guide-start,.guide-answer,.guide-toc{padding:22px}.guide-topic-section>h2{font-size:25px}.guide-topic-section .guide-card h3{font-size:22px}.related-tool-width ul{grid-template-columns:minmax(0,1fr)}.guide-answer p{font-size:17px}.guide-article-hero h1{overflow-wrap:anywhere}.guide-topic-links{gap:8px}}
@media(prefers-reduced-motion:reduce){.guide-topic-links a,.guide-card-link{transition:none;scroll-behavior:auto}}
.decode-actions [hidden]{display:none!important}