:root{--qg-ink:#123e49;--qg-muted:#5d7078;--qg-green:#397c4b;--qg-green2:#2e6b3e;--qg-line:rgba(20,72,88,.12);--qg-soft:#f4f8f5;--qg-shadow:0 16px 42px rgba(20,72,88,.08)}
body.guide-page{margin:0;color:#22383f;background:#fff;font-family:Inter,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;line-height:1.65}
.qg-shell{width:min(1120px,calc(100% - 2.4rem));margin-inline:auto}.qg-breadcrumb{font-size:.86rem;color:#6d7d82;margin-bottom:1rem}.qg-breadcrumb a{color:#397c4b;text-decoration:none}.qg-hero{padding:2rem 0 1.5rem;background:linear-gradient(180deg,#f7faf8,#fff)}
.qg-hero-grid{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,.78fr);gap:2.2rem;align-items:center}.qg-eyebrow{color:#397c4b;font-size:.78rem;font-weight:850;letter-spacing:.12em;text-transform:uppercase;margin:0 0 .55rem}.qg-hero h1{font-size:clamp(2.15rem,4.2vw,3.8rem);line-height:1.04;letter-spacing:-.045em;color:var(--qg-ink);margin:.15rem 0 1rem}.qg-lead{font-size:1.06rem;color:var(--qg-muted);max-width:66ch}.qg-meta{display:flex;flex-wrap:wrap;gap:.55rem;margin-top:1rem}.qg-pill{padding:.34rem .62rem;border-radius:999px;background:#eef7f0;color:#356e43;font-weight:700;font-size:.8rem}.qg-hero-img{width:100%;aspect-ratio:16/9;object-fit:cover;border-radius:24px;box-shadow:var(--qg-shadow)}
.qg-main{padding:1.5rem 0 4rem}.qg-layout{display:grid;grid-template-columns:minmax(0,1fr) 280px;gap:2rem;align-items:start}.qg-article{min-width:0}.qg-quick{padding:1.1rem 1.2rem;border-left:4px solid var(--qg-green);background:#f5faf6;border-radius:0 16px 16px 0;margin:0 0 1.4rem}.qg-quick strong{display:block;color:var(--qg-ink);margin-bottom:.25rem}.qg-section{padding:1.45rem 0;border-bottom:1px solid var(--qg-line)}.qg-section h2{font-size:1.48rem;color:var(--qg-ink);margin:0 0 .65rem;line-height:1.2}.qg-section p{margin:.45rem 0;color:#40565e}.qg-check{background:#fff;border:1px solid var(--qg-line);border-radius:18px;padding:1.1rem 1.2rem;margin:1.5rem 0}.qg-check h2{margin:0 0 .65rem;color:var(--qg-ink);font-size:1.35rem}.qg-check ul{margin:.2rem 0 0;padding-left:1.2rem}.qg-check li{margin:.35rem 0}.qg-faq details{border:1px solid var(--qg-line);border-radius:14px;padding:.85rem 1rem;margin:.65rem 0}.qg-faq summary{font-weight:780;color:var(--qg-ink);cursor:pointer}.qg-faq p{margin:.55rem 0 0;color:#4b6168}.qg-side{position:sticky;top:92px;display:grid;gap:1rem}.qg-side-card{border:1px solid var(--qg-line);border-radius:18px;padding:1rem;background:#fff;box-shadow:0 8px 24px rgba(20,72,88,.05)}.qg-side-card h3{margin:0 0 .5rem;color:var(--qg-ink);font-size:1.05rem}.qg-side-card p{margin:.2rem 0 .75rem;color:var(--qg-muted);font-size:.9rem}.qg-btn{display:inline-flex;align-items:center;justify-content:center;padding:.7rem .9rem;border-radius:12px;background:var(--qg-green);color:#fff!important;text-decoration:none;font-weight:760}.qg-btn--secondary{background:#fff;color:var(--qg-green)!important;border:1px solid rgba(57,124,75,.3)}.qg-disclaimer{font-size:.84rem;color:#65777e;background:#fafcfa;border:1px solid var(--qg-line);border-radius:14px;padding:.85rem 1rem;margin-top:1.5rem}
.site-header-wrap{border-bottom:1px solid rgba(20,72,88,.09);background:#fff}.site-header{width:min(1180px,calc(100% - 2.4rem));margin:auto;display:flex;align-items:center;gap:1.5rem;min-height:72px}.brand img{width:168px;height:auto;display:block}.main-nav{display:flex;gap:1rem;margin-left:auto}.main-nav a{color:#29464f;text-decoration:none;font-weight:650;font-size:.9rem}.header-actions{margin-left:.5rem}.button.button-small{display:inline-flex;padding:.65rem .86rem;border-radius:11px;background:#397c4b;color:#fff;text-decoration:none;font-weight:750}.mobile-menu{display:none}.site-footer{background:#123e49;color:#fff;padding:2.4rem 0 1rem}.footer-inner{width:min(1180px,calc(100% - 2.4rem));margin:auto;display:grid;grid-template-columns:2fr repeat(3,1fr);gap:2rem}.footer-brand{width:170px;filter:brightness(0) invert(1)}.footer-copy{color:#d5e1e4;max-width:34ch}.footer-column{display:grid;align-content:start;gap:.35rem}.footer-column h3{font-size:1rem;margin:0 0 .45rem}.footer-column a{color:#d9e7ea;text-decoration:none;font-size:.9rem}.footer-bottom{width:min(1180px,calc(100% - 2.4rem));margin:1.5rem auto 0;padding-top:1rem;border-top:1px solid rgba(255,255,255,.15);color:#c5d6da;font-size:.84rem}
@media(max-width:900px){.qg-hero-grid,.qg-layout{grid-template-columns:1fr}.qg-side{position:static;grid-template-columns:repeat(2,minmax(0,1fr))}.main-nav,.header-actions{display:none}.mobile-menu{display:block;margin-left:auto}.mobile-menu summary{cursor:pointer;font-weight:750}.mobile-menu__panel{position:absolute;right:1rem;z-index:5;background:#fff;border:1px solid var(--qg-line);border-radius:14px;padding:.7rem;display:grid;gap:.35rem;box-shadow:var(--qg-shadow)}.mobile-menu__panel a{padding:.45rem .65rem;color:#29464f;text-decoration:none}.footer-inner{grid-template-columns:1fr 1fr}}
@media(max-width:620px){.qg-shell,.site-header,.footer-inner,.footer-bottom{width:min(100% - 1.2rem,1120px)}.qg-hero{padding-top:1rem}.qg-hero h1{font-size:2.15rem}.qg-hero-img{border-radius:16px}.qg-main{padding-top:.5rem}.qg-side{grid-template-columns:1fr}.footer-inner{grid-template-columns:1fr}.brand img{width:145px}}

.brand-text{font-size:1.42rem;font-weight:900;letter-spacing:.03em;color:#397c4b}.footer-brand-text{font-size:1.38rem;font-weight:900;letter-spacing:.04em;color:#fff;margin-bottom:.6rem}

/* Mobile long-title + menu safeguard 2026-08-27 */
.qg-hero h1{overflow-wrap:break-word;hyphens:auto}
@media(max-width:900px){.guide-page .mobile-menu__panel{right:0;left:auto;width:min(330px,calc(100vw - 24px));max-width:calc(100vw - 24px);box-sizing:border-box}}