/* Shared player-guide visual language: readable sections, actual game artwork. */
.guide-page{background:radial-gradient(ellipse at 85% 8%,#17334866,transparent 38%),#050812;color:#e9f2fa}
.guide-page main{max-width:1180px;margin:auto;padding:0 24px 64px}
.guide-hero{display:grid;grid-template-columns:minmax(0,1fr) .45fr;gap:36px;align-items:center;padding:70px 0 45px;border-bottom:1px solid #345064;min-height:350px}
.guide-hero h1{font-size:clamp(38px,5vw,66px);line-height:1.03;letter-spacing:-.035em;margin:12px 0 24px}.guide-hero h1 span{color:#88e5f3}
.guide-hero p{max-width:650px;font-size:18px;line-height:1.7;color:#a9bdcc}.guide-hero .eyebrow{font-size:12px;letter-spacing:.18em;color:#79d2e4}
.guide-art{width:100%;max-height:290px;object-fit:contain;filter:drop-shadow(0 0 40px #5abddb25)}
.guide-toc{display:flex;flex-wrap:wrap;gap:10px;padding:22px 0 35px}.guide-toc a,.guide-link{padding:10px 15px;border:1px solid #38576b;background:#101e2b;color:#bdeefa;text-decoration:none;font-size:14px}
.guide-section{padding:40px 0;border-bottom:1px solid #203447;scroll-margin-top:110px}.guide-section h2{font-size:30px;line-height:1.15;margin:0 0 24px}.guide-section p,.guide-section li{line-height:1.75;color:#b4c5d2;max-width:78ch}.guide-section strong{color:#eef8ff}.guide-section a,.guide-footer a{color:#8be3f2}
.guide-section .chapter{display:block;color:#5f91a9;font-size:12px;letter-spacing:.18em;margin-bottom:12px}
.guide-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:22px}.guide-card{background:linear-gradient(130deg,#112332,#0a131f);border:1px solid #294255;padding:26px;position:relative;overflow:hidden}.guide-card h3{margin:0 0 14px;color:#eaf5fc;font-size:21px}.guide-card p:last-child{margin-bottom:0}.guide-card img{float:right;object-fit:contain;width:85px;height:85px;margin:0 0 12px 18px}
.guide-strip{display:grid;grid-template-columns:100px minmax(0,1fr);gap:26px;align-items:center;background:linear-gradient(110deg,#153142,#0a1420);border-left:3px solid #6ed4e6;padding:26px;margin:28px 0}.guide-strip img{width:100%;object-fit:contain}.guide-strip p{margin:8px 0}.guide-strip h3{margin:0;font-size:23px}
.guide-steps{counter-reset:step;list-style:none;padding:0;display:grid;gap:20px}.guide-steps>li{counter-increment:step;position:relative;background:#0d1a28;border:1px solid #263f50;padding:22px 24px 22px 76px;max-width:none}.guide-steps>li:before{content:counter(step,decimal-leading-zero);position:absolute;left:22px;top:24px;font-size:22px;color:#6ed4e6}.guide-steps h3{margin:0 0 7px;font-size:20px;color:#eff8ff}.guide-steps p{margin:0}
.frequency-example{display:flex;align-items:center;justify-content:center;flex-wrap:wrap;gap:30px;padding:32px;background:radial-gradient(ellipse at center,#183749,#0a1420);border:1px solid #38576b;margin:24px 0}.frequency-example .frequency{font-size:clamp(26px,4vw,42px);font-variant-numeric:tabular-nums;color:#d9f1ff}.frequency-example .group{color:#ffca76}.frequency-example small{display:block;font-size:13px;color:#9cb8ca;letter-spacing:.03em;margin-top:8px}.frequency-example .arrow{font-size:25px;color:#70acbb}
.guide-note{border-left:3px solid #e7b56b;padding:18px 24px;background:#241e162e;color:#d2b68a!important}.guide-footer{padding-top:30px;display:flex;flex-wrap:wrap;gap:20px}
.unit-mark{display:inline-block;font-size:29px;color:#83dfef;letter-spacing:-.03em;margin-bottom:14px}.guide-card dl{margin:0}.guide-card dt{color:#ecf5fa;margin-top:15px;font-weight:650}.guide-card dd{margin:5px 0 0;color:#adc0ce;line-height:1.7}.unit-example{border-top:1px solid #2c4656;padding-top:13px;font-variant-numeric:tabular-nums;color:#e4c28c!important}
body.guide-polish section.catalogue-section{border-top:1px solid #385469;padding-top:35px;margin-top:35px;scroll-margin-top:95px}body.guide-polish .callout{border-top:2px solid #426a80;background:linear-gradient(145deg,#112434,#09121e)}body.guide-polish .hero{background:radial-gradient(ellipse at 90% 50%,#2e607638,transparent 65%)}
body.guide-polish #systems .mode-card,body.guide-polish #controls .mode-card{border-top:2px solid #436f86;background:linear-gradient(140deg,#112637,#08131f)}
.guide-crossroads{display:grid;grid-template-columns:1fr 1fr;gap:22px;margin:32px auto;max-width:1180px;padding:0 24px}.guide-crossroads a{display:grid;grid-template-columns:85px minmax(0,1fr);align-items:center;gap:20px;padding:24px;border:1px solid #345368;background:linear-gradient(130deg,#153143,#09131e);color:#c7edfa;text-decoration:none}.guide-crossroads img{width:85px;height:85px;object-fit:contain}.guide-crossroads strong{display:block;font-size:22px;margin-bottom:8px}.guide-crossroads span{font-size:14px;line-height:1.6;color:#a4bccd}
.guide-page :focus-visible,.guide-crossroads a:focus-visible{outline:2px solid #a2f0ff;outline-offset:4px}
@media(max-width:720px){.guide-page main{padding:0 18px 40px}.guide-hero{grid-template-columns:1fr;gap:5px;padding:38px 0 25px;min-height:0}.guide-art{height:170px;grid-row:1;justify-self:center}.guide-hero h1{font-size:42px}.guide-grid,.guide-crossroads{grid-template-columns:1fr}.guide-card{padding:22px}.guide-section{padding:30px 0}.guide-section h2{font-size:26px}.guide-strip{grid-template-columns:65px minmax(0,1fr);padding:20px;gap:18px}.guide-steps>li{padding:20px 18px 20px 65px}.frequency-example{padding:22px;gap:18px}.guide-crossroads a{padding:18px}.guide-page .lfo-brand{font-size:18px}}