@charset "UTF-8";
.guide-page{background:linear-gradient(180deg,#edf7fb 0,#f5f8fc 360px,#f5f8fc 100%);padding:0 0 100px}
.guide-breadcrumbs{display:flex;flex-wrap:wrap;align-items:center;gap:12px;padding:28px 0 9px;font-size:.82rem;color:#4b677b}.guide-breadcrumbs a{color:#075e79;text-decoration:underline;text-underline-offset:4px}.guide-breadcrumbs a:hover{color:#05435d}
.guide-hero{position:relative;overflow:hidden;color:#f6fcff;padding:clamp(38px,6vw,75px);border:1px solid #356985;border-radius:26px;background:radial-gradient(circle at 90% 9%,#1d759366,transparent 38%),linear-gradient(125deg,#0a1b31,#112f50);box-shadow:0 30px 60px #1235532e;margin:22px 0 65px}
.guide-hero::after{content:"";position:absolute;width:350px;height:350px;right:-80px;top:-180px;border:1px solid #9be5ee6b;border-radius:50%;box-shadow:0 0 0 38px #83daf512,0 0 0 85px #83daf50a;pointer-events:none}
.guide-hero .eyebrow{color:#8febef}.guide-hero h1{font-size:clamp(2.5rem,5.3vw,4.65rem);max-width:890px;margin:17px 0 22px;letter-spacing:-.06em;position:relative;z-index:1}.guide-hero h1 em{font-style:normal;color:#8eeff1}.guide-hero>p:not(.eyebrow){position:relative;z-index:1;max-width:760px;font-size:1.08rem;line-height:1.78;color:#d4e6f1}.guide-jump{position:relative;z-index:1;display:inline-flex;gap:16px;align-items:center;color:#081e34;background:#9df0ed;border-radius:10px;padding:12px 19px;font-weight:800;margin-top:8px}.guide-jump:hover{background:#c7fffb}
.guide-layout{display:grid;grid-template-columns:minmax(0,1fr) 320px;align-items:start;gap:52px;scroll-margin-top:30px}.guide-article{min-width:0}.guide-step{padding:0 0 34px;margin:0 0 34px;border-bottom:1px solid #d3e2ec}.guide-count{font-size:.71rem;font-weight:850;letter-spacing:.14em;color:#086c88}.guide-step h2{font-size:clamp(1.6rem,2.8vw,2.45rem);line-height:1.22;margin:13px 0 17px;letter-spacing:-.04em}.guide-step p{font-size:1rem;line-height:1.85;color:#354f65;margin:0 0 15px}.guide-step p:last-child{margin-bottom:0}.guide-step strong{color:#142e46}.guide-step code{padding:2px 5px;background:#e4f5f9;color:#07536d;border-radius:4px;overflow-wrap:anywhere;font:600 .92em ui-monospace,SFMono-Regular,Consolas,monospace}
.guide-aside{position:sticky;top:25px}.guide-sidecard{background:#fff;border:1px solid #cce0ea;border-radius:18px;padding:28px;box-shadow:0 15px 34px #244b6421}.guide-sidecard h2{font-size:1.57rem;margin:10px 0 19px}.guide-sidecard ul{list-style:none;padding:0;margin:0;display:grid;gap:14px}.guide-sidecard li{position:relative;padding-left:23px;font-size:.91rem;line-height:1.5;color:#345268}.guide-sidecard li::before{content:"✓";color:#0b8498;font-weight:900;position:absolute;left:0}.guide-sidecard>p:last-child{border-top:1px solid #d8e9ef;margin:22px 0 0;padding-top:18px;color:#465e73;font-size:.85rem;line-height:1.65}.guide-note{margin-top:16px;background:#e2f4f5;border-left:3px solid #1aa5ac;border-radius:8px;padding:16px;color:#304e60;font-size:.86rem;line-height:1.7}
.guide-more{margin-top:38px;padding:42px;border-radius:21px;background:#e5f3fa;border:1px solid #c6e1ed}.guide-more h2{font-size:clamp(1.8rem,3.4vw,2.7rem);margin:10px 0 26px}.guide-links{display:grid;grid-template-columns:1fr 1fr;gap:14px}.guide-links a{display:flex;flex-direction:column;gap:10px;background:white;border-radius:13px;border:1px solid #cae0eb;padding:20px;transition:transform .2s,box-shadow .2s}.guide-links a:hover{transform:translateY(-3px);box-shadow:0 12px 27px #1a4b6a26}.guide-links strong{font-size:1.05rem;color:#113751}.guide-links span{font-size:.87rem;color:#326579}
@media(max-width:850px){.guide-layout{grid-template-columns:1fr;gap:12px}.guide-aside{position:static;display:grid;grid-template-columns:1fr 1fr;gap:14px;align-items:start}.guide-note{margin:0}}
@media(max-width:560px){.guide-page{padding-bottom:70px}.guide-hero{border-radius:17px;padding:30px 23px;margin:15px 0 44px}.guide-hero h1{font-size:clamp(2.1rem,10vw,3.1rem)}.guide-hero>p:not(.eyebrow){font-size:.99rem}.guide-aside,.guide-links{grid-template-columns:1fr}.guide-note{margin-top:0}.guide-more{padding:25px 20px}}
@media(prefers-reduced-motion:reduce){.guide-links a{transition:none}.guide-links a:hover{transform:none}}