:root{--navy:#102b4e;--blue:#2f8edf;--orange:#f1913e;--text:#102033;--muted:#526276;--line:#dce4ed;--surface:#fff;--soft:#f5f8fb}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:24px}body{margin:0;background:var(--soft);color:var(--text);font-family:Inter,ui-sans-serif,system-ui,-apple-system,"Segoe UI",sans-serif;line-height:1.65;overflow-x:hidden}.help-header{min-height:92px;padding:18px clamp(20px,4vw,60px);display:flex;align-items:center;justify-content:space-between;gap:24px;background:#fff;border-bottom:1px solid var(--line)}h1{font-size:clamp(1.25rem,2.4vw,1.8rem);margin:2px 0}.kicker,.level{color:#b65e19;font-size:.74rem;font-weight:900;text-transform:uppercase;letter-spacing:.1em}.back-link,.quick-links a{color:var(--navy);font-weight:750;text-decoration:none}.help-shell{display:grid;grid-template-columns:280px minmax(0,1fr);max-width:1500px;margin:auto;min-height:calc(100vh - 92px)}.chapter-nav{position:sticky;top:0;height:calc(100vh - 92px);overflow:auto;padding:26px 18px;background:#fff;border-right:1px solid var(--line)}.chapter-nav div{margin-bottom:23px}.chapter-nav strong{display:block;padding:0 10px 6px;color:#78889a;font-size:.68rem;text-transform:uppercase;letter-spacing:.11em}.chapter-nav a{display:block;padding:7px 10px;border-left:3px solid transparent;border-radius:0 9px 9px 0;color:#33475d;text-decoration:none;font-size:.88rem}.chapter-nav a:hover,.chapter-nav a.active{color:var(--text);border-left-color:var(--orange);background:#fff4eb}.help-content{min-width:0;padding:clamp(26px,5vw,72px);max-width:1050px}.help-content section{scroll-margin-top:24px;margin:0 0 68px}.hero{padding:clamp(24px,4vw,46px);background:linear-gradient(135deg,#fff 35%,#eef6fd);border:1px solid var(--line);border-radius:24px;box-shadow:0 18px 50px -42px #102033}.help-content h2{margin:.15em 0 .45em;font-size:clamp(1.7rem,3vw,2.5rem);line-height:1.15;letter-spacing:-.035em}.lead{font-size:1.12rem;color:#344b62}.quick-links{display:flex;flex-wrap:wrap;gap:9px;margin-top:24px}.quick-links a{padding:10px 13px;background:#fff;border:1px solid #cddbea;border-radius:12px}.help-card-grid,.compare{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}.info-card,.compare article{padding:18px;background:#fff;border:1px solid var(--line);border-radius:16px}.info-card p,.compare p{margin:.35em 0 0;color:var(--muted)}code{padding:.15em .4em;border-radius:5px;background:#edf2f7;color:#173f68;font-size:.92em}.note,.warning,.tip,.recommendation,.example{margin:20px 0;padding:16px 18px;border-radius:14px;background:#eef6fd;border-left:4px solid var(--blue)}.warning{background:#fff4eb;border-color:var(--orange)}.tip,.recommendation{background:#eefaf4;border-color:#2baa72}.recommendation{font-weight:750}.example{background:#f7f4ff;border-color:#775bb3}details{margin:16px 0;border:1px solid var(--line);border-radius:13px;background:#fff;padding:13px 16px}summary{cursor:pointer;font-weight:750}.learning-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px;margin:26px 0}.help-learning-card{display:block;overflow:hidden;border:1px solid var(--line);border-radius:18px;background:#fff;color:var(--text);text-decoration:none;box-shadow:0 15px 35px -30px #102033;transition:transform .18s,box-shadow .18s,border-color .18s}.help-learning-card:hover{transform:translateY(-3px);border-color:#b8d4eb;box-shadow:0 22px 40px -30px #102033}.help-learning-card:focus-visible,.chapter-nav a:focus-visible,.quick-links a:focus-visible{outline:3px solid #f1913e;outline-offset:3px}.image-wrap{display:block;aspect-ratio:4/3;width:100%;background:#fff;overflow:hidden}.image-wrap img{display:block;width:100%;height:100%;object-fit:contain;background:#fff}.image-wrap.image-missing img{display:none}.decision-list{border:1px solid var(--line);border-radius:16px;overflow:hidden;background:#fff}.decision-list p{display:flex;justify-content:space-between;gap:16px;margin:0;padding:12px 16px;border-bottom:1px solid var(--line)}.decision-list p:last-child{border:0}.decision-list b{color:#b65e19;white-space:nowrap}dl{display:grid;grid-template-columns:minmax(130px,220px) 1fr;background:#fff;border:1px solid var(--line);border-radius:15px;overflow:hidden}dt,dd{margin:0;padding:11px 14px;border-bottom:1px solid var(--line)}dt{font-weight:800}body.is-embedded{height:100vh;overflow:hidden;background:#fff}body.is-embedded .help-header{display:none}body.is-embedded .help-shell{height:100vh;min-height:0;overflow:hidden}body.is-embedded .chapter-nav,body.is-embedded .help-content{height:100%;overflow-y:auto;scrollbar-width:thin;scrollbar-color:#b8c7d6 transparent}body.is-embedded .chapter-nav::-webkit-scrollbar,body.is-embedded .help-content::-webkit-scrollbar{width:8px}body.is-embedded .chapter-nav::-webkit-scrollbar-track,body.is-embedded .help-content::-webkit-scrollbar-track{background:transparent}body.is-embedded .chapter-nav::-webkit-scrollbar-thumb,body.is-embedded .help-content::-webkit-scrollbar-thumb{border:2px solid transparent;border-radius:999px;background:#b8c7d6;background-clip:padding-box}body.is-embedded .chapter-nav::-webkit-scrollbar-thumb:hover,body.is-embedded .help-content::-webkit-scrollbar-thumb:hover{background-color:#8fa5b9}body.is-embedded .help-content{padding-top:34px}
@media(max-width:760px){body.is-embedded .help-shell{display:grid;grid-template-columns:1fr;grid-template-rows:auto minmax(0,1fr)}body.is-embedded .help-content{height:auto;min-height:0}.help-header{padding:14px 16px}.help-header h1{font-size:1.1rem}.back-link{font-size:.78rem}.help-shell{display:block}.chapter-nav{position:sticky;z-index:5;top:0;width:100%;height:auto!important;display:flex;gap:6px;overflow-x:auto;padding:9px 12px;border:0;border-bottom:1px solid var(--line)}.chapter-nav div{display:contents}.chapter-nav strong{display:none}.chapter-nav a{flex:0 0 auto;min-height:44px;display:grid;place-items:center;padding:8px 12px;border:1px solid var(--line);border-radius:999px;background:#fff}.chapter-nav a.active{border-color:var(--orange)}.help-content{padding:22px 16px}.help-content section{margin-bottom:48px;scroll-margin-top:72px}.hero{padding:22px 18px}.help-card-grid,.compare,.learning-grid{grid-template-columns:1fr}.image-wrap{min-height:190px}.decision-list p{align-items:flex-start;flex-direction:column;gap:2px}dl{grid-template-columns:1fr}dd{padding-top:0;color:var(--muted)}}