/* COSGEO self-check · product surface */
.check-page{--rail:260px}
.bar nav a.active{color:var(--jade)}
.check-intro{position:relative;padding:68px 0 64px;border-bottom:1px solid var(--line);overflow:hidden}
.check-intro::after{content:"";position:absolute;width:560px;height:560px;border-radius:50%;right:-180px;top:-220px;background:radial-gradient(circle,rgba(31,229,164,.14),transparent 68%);pointer-events:none}
.check-intro-grid{display:grid;grid-template-columns:minmax(0,1.08fr) minmax(380px,.92fr);gap:72px;align-items:center}
.check-intro h1{margin:4px 0 24px;max-width:720px}
.check-intro .lead{max-width:700px}
.check-intro-actions{display:flex;gap:14px;flex-wrap:wrap;margin-top:30px}
.privacy-line{display:flex;align-items:center;gap:9px;margin-top:18px;font-size:13px;color:var(--muted2)}
.privacy-line>span:first-child{color:var(--jade);font-size:10px;box-shadow:0 0 14px rgba(31,229,164,.8)}
.layer-visual{display:flex;flex-direction:column;gap:9px;perspective:900px;position:relative}
.layer{position:relative;display:grid;grid-template-columns:46px 1fr auto;gap:14px;align-items:center;min-height:64px;padding:13px 18px;border:1px solid var(--line);background:linear-gradient(90deg,rgba(18,24,38,.92),rgba(10,15,22,.72));clip-path:polygon(4% 0,100% 0,96% 100%,0 100%);transform:translateX(var(--shift));transition:transform .25s,border-color .25s,background .25s;animation:layerIn .65s both;animation-delay:var(--delay)}
.layer:hover{transform:translateX(calc(var(--shift) - 8px));border-color:rgba(31,229,164,.42);background:linear-gradient(90deg,rgba(31,229,164,.13),rgba(10,15,22,.78))}
.layer-5{--shift:48px;--delay:.08s}.layer-4{--shift:36px;--delay:.16s}.layer-3{--shift:24px;--delay:.24s}.layer-2{--shift:12px;--delay:.32s}.layer-1{--shift:0px;--delay:.4s}
.layer-no{font-family:var(--font-mono);font-size:12px;color:var(--jade)}
.layer b{font-family:var(--font-disp);font-size:17px}.layer small{font-family:var(--font-mono);font-size:10px;color:var(--muted2);text-align:right}
@keyframes layerIn{from{opacity:0;transform:translateX(calc(var(--shift) + 36px))}to{opacity:1;transform:translateX(var(--shift))}}

.assessment-section{padding:72px 0 88px;background:linear-gradient(180deg,rgba(11,16,24,.52),transparent 24%)}
.assessment-layout{display:grid;grid-template-columns:var(--rail) minmax(0,1fr);gap:56px;align-items:start}
.check-rail{position:sticky;top:104px;padding:2px 0}
.rail-kicker{font-family:var(--font-mono);font-size:11px;letter-spacing:2px;color:var(--jade);text-transform:uppercase}
.rail-count{display:flex;align-items:baseline;gap:6px;margin:8px 0 12px}.rail-count strong{font-family:var(--font-disp);font-size:46px;line-height:1}.rail-count span{color:var(--muted);font-family:var(--font-mono)}
.progress-track{height:7px;background:rgba(255,255,255,.06);border-radius:99px;overflow:hidden}.progress-track span{display:block;width:0;height:100%;background:var(--grad-neon);box-shadow:0 0 14px rgba(31,229,164,.5);transition:width .3s ease}
.rail-status{font-size:12px;margin-top:9px;color:var(--muted)}
.dimension-nav{list-style:none;margin:30px 0 24px;border-top:1px solid var(--line)}
.dimension-nav li{border-bottom:1px solid var(--line)}
.dimension-nav a{display:grid;grid-template-columns:30px 1fr auto;gap:8px;align-items:center;padding:13px 0;color:var(--muted);transition:.18s}
.dimension-nav a:hover,.dimension-nav a.done{color:var(--text)}.dimension-nav a.done>span{color:var(--jade)}
.dimension-nav a>span,.dimension-nav em{font-family:var(--font-mono);font-size:11px;font-style:normal}.dimension-nav b{font-size:14px;font-weight:500}.dimension-nav em{color:var(--muted2)}
.rail-note{font-size:12px;line-height:1.65;color:var(--muted2);padding-left:13px;border-left:2px solid rgba(31,229,164,.35)}
.answer-key{display:flex;justify-content:flex-end;gap:20px;margin-bottom:18px;font-size:12px;color:var(--muted)}
.answer-key>span{display:flex;align-items:center;gap:6px}.answer-key b{display:inline-flex;align-items:center;justify-content:center;width:23px;height:23px;border:1px solid var(--line2);border-radius:6px;font-family:var(--font-mono);font-size:11px;color:var(--jade)}
.question-group{padding:0 0 58px;scroll-margin-top:108px}
.group-head{display:grid;grid-template-columns:48px minmax(0,1fr) auto;gap:18px;align-items:start;padding:0 0 22px;border-bottom:1px solid var(--line2)}
.group-no{display:flex;align-items:center;justify-content:center;width:42px;height:42px;border-radius:12px;background:var(--grad-jade);color:#03241a;font-family:var(--font-mono);font-weight:700}
.group-head h2{font-size:29px;margin-bottom:7px}.group-head p{font-size:14px;max-width:650px}.group-head output{font-family:var(--font-mono);font-size:12px;color:var(--jade);padding-top:9px}
.question{display:grid;grid-template-columns:minmax(0,1fr) 168px;gap:28px;align-items:center;border:0;border-bottom:1px solid var(--line);padding:22px 2px;margin:0;min-width:0;transition:background .2s,border-color .2s}
.question legend{display:flex;gap:13px;align-items:flex-start;float:left;width:100%;font-size:15.5px;line-height:1.6;color:var(--text)}
.question .q-no{font-family:var(--font-mono);font-size:10px;color:var(--muted2);padding-top:5px;min-width:22px}
.question.is-missing{background:linear-gradient(90deg,rgba(242,103,90,.08),transparent);border-color:rgba(242,103,90,.42)}
.score-options{display:grid;grid-template-columns:repeat(3,1fr);gap:7px}
.score-options label{cursor:pointer}.score-options input{position:absolute;opacity:0;pointer-events:none}.score-options span{display:flex;align-items:center;justify-content:center;height:42px;border:1px solid var(--line2);border-radius:10px;background:rgba(255,255,255,.025);font-family:var(--font-mono);font-size:13px;color:var(--muted);transition:.16s}
.score-options input:focus-visible+span{outline:2px solid var(--cyan);outline-offset:2px}.score-options label:hover span{border-color:rgba(31,229,164,.45);color:var(--text)}.score-options input:checked+span{border-color:var(--jade);background:rgba(31,229,164,.14);color:var(--jade);box-shadow:inset 0 0 0 1px rgba(31,229,164,.12),0 0 18px rgba(31,229,164,.08)}
.assessment-actions{display:flex;justify-content:space-between;align-items:center;gap:24px;padding:28px;border:1px solid rgba(31,229,164,.28);border-radius:18px;background:linear-gradient(110deg,rgba(31,229,164,.1),rgba(54,230,255,.025))}.assessment-actions b{font-family:var(--font-disp);font-size:18px}.assessment-actions p{font-size:13px;margin-top:4px}.assessment-actions p.error{color:#ff8e83}

.result-section{padding:88px 0;border-top:1px solid rgba(31,229,164,.22);background:radial-gradient(70% 90% at 82% 10%,rgba(31,229,164,.11),transparent 62%),var(--surface)}
.result-section[hidden]{display:none}.result-head{display:grid;grid-template-columns:1fr auto;gap:42px;align-items:center;padding-bottom:38px;border-bottom:1px solid var(--line)}.result-head h2{margin-bottom:12px}.result-head .lead{max-width:720px}
.score-orbit{width:170px;height:170px;border-radius:50%;display:grid;place-items:center;background:conic-gradient(var(--jade) var(--score),rgba(255,255,255,.07) 0);position:relative;box-shadow:0 0 50px rgba(31,229,164,.12)}.score-orbit::after{content:"";position:absolute;inset:10px;border-radius:50%;background:var(--surface);border:1px solid var(--line2)}.score-orbit>div{position:relative;z-index:1;text-align:center}.score-orbit strong{font-family:var(--font-disp);font-size:52px;line-height:1}.score-orbit span{font-family:var(--font-mono);font-size:12px;color:var(--muted)}.score-orbit small{display:block;color:var(--muted);font-size:12px;margin-top:4px}
.result-grid{display:grid;grid-template-columns:1.05fr .95fr;gap:56px;padding:48px 0}.result-grid h3{font-size:22px;margin-bottom:24px}
.dimension-score{display:grid;grid-template-columns:110px 1fr 50px;gap:16px;align-items:center;padding:13px 0;border-bottom:1px solid var(--line)}.dimension-score b{font-size:14px}.dimension-score .track{height:8px;border-radius:99px;background:rgba(255,255,255,.06);overflow:hidden}.dimension-score .track span{display:block;height:100%;width:var(--pct);background:var(--grad-neon);border-radius:99px}.dimension-score em{font-family:var(--font-mono);font-style:normal;font-size:12px;color:var(--jade);text-align:right}
.priority-panel{padding:30px 32px;border-left:2px solid var(--jade);background:linear-gradient(110deg,rgba(31,229,164,.09),rgba(10,14,21,.2))}.priority-kicker{font-family:var(--font-mono);font-size:11px;letter-spacing:2px;color:var(--jade);text-transform:uppercase;margin-bottom:12px}.priority-panel h3{font-size:27px;margin-bottom:10px}.priority-panel>p{font-size:14px}.priority-panel ol{margin:22px 0 0;padding:0;list-style:none;counter-reset:actions}.priority-panel li{position:relative;padding:11px 0 11px 38px;color:var(--text);font-size:14px;border-top:1px solid var(--line);counter-increment:actions}.priority-panel li::before{content:"0" counter(actions);position:absolute;left:0;top:12px;font-family:var(--font-mono);font-size:10px;color:var(--jade)}
.result-cta{display:grid;grid-template-columns:1fr auto;gap:28px;align-items:center;padding:30px 0 8px;border-top:1px solid var(--line)}.result-cta h3{font-size:22px;margin-bottom:7px}.result-cta p{font-size:14px}.result-buttons{display:flex;align-items:center;gap:10px;flex-wrap:wrap;justify-content:flex-end}.text-button{border:0;background:transparent;color:var(--muted);font:inherit;font-size:13px;cursor:pointer;padding:10px}.text-button:hover{color:var(--jade)}.result-disclaimer{font-size:11.5px;line-height:1.6;color:var(--muted2);margin-top:24px;max-width:960px}

@media(max-width:1040px){.check-intro-grid{gap:40px}.assessment-layout{grid-template-columns:220px minmax(0,1fr);gap:36px}.bar nav{gap:18px}.bar nav a.navlink{font-size:14px}}
@media(max-width:880px){.check-intro-grid{grid-template-columns:1fr}.layer-visual{max-width:620px;margin-left:auto;margin-right:48px}.assessment-layout{grid-template-columns:1fr}.check-rail{position:relative;top:auto;display:grid;grid-template-columns:auto 1fr;gap:12px 24px;padding:22px;border:1px solid var(--line);border-radius:16px}.rail-kicker,.rail-count,.progress-track,.rail-status{grid-column:1}.dimension-nav{grid-column:2;grid-row:1/5;margin:0;border-top:0;display:grid;grid-template-columns:1fr 1fr}.dimension-nav li{border:0}.dimension-nav a{padding:5px 0}.rail-note{display:none}.result-grid{grid-template-columns:1fr}.result-cta{grid-template-columns:1fr}.result-buttons{justify-content:flex-start}}
@media(max-width:660px){.check-intro{padding:48px 0}.check-intro h1{font-size:clamp(35px,11vw,50px)}.layer-visual{margin-right:22px}.layer{grid-template-columns:36px 1fr;padding:12px 15px}.layer small{display:none}.layer-5{--shift:32px}.layer-4{--shift:24px}.layer-3{--shift:16px}.layer-2{--shift:8px}.check-rail{display:block}.dimension-nav{display:grid;grid-template-columns:1fr 1fr;margin-top:22px}.answer-key{justify-content:flex-start;gap:10px;flex-wrap:wrap}.question{grid-template-columns:1fr;gap:15px;padding:21px 0}.score-options{margin-left:35px}.group-head{grid-template-columns:42px 1fr}.group-head output{grid-column:2;padding-top:0}.assessment-actions{align-items:stretch;flex-direction:column}.assessment-actions .btn{justify-content:center}.result-head{grid-template-columns:1fr}.score-orbit{width:148px;height:148px}.result-grid{gap:30px}.dimension-score{grid-template-columns:92px 1fr 44px}.priority-panel{padding:25px 22px}.result-buttons{flex-direction:column;align-items:stretch}.result-buttons .btn{justify-content:center}.text-button{text-align:center}}
@media(max-width:520px){.bar-in{padding:12px 18px;gap:10px}.logo{gap:8px}.logo .mark{width:36px;height:36px}.logo .name{font-size:20px}.logo .sl{display:none}.bar-right{gap:8px}.bar-right .btn{padding:9px 12px;font-size:12px}.lang-toggle{padding:5px 9px}.container{padding-left:20px;padding-right:20px}}

@media print{.bar,.check-intro,.assessment-section,footer,.result-buttons,.result-cta{display:none!important}.result-section{display:block!important;padding:20px 0;background:#fff;color:#111}.result-section *{color:#111!important}.result-head,.result-grid{display:grid}.score-orbit{box-shadow:none}.score-orbit::after{background:#fff}.priority-panel{background:#f5f5f5}.result-disclaimer{color:#555!important}}
