.topbar{position:sticky;top:0;z-index:30;display:flex;align-items:center;justify-content:space-between;min-height:68px;padding:0 28px;background:rgba(255,255,255,.94);border-bottom:1px solid var(--color-border);backdrop-filter:blur(16px)}
.brand{display:inline-flex;align-items:center;color:inherit;text-decoration:none;font-weight:800}.guide-page{padding-top:26px}.guide-hero{display:flex;align-items:center;justify-content:space-between;gap:24px;padding:34px 38px;border-radius:24px;background:linear-gradient(135deg,#0f766e,#0b5f59);color:#fff;box-shadow:var(--shadow-md)}.guide-hero .eyebrow{color:#bdeae3}.guide-hero h1{margin:0 0 10px;font-size:clamp(2rem,5vw,3.2rem);letter-spacing:-.055em}.guide-hero p:last-child{max-width:720px;margin:0;color:rgba(255,255,255,.85);font-weight:650;line-height:1.7}.guide-hero-icon{display:grid;place-items:center;flex:0 0 auto;width:112px;height:112px;border:1px solid rgba(255,255,255,.22);border-radius:30px;background:rgba(255,255,255,.12);font-size:3.5rem}.quick-start{margin-top:20px;padding:24px;border:1px solid var(--color-border);border-radius:20px;background:#fff;box-shadow:var(--shadow-sm)}.section-heading{display:flex;justify-content:space-between;align-items:end;gap:18px;margin-bottom:16px}.section-heading h2{margin:0}.section-heading>span{color:#64748b;font-size:.86rem;font-weight:700}.flow-grid{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:9px}.flow-grid a{display:flex;align-items:center;gap:8px;min-height:55px;padding:10px;border-radius:13px;background:#f5fbfa;color:#163c38;text-decoration:none;font-size:.86rem;font-weight:800}.flow-grid b{display:grid;place-items:center;width:27px;height:27px;border-radius:50%;background:#0f766e;color:#fff;font-size:.78rem}.guide-layout{display:grid;grid-template-columns:220px minmax(0,1fr);gap:22px;margin-top:24px}.guide-nav{position:sticky;top:88px;align-self:start;display:grid;gap:3px;padding:15px;border:1px solid var(--color-border);border-radius:17px;background:#fff;box-shadow:var(--shadow-sm)}.guide-nav strong{padding:5px 9px 10px}.guide-nav a{padding:9px 10px;border-radius:9px;color:#536560;text-decoration:none;font-size:.86rem;font-weight:750}.guide-nav a:hover,.guide-nav a.is-active{background:#eaf8f5;color:#0f766e}.guide-content{display:grid;gap:15px}.guide-section{scroll-margin-top:90px;display:grid;grid-template-columns:64px minmax(0,1fr);gap:20px;padding:27px;border:1px solid var(--color-border);border-radius:20px;background:#fff;box-shadow:var(--shadow-sm)}.guide-section.highlight{border:2px solid #ef9aaf;background:linear-gradient(135deg,#fff,#fff7f9)}.guide-number{display:grid;place-items:center;width:58px;height:58px;border-radius:17px;background:#e8f7f4;color:#0f766e;font-weight:900}.guide-section h2{margin:0 0 10px;font-size:1.45rem;letter-spacing:-.035em}.guide-section>div:last-child>p:not(.eyebrow){margin:0 0 15px;color:#52635f;line-height:1.75}.guide-section ol{margin:10px 0 16px;padding-left:22px;color:#52635f;line-height:1.9}.tip-box{margin-top:14px;padding:15px 17px;border-radius:14px;background:#eef9f7}.tip-box.warning{background:#fff7ed}.tip-box p{margin:5px 0 0!important}.guide-link{display:inline-flex;margin-top:4px;padding:10px 13px;border-radius:11px;background:#0f766e;color:#fff;text-decoration:none;font-size:.88rem;font-weight:800}.info-grid,.mode-grid,.member-guide-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin:14px 0}.info-grid>div,.mode-grid>div,.member-guide-grid>div{padding:14px;border:1px solid #deebe8;border-radius:13px;background:#fafdfc}.info-grid b,.info-grid span{display:block}.info-grid span{margin-top:5px;color:#64748b;font-size:.88rem;line-height:1.55}.mode-grid p,.member-guide-grid p{margin:5px 0 0!important;color:#64748b!important}.step-line{display:flex;align-items:center;flex-wrap:wrap;gap:8px;margin:14px 0;padding:13px;border-radius:13px;background:#f4f8f7}.step-line span{padding:7px 10px;border-radius:9px;background:#fff;font-weight:800}.step-line i{color:#0f766e;font-style:normal;font-weight:900}.policy-order{display:flex;flex-wrap:wrap;gap:8px;margin:14px 0}.policy-order b{width:100%;margin-bottom:2px}.policy-order span{padding:8px 10px;border-radius:999px;background:#eef7f5;color:#315b55;font-size:.84rem;font-weight:750}.save-callout{padding:16px;border-radius:14px;background:#fff0f4;color:#9d174d;font-weight:800;text-align:center}.guide-actions{display:flex;flex-wrap:wrap;gap:8px;margin-top:14px}.guide-actions a{padding:10px 13px;border:1px solid #b8dcd6;border-radius:11px;color:#0f766e;background:#f8fdfc;text-decoration:none;font-weight:800}.member-guide-grid{grid-template-columns:repeat(4,minmax(0,1fr))}.member-guide-grid span{color:#0f766e;font-weight:900}.member-guide-grid b{display:block;margin-top:6px}.faq-list{display:grid;gap:8px}.faq-list details{border:1px solid #dfe9e7;border-radius:12px;background:#fbfdfd}.faq-list summary{cursor:pointer;padding:14px;font-weight:800}.faq-list details p{margin:0!important;padding:0 14px 14px!important}.guide-bottom{display:flex;align-items:center;justify-content:space-between;gap:18px;margin-top:22px;padding:25px 28px;border-radius:20px;background:#173d38;color:#fff}.guide-bottom p{margin:5px 0 0;color:#c8d8d5}.guide-primary-button{display:inline-flex;align-items:center;background:#fff;color:#0f766e;text-decoration:none;border:0}.header-logout-button{border:1px solid var(--color-border)}
@media(max-width:900px){.flow-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.guide-layout{grid-template-columns:1fr}.guide-nav{position:static;display:flex;overflow-x:auto;white-space:nowrap}.guide-nav strong{display:none}.member-guide-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:680px){.topbar{min-height:62px;padding:0 12px;align-items:center}.topbar-actions{gap:4px}.topbar-actions .button{min-height:34px;padding:7px 8px;font-size:.72rem}.guide-page{width:calc(100% - 20px);padding-top:12px}.guide-hero{padding:23px 20px;border-radius:19px}.guide-hero-icon{width:70px;height:70px;border-radius:20px;font-size:2.3rem}.guide-hero p:last-child{font-size:.9rem}.quick-start{padding:17px}.section-heading{align-items:start}.section-heading>span{display:none}.flow-grid{gap:7px}.flow-grid a{font-size:.8rem;min-height:50px}.guide-section{grid-template-columns:1fr;gap:10px;padding:19px 17px;border-radius:17px}.guide-number{width:44px;height:44px;border-radius:13px;font-size:.86rem}.guide-section h2{font-size:1.25rem}.info-grid,.mode-grid{grid-template-columns:1fr}.step-line{gap:5px}.step-line span{font-size:.78rem;padding:6px 8px}.guide-bottom{align-items:stretch;flex-direction:column}.guide-primary-button{justify-content:center}.member-guide-grid{gap:7px}.member-guide-grid>div{padding:11px}}