.site-main .ghp{margin:24px 0;padding:clamp(16px,3vw,28px);border:1px solid #d6dfeb;border-radius:24px;background:#f5f8fc;color:#17243c;scroll-margin-top:150px}
.site-main .ghp [hidden]{display:none!important}
.site-main .ghp-head{display:flex;align-items:center;gap:18px;padding:24px;border-radius:18px;background:linear-gradient(120deg,#14213e,#30345b);color:#fff;margin-bottom:20px}
.site-main .ghp-head img{object-fit:contain;flex-shrink:0;filter:drop-shadow(0 8px 10px #0005)}
.site-main .ghp-head h2{margin:6px 0 8px;padding:0;border:0;background:none;color:#fff;font-size:clamp(1.4rem,3vw,2rem)}
.site-main .ghp-head p{color:#e2e8f0;margin:0;line-height:1.6}.site-main .ghp-eyebrow{color:#f9d789;font-size:.85rem;font-weight:800}
.site-main .ghp fieldset{padding:0;border:0;min-width:0}.site-main .ghp-legend{margin-bottom:12px;font-weight:750;color:#273b5c}
.site-main .ghp-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}
.site-main .ghp-card{min-width:0;padding:18px;border:1px solid #dae2ee;border-radius:16px;background:#fff;display:flex;flex-direction:column;gap:10px}
.site-main .ghp-style{display:flex;align-items:center;gap:12px;min-height:62px}.site-main .ghp-style img{object-fit:contain;flex-shrink:0}.site-main .ghp-style h3{font-size:1.1rem;line-height:1.4;margin:0;color:#203456}.site-main .ghp-style small{display:block;font-size:.76rem;color:#617086;font-weight:500}
.site-main .ghp-card label{font-weight:700;font-size:.9rem;color:#304663}
.site-main .ghp-input{display:flex;gap:8px;align-items:center;flex-wrap:wrap}.site-main .ghp-input input{box-sizing:border-box;width:98px;min-height:46px;border:1px solid #8c9ab0;border-radius:9px;background:#fff;color:#17243c;padding:8px 12px;font-size:1.16rem;font-weight:750}.site-main .ghp-input span{font-size:.83rem;color:#52647e}
.site-main .ghp-input [aria-invalid="true"]{border:2px solid #b42318}.site-main .ghp-state{margin:0;color:#5c4a29;font-size:.9rem;min-height:24px}.site-main .ghp-state.is-done{color:#14663d;font-weight:800}
.site-main .ghp-route{font-size:.88rem;border-top:1px solid #e5eaf1;padding-top:3px}.site-main .ghp-route summary{min-height:44px;display:flex;align-items:center;cursor:pointer;font-weight:700;color:#334d74;gap:8px}.site-main .ghp-route summary:before{content:'＋'}.site-main .ghp-route[open] summary:before{content:'−'}.site-main .ghp-route p{color:#42546e;line-height:1.75;margin:6px 0 12px}
.site-main .ghp-guide{display:flex;align-items:center;min-height:44px;color:#244db5;font-weight:750;font-size:.9rem;margin-top:auto}
.site-main .ghp-result{display:grid;grid-template-columns:minmax(180px,.7fr) minmax(0,1.3fr);gap:22px;padding:22px;background:#e8f0ff;border:1px solid #bfceed;border-radius:16px;margin-top:18px}
.site-main .ghp-result strong{display:block;font-size:1.5rem;color:#213f78}.site-main .ghp-result b{color:#203456}.site-main .ghp-result p{color:#42546e;line-height:1.7;margin:8px 0}.site-main .ghp-result small{display:block;color:#52647e}.site-main .ghp-result a{display:inline-flex;align-items:center;min-height:44px;font-weight:750;color:#244db5}.site-main .ghp-result progress{display:block;accent-color:#385ccb;width:100%;height:14px;margin:12px 0}
.site-main .ghp-actions{display:flex;flex-wrap:wrap;gap:10px;margin-top:18px}.site-main .ghp-actions button{border:1px solid #9caac2;border-radius:10px;padding:10px 15px;min-height:46px;cursor:pointer;background:#fff;color:#243c64;font:inherit;font-weight:750}.site-main .ghp-actions button[type="submit"]{color:#fff;background:#294ca3;border-color:#294ca3}.site-main .ghp-actions button:disabled{opacity:.55;cursor:not-allowed}
.site-main .ghp-status,.site-main .ghp-credit{font-size:.85rem;line-height:1.75;color:#52647e;margin:12px 0 0}.site-main .ghp-error{color:#a62018;background:#fff0ed;border-radius:10px;padding:12px}.site-main .ghp-credit a{color:#264c9a}.site-main .ghp-notice{color:#693e05;background:#fff1d3;padding:14px;border-radius:10px}
.site-main .ghp-next-steps{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin:20px 0 12px}.site-main .ghp-next-steps a{padding:16px;border:1px solid #cdd7e8;background:#fff;border-radius:12px;text-decoration:none;color:#203d70}.site-main .ghp-next-steps strong,.site-main .ghp-next-steps span{display:block}.site-main .ghp-next-steps span{font-size:.88rem;color:#52647e;margin-top:5px}
.site-main .ghp :is(a,button,input,summary):focus-visible{outline:3px solid #be7900;outline-offset:3px}
.site-main .ghp-faq details{border:1px solid #d8e0ee;border-radius:12px;margin-top:10px;background:#fff}.site-main .ghp-faq summary{padding:15px;min-height:44px;box-sizing:border-box;cursor:pointer;color:#263e65;font-weight:750}.site-main .ghp-faq p{padding:0 15px 15px;margin:0;color:#42546e;line-height:1.8}
@media(max-width:950px){.site-main .ghp-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:600px){.site-main .ghp-grid,.site-main .ghp-result,.site-main .ghp-next-steps{grid-template-columns:1fr}.site-main .ghp-head{padding:18px;align-items:flex-start;gap:10px}.site-main .ghp-head img{width:46px;height:46px}.site-main .ghp-actions button{width:100%}.site-main .ghp-card{padding:16px}.site-main .guide-buttons-grid{grid-template-columns:minmax(0,1fr)}}
body.dark-mode .site-main .ghp{background:#122039;border-color:#3b506f;color:#e2e8f0}body.dark-mode .site-main .ghp-card,body.dark-mode .site-main .ghp-next-steps a,body.dark-mode .site-main .ghp-faq details{background:#1d2d48;border-color:#435472}body.dark-mode .site-main .ghp-result{background:#213b60;border-color:#546b91}
body.dark-mode .site-main .guide-subnav{background:#162237;border-color:#435472}body.dark-mode .site-main .guide-subnav a,body.dark-mode .site-main .guide-subnav-label{color:#e2ecff}body.dark-mode .site-main .guide-subnav a{background:#243855;border-color:#435472}
body.dark-mode .site-main :is(.ghp-legend,.ghp-style h3,.ghp-card label,.ghp-result strong,.ghp-result b,.ghp-next-steps strong,.ghp-faq summary){color:#f0f4ff}body.dark-mode .site-main :is(.ghp-head p,.ghp-style small,.ghp-input span,.ghp-state,.ghp-route p,.ghp-result p,.ghp-result small,.ghp-status,.ghp-credit,.ghp-next-steps span,.ghp-faq p){color:#c4d1e5}body.dark-mode .site-main .ghp-state.is-done{color:#8de0b2}body.dark-mode .site-main :is(.ghp-guide,.ghp-route summary,.ghp-result a,.ghp-credit a){color:#a9c7ff}