.guide-shell{max-width:1280px}
.guide-shell a{text-decoration:none}
.guide-shell .logo{color:var(--blue)}
.logo-bang{color:var(--orange)}
.guide-nav{display:flex;align-items:center;gap:24px;font-size:13px;font-weight:800;color:var(--blue)}
.guide-nav a{color:inherit}
.guide-nav a:hover,.guide-footer a:hover{text-decoration:underline;text-underline-offset:4px}
.guide-play-link{border:2px solid var(--blue);border-radius:999px;background:var(--yellow);padding:10px 16px;box-shadow:0 3px 0 var(--blue)}
.guide-hero{display:grid;grid-template-columns:1.08fr .92fr;gap:32px;align-items:center;min-height:560px;padding:64px 0 30px}
.guide-hero h1{font-size:clamp(66px,7vw,112px);line-height:.87;color:var(--blue);margin:20px 0 26px}
.guide-hero h1 span{color:var(--orange)}
.guide-hero p{font-size:19px;line-height:1.55;max-width:590px;color:#45527f;margin-bottom:31px}
.guide-hero-art{height:420px;position:relative;display:grid;place-items:center}
.guide-hero-art::before{content:"";position:absolute;width:min(390px,90%);aspect-ratio:1;background:var(--sky);border:3px solid var(--blue);border-radius:50%;box-shadow:14px 16px 0 #b8c5f9}
.guide-hero-art::after{content:"";position:absolute;width:min(320px,76%);aspect-ratio:1;border:2px dashed var(--blue);border-radius:50%}
.guide-orbit{position:absolute;top:22px;left:10%;font-size:47px;color:var(--blue);z-index:2}
.guide-word-card{position:relative;z-index:2;transform:rotate(-7deg);width:min(360px,80%);aspect-ratio:1.38;background:#fff;border:3px solid var(--blue);border-radius:27px;box-shadow:10px 12px 0 var(--blue);display:flex;align-items:center;justify-content:center;flex-direction:column;text-align:center}
.guide-word-card span{font-size:11px;letter-spacing:.16em;font-weight:800;color:var(--muted)}
.guide-word-card strong{font:800 clamp(35px,4vw,51px)/1 "Bricolage Grotesque",sans-serif;letter-spacing:-.06em;margin:24px 0 12px}
.guide-word-card small{font-size:12px;font-weight:700;color:var(--muted)}
.guide-timer{z-index:3;position:absolute;top:7%;right:3%;width:93px;height:93px;background:var(--yellow);border:3px solid var(--blue);border-radius:50%;box-shadow:5px 6px 0 var(--blue);transform:rotate(13deg);display:grid;place-items:center;font:800 34px "Bricolage Grotesque",sans-serif}
.guide-glance{display:grid;grid-template-columns:repeat(3,1fr);border:2px solid var(--blue);border-radius:24px;background:#fff;overflow:hidden;box-shadow:8px 9px 0 #c5cff9;margin:10px 0 112px}
.guide-glance div{display:flex;align-items:baseline;justify-content:center;gap:13px;padding:24px 12px}
.guide-glance div+div{border-left:1px solid #d8def3}
.guide-glance strong{font:800 48px/1 "Bricolage Grotesque",sans-serif;color:var(--blue)}
.guide-glance span{font-size:12px;letter-spacing:.08em;text-transform:uppercase;font-weight:800;color:#657098}
.guide-section{max-width:1070px;margin:0 auto 116px}
.guide-section-head{margin-bottom:32px;max-width:680px}
.guide-section h2,.guide-detail h2,.guide-outro h2{font-size:clamp(43px,5vw,67px);line-height:.98;color:var(--blue);margin:8px 0 12px}
.guide-section-head p{font-size:17px;line-height:1.55;color:#56638e}
.guide-steps{display:grid;grid-template-columns:1fr 1fr;gap:18px}
.guide-steps article{border:2px solid var(--blue);border-radius:22px;padding:28px;min-height:220px;background:#fff;box-shadow:6px 7px 0 #c5cff9}
.guide-steps article:nth-child(2){background:#fff8e4}
.guide-steps article:nth-child(3){background:#fff0e9}
.guide-steps article:nth-child(4){background:#dff1ff}
.guide-steps article>span{font-size:11px;letter-spacing:.15em;font-weight:800;color:var(--blue2)}
.guide-steps h3{font-size:31px;margin:18px 0 10px}
.guide-steps p{font-size:15px;line-height:1.55;color:#4f5d87}
.guide-detail{display:grid;grid-template-columns:.85fr 1.15fr;gap:50px;align-items:start;background:var(--yellow);border:2px solid var(--blue);border-radius:26px;padding:48px;margin:0 0 115px;box-shadow:9px 10px 0 #c5cff9}
.guide-detail-copy{display:grid;gap:15px;padding-top:11px}
.guide-detail p{font-size:16px;line-height:1.55;color:#3f4d78}
.guide-faq-grid{display:grid;grid-template-columns:1fr 1fr;gap:0 40px}
.guide-faq-grid article{border-top:1px solid #bcc7ea;padding:23px 0 28px}
.guide-faq-grid h3{font-size:23px;margin-bottom:9px}
.guide-faq-grid p{color:#53608d;line-height:1.55;font-size:15px}
.ad-area{max-width:780px;margin:100px auto 160px;text-align:center;background:#fff;border:1px solid #d8def3;border-radius:18px;padding:18px;min-height:310px}
.ad-area[hidden]{display:none}
.ad-area>span{display:block;font-size:10px;letter-spacing:.12em;text-transform:uppercase;color:#66729a;margin-bottom:14px}
.ad-unit{min-height:250px}
.guide-outro{text-align:center;max-width:780px;margin:0 auto 110px;padding:70px 25px;background:#dff1ff;border:2px solid var(--blue);border-radius:26px;box-shadow:8px 9px 0 #c5cff9}
.guide-outro p{font-size:17px;line-height:1.5;color:#53608d;margin:0 auto 23px}
.guide-footer{border-top:1px solid #cbd4ee;padding:24px 0;display:flex;flex-wrap:wrap;justify-content:space-between;gap:20px;color:#6b759d;font-size:12px;font-weight:800}
.guide-footer a{color:var(--blue)}
.guide-footer .credit-line a{color:#d9562f}
.policy-page{max-width:850px;margin:68px auto 110px}
.policy-page h1{font-size:clamp(54px,7vw,88px);line-height:.96;color:var(--blue);margin:14px 0 19px}
.policy-intro{font-size:20px;line-height:1.5;color:#45527f;max-width:700px;margin-bottom:49px}
.policy-page section{border-top:1px solid #cbd4ee;padding:26px 0 30px}
.policy-page h2{font-size:clamp(27px,3.5vw,36px);color:var(--blue);margin:0 0 12px}
.policy-page section p{font-size:16px;line-height:1.7;color:#45527f;margin:0 0 14px}
.policy-page section p:last-child{margin-bottom:0}
.policy-page section a{color:var(--blue);text-decoration:underline;text-underline-offset:3px}
@media(max-width:850px){.guide-hero{grid-template-columns:1fr;padding-top:58px}.guide-hero-art{height:330px}.guide-hero-art::before{width:310px}.guide-hero-art::after{width:250px}.guide-word-card{width:280px}.guide-timer{right:12%}.guide-detail{grid-template-columns:1fr;gap:15px}}
@media(max-width:600px){.guide-shell{padding:16px 17px 32px}.guide-shell .topbar{height:auto;flex-wrap:wrap;gap:9px}.guide-nav{width:100%;justify-content:space-between;font-size:11px;gap:8px}.guide-play-link{padding:8px 10px}.guide-hero{min-height:0;gap:0;padding:54px 0 0}.guide-hero h1{font-size:clamp(57px,14vw,83px)}.guide-hero p{font-size:17px}.guide-hero-art{height:295px}.guide-hero-art::before{width:260px}.guide-hero-art::after{width:210px}.guide-word-card{width:250px}.guide-word-card strong{font-size:35px}.guide-timer{width:69px;height:69px;font-size:26px;right:7%}.guide-glance{margin:12px 0 80px}.guide-glance div{flex-direction:column;align-items:center;gap:3px;padding:14px 6px;text-align:center}.guide-glance strong{font-size:35px}.guide-glance span{font-size:9px}.guide-section{margin-bottom:82px}.guide-steps,.guide-faq-grid{grid-template-columns:1fr}.guide-steps article{min-height:0;padding:21px}.guide-detail{margin-bottom:82px;padding:28px 23px}.guide-outro{margin-bottom:70px;padding:55px 20px}.guide-footer{flex-direction:column}.ad-area{margin:90px auto 160px}.policy-page{margin:53px auto 70px}.policy-intro{font-size:17px;margin-bottom:35px}.policy-page section p{font-size:15px}}