/* Guide-only layout; product palette and typography come from product-landing.css. */
.guide-header,.guide-shell,.guide-footer{width:min(1160px,calc(100% - 48px));margin:auto}.guide-header{display:flex;align-items:center;justify-content:space-between;gap:24px;padding:28px 0;border-bottom:1px solid var(--line)}.return-link{font-size:.88rem;font-weight:700;text-underline-offset:5px}.breadcrumbs{margin:32px 0;color:var(--ice);font-size:.88rem}.breadcrumbs a{text-underline-offset:4px}.guide-intro{max-width:850px;padding:32px 0 48px}.guide-intro h1{font-size:clamp(2.7rem,6vw,5.6rem);line-height:1.02;letter-spacing:-.055em;margin:0}.guide-lead{font-size:1.15rem;line-height:1.7;max-width:650px;color:#e2f8fb;margin:24px 0 0}.role-grid{display:grid;grid-template-columns:1fr 1fr;gap:24px}.role-card{display:flex;flex-direction:column;padding:38px;border:1px solid #ffffff70;border-radius:20px;background:#033866e8;text-decoration:none;transition:background .15s}.role-card:hover{background:#06467c}.role-card h2{font-size:2.25rem;letter-spacing:-.04em;margin:8px 0 18px}.role-card p{line-height:1.7;color:#e2f8fb;margin:0 0 36px;max-width:390px}.role-action{margin-top:auto;font-weight:700;color:var(--ice)}.guide-layout{display:grid;grid-template-columns:255px minmax(0,1fr);gap:48px;align-items:start}.contents{position:sticky;top:24px;max-height:calc(100vh - 48px);overflow:auto;border:1px solid var(--line);border-radius:14px;background:#033866f5;padding:22px 18px}.contents .eyebrow{font-size:.65rem;margin-bottom:12px}.contents a{display:flex;gap:12px;padding:9px 0;text-decoration:none;font-size:.86rem;line-height:1.45}.contents a:hover{text-decoration:underline}.contents a span{color:var(--cyan);font-variant-numeric:tabular-nums}.guide-section{scroll-margin-top:24px;margin-bottom:24px;padding:32px;border:1px solid #ffffff60;border-radius:18px;background:#033866f5}.section-title{display:flex;gap:18px;align-items:baseline;margin-bottom:22px}.step-number{color:var(--cyan);font-size:1.7rem;font-weight:900;letter-spacing:-.05em}.section-title h2{font-size:1.65rem;line-height:1.2;letter-spacing:-.025em;margin:0}.guide-section p,.tip p{font-size:1rem;line-height:1.75;color:#ecf7fb;margin:14px 0}.guide-section p:last-child,.tip p:last-child{margin-bottom:0}.guide-section a{text-underline-offset:4px;color:var(--ice)}.instruction-grid{display:grid;grid-template-columns:1fr 1fr;gap:20px}.instruction{padding:20px;background:#002b53;border:1px solid #ffffff30;border-radius:10px}.instruction h3{font-size:1.03rem;line-height:1.5;margin:0;color:#fff}.instruction p{margin:10px 0 0}.reading-list{display:grid;gap:12px}.reading-list .instruction{border-left:3px solid var(--cyan)}.tip{margin:24px 0 0;padding:22px 24px;background:#caf0f8;color:#02345b;border-radius:10px;border-left:4px solid #0077b6}.tip p{color:#02345b;margin:8px 0 0}.badge{display:block;width:fit-content;font-size:.65rem;letter-spacing:.09em;background:#caf0f8;color:#02345b;border-radius:4px;padding:4px 7px;margin-bottom:12px}.back-top{display:inline-block;padding:16px 0;text-underline-offset:5px}.guide-footer{margin-top:70px;padding:30px 0 40px;border-top:1px solid var(--line);font-size:.85rem;line-height:1.7}.guide-footer p{max-width:650px}.guide-footer nav{display:flex;flex-wrap:wrap;gap:24px;margin:20px 0}.guide-footer small{color:#e2f8fb}a:focus-visible{outline:3px solid #fff;outline-offset:5px}.skip-link{position:absolute;top:-100px;left:20px;padding:15px;background:#fff;color:#023e8a;z-index:10}.skip-link:focus{top:10px}
@media(max-width:1000px){.guide-layout{grid-template-columns:1fr;gap:24px}.contents{position:static;max-height:none;display:grid;grid-template-columns:1fr 1fr;column-gap:24px}.contents .eyebrow{grid-column:1/-1}}
@media(max-width:600px){.guide-header,.guide-shell,.guide-footer{width:calc(100% - 32px)}.guide-header{align-items:flex-start;padding:22px 0;gap:14px}.return-link{max-width:110px;line-height:1.5;font-size:.78rem}.guide-intro{padding:18px 0 32px}.guide-intro h1{font-size:2.7rem}.guide-lead{font-size:1.05rem}.role-grid,.instruction-grid,.contents{grid-template-columns:1fr}.role-card{padding:26px}.guide-section{padding:22px 18px}.section-title{gap:12px}.section-title h2{font-size:1.4rem}.instruction{padding:18px}.tip{padding:18px}.guide-footer{margin-top:44px}}
@media print{body{background:#fff;color:#000}.guide-header,.contents,.back-top,.skip-link,.guide-footer nav{display:none}.guide-shell,.guide-footer{width:100%}.guide-layout{display:block}.guide-section,.instruction,.tip,.role-card{background:#fff;color:#000;border:1px solid #aaa;box-shadow:none}.guide-section p,.tip p,.guide-lead,.instruction h3,.step-number,.guide-section a,.eyebrow{color:#000}.instruction{break-inside:avoid}.guide-intro h1{font-size:32pt}}
