/* V27.5 — presentation layer only; keeps legacy data, routes and interactive JS intact */
:root{--v5-navy:#081e3d;--v5-blue:#0964c7;--v5-gold:#ffc928;--v5-bg:#f5f8fe;--v5-border:#dce6f4;--v5-muted:#61748f}
body.v275-learning{background:var(--v5-bg);color:var(--v5-navy)}
body.v275-learning .public-header{background:#fff;border-bottom:1px solid var(--v5-border)}
body.v275-learning .public-header .public-brand strong{color:var(--v5-navy)}
body.v275-learning .public-main,body.v275-learning .library-main,body.v275-learning .test-app{max-width:1340px;margin-left:auto;margin-right:auto}
body.v275-learning .public-main,body.v275-learning .library-main{padding-top:25px;padding-bottom:55px}
body.v275-learning .public-intro{background:linear-gradient(108deg,#fff 22%,#eff5ff);border:1px solid var(--v5-border);border-radius:18px;padding:30px 34px;box-shadow:0 7px 20px #0b2b5108;margin-bottom:22px}
body.v275-learning .public-intro h1{color:var(--v5-navy);font-size:clamp(28px,3vw,39px);font-weight:900;letter-spacing:-1.2px;line-height:1.16}
body.v275-learning .public-intro p{color:var(--v5-muted);max-width:800px}
body.v275-learning .public-intro>span{color:#bd6814;font-size:11px;font-weight:900;letter-spacing:1px}
body.v275-learning .level-tabs{display:flex;gap:7px;flex-wrap:wrap;background:#eaf0f9;padding:6px;border-radius:12px;margin-bottom:20px}
body.v275-learning .level-tabs button,body.v275-learning .level-tabs a{border:0;border-radius:9px;font-weight:850;padding:10px 17px}
body.v275-learning .level-tabs .active,body.v275-learning .level-tabs button.active{background:#0a3264!important;color:#fff!important}
body.v275-learning .library-layout{display:grid;gap:20px}
body.v275-learning .topic-list,body.v275-learning .lesson-preview,body.v275-learning .grammar-detail-mount{background:#fff;border:1px solid var(--v5-border);border-radius:17px;box-shadow:0 6px 24px #0b2b5108;min-width:0}
body.v275-learning .topic-list button,body.v275-learning .topic-list a{border-radius:9px}
body.v275-learning .topic-list button:hover,body.v275-learning .topic-list a:hover{background:#f0f6ff}
body.v275-learning .lesson-preview h2,body.v275-learning .grammar-detail-mount h1{color:var(--v5-navy);letter-spacing:-.7px}
body.v275-learning .grammar-detail-page .lesson-breadcrumb{font-size:12px;color:#61748f;margin:5px 0 17px}
body.v275-learning .grammar-detail-mount{padding:22px}
body.v275-learning .grammar-detail-mount img,body.v275-learning .grammar-detail-mount video{max-width:100%;border-radius:12px}
body.v275-learning .grammar-detail-mount button,body.v275-learning .grammar-detail-mount input{max-width:100%}
body.v275-learning .grammar-detail-mount .lesson-tabs,body.v275-learning .grammar-detail-mount [role=tablist]{background:#eef3fb;border-radius:11px;padding:5px}
body.v275-learning .grammar-detail-mount .lesson-tabs button.active,body.v275-learning .grammar-detail-mount [aria-selected=true]{background:#0b3262;color:#fff;border-radius:8px}
body.v275-learning .library-hero{background:linear-gradient(110deg,#fff 22%,#e9f3ff);border:1px solid var(--v5-border);border-radius:18px;padding:30px 33px;box-shadow:0 7px 20px #0b2b5108}
body.v275-learning .library-hero h1{color:var(--v5-navy);font-size:clamp(28px,3vw,40px);letter-spacing:-1px}
body.v275-learning .library-hero p{color:var(--v5-muted)}
body.v275-learning .library-search{border:1px solid #cbdcf0;border-radius:12px;background:#fff}
body.v275-learning .library-search input{background:#fff;color:#0b2546}
body.v275-learning .library-search button{background:#0964c7;color:white;border-radius:9px}
body.v275-learning .popular-searches button,body.v275-learning .popular-searches a{border:1px solid #cfdef1;border-radius:25px;background:#fff;color:#214e85}
body.v275-learning .library-main :is(.library-card,.library-panel,.library-result,.library-item,.word-card,.phrase-card,.grammar-card){background:#fff;border:1px solid var(--v5-border);border-radius:13px;box-shadow:0 3px 15px #0b2b5108}
body.v275-learning .test-app{padding:26px 24px 65px}
body.v275-learning .test-hero{background:linear-gradient(110deg,#fff 15%,#eaf3ff);color:var(--v5-navy);border:1px solid var(--v5-border);border-radius:18px;padding:26px 30px;margin-bottom:20px}
body.v275-learning .test-hero h1{color:var(--v5-navy);font-size:clamp(27px,3vw,39px);letter-spacing:-1px}
body.v275-learning .test-hero p{color:var(--v5-muted)}
body.v275-learning .test-hero-stat{background:#fff;border:1px solid #d7e5f6;border-radius:12px;color:var(--v5-navy)}
body.v275-learning .test-tabs{display:flex;gap:7px;flex-wrap:wrap;background:#eaf0f9;border-radius:12px;padding:6px;margin:0 0 18px}
body.v275-learning .test-tabs button{border-radius:9px;font-weight:800}
body.v275-learning .test-tabs button.active{background:#0a3264!important;color:#fff!important}
body.v275-learning .test-panel,body.v275-learning .topic-builder,body.v275-learning .smart-setup,body.v275-learning .analytics-cards .metric-card,body.v275-learning .runner-head{background:#fff;border:1px solid var(--v5-border);border-radius:16px;box-shadow:0 5px 20px #0b2b5108}
body.v275-learning .test-panel{padding:22px}
body.v275-learning .test-panel h2,body.v275-learning .test-panel h3{color:var(--v5-navy)}
body.v275-learning .test-primary{background:#0964c7;color:#fff;border-radius:9px;font-weight:800}
body.v275-learning .test-secondary{background:#fff;color:#0b376f;border:1px solid #c8d9f0;border-radius:9px}
body.v275-learning .test-levels button.active,body.v275-learning .difficulty-row button.active{background:#0a3264!important;color:#fff!important}
body.v275-learning .question-options button{border:1px solid #d3e0f1;border-radius:11px;background:#fff;color:#112e52}
body.v275-learning .question-options button:hover{background:#f1f7ff}
body.v275-learning .runner-progress{accent-color:#15946b}
body.v275-learning .public-footer .legal-links-v21{display:flex;gap:14px;flex-wrap:wrap}
@media(max-width:820px){body.v275-learning .public-main,body.v275-learning .library-main,body.v275-learning .test-app{padding:15px 12px 45px}body.v275-learning .public-intro,body.v275-learning .library-hero,body.v275-learning .test-hero{padding:21px 18px}body.v275-learning .test-panel{padding:16px}body.v275-learning .grammar-detail-mount{padding:13px}}