/* PDDshka: readable training UI */
:root{--pdd-ink:#172b44;--pdd-muted:#52627a;--pdd-blue:#2455c7;--pdd-line:#dce4ef}
html{scroll-padding-top:90px}
body{color:var(--pdd-ink);line-height:1.55}
body .header-inner{min-height:68px}
body .menu-toggle{border:1px solid #64748b;padding:0;color:#fff;min-width:44px;min-height:44px}
body .menu-dropdown[hidden]{display:none!important}
body .menu-dropdown:not([hidden]){display:block;max-height:calc(100dvh - 90px);overflow:auto;z-index:1000}
body .menu-dropdown a{min-height:44px}
body :is(a,button,[role="button"]):focus-visible{outline:3px solid #2455c7;outline-offset:4px}
body .site-header :is(a,button):focus-visible{outline-color:#fbbf24}
body .skip-link{position:fixed;left:16px;top:-100px;padding:12px 20px;background:#fff;color:#172b44;z-index:2000;border-radius:8px}
body .skip-link:focus{top:12px}
.pdd-hero{background:#fff;border:1px solid var(--pdd-line);border-radius:20px;padding:28px;margin:4px 0 28px;box-shadow:0 8px 28px #172b4407}
.pdd-eyebrow{color:#2455c7;font-size:12px;font-weight:750;letter-spacing:.1em;text-transform:uppercase;margin-bottom:8px}
body.home .pdd-hero h1{font-size:clamp(25px,3vw,36px);line-height:1.18;letter-spacing:-.025em;margin:0 0 14px;text-align:left}
.pdd-hero p{color:var(--pdd-muted);max-width:65ch;margin:0 0 18px}
.pdd-actions{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}
.pdd-actions a{padding:11px 16px;min-height:46px;border:1px solid var(--pdd-line);border-radius:10px;color:#172b44;background:#f6f8fc;text-decoration:none;font-size:14px;font-weight:650}
.pdd-actions a:first-child{background:#2455c7;border-color:#2455c7;color:#fff}
.pdd-actions a:hover{box-shadow:0 3px 12px #172b4414}
body.home .pdd-section-title{font-size:22px;text-align:left;margin:24px 0 12px;font-weight:750;scroll-margin-top:90px}
body.home .pdd-section-title.cd{margin-top:32px}
.pdd-legend{display:flex;flex-wrap:wrap;gap:6px 18px;font-size:13px;color:#52627a;margin:0 0 14px}
body.home .bilets-grid{display:grid;grid-template-columns:repeat(8,minmax(0,1fr));gap:9px;margin-bottom:16px}
body.home .bilets-grid .bilet-card{width:auto;padding:12px 7px;border:1px solid var(--pdd-line);border-radius:12px;box-shadow:none;min-height:83px}
body.home .bilets-grid .bilet-number{font-size:22px;line-height:1.25;margin:0 0 8px;padding:0;background:none;color:#172b44}
body.home .bilets-grid .stats{gap:4px;margin:0;padding:0;background:none}
body.home .bilets-grid .stat-value{font-size:13px;line-height:1.25}
body.home .bilets-grid .stat-label{font-size:12px;line-height:1.2;color:#52627a}
body.home .stat-green .stat-value{color:#166534}
body.home .stat-red .stat-value{color:#b42318}
body.home .stat-gray .stat-value{color:#52627a}
body.home .bilets-grid .bilet-card.completed{background:#166534;border-color:#166534}
body.home .bilets-grid .bilet-card.completed .bilet-number{color:#fff}
body.home .progress-stats{font-size:14px;color:#43536b}
body.home .progress-bar-container{height:10px;background:#e6ebf3;box-shadow:none}
body.home .reset-btn{min-height:44px;font-size:13px;box-shadow:none}
body .test-container{border:1px solid var(--pdd-line);box-shadow:0 8px 28px #172b4410;border-radius:16px}
body .test-container .test-header{background:#172b44;padding:16px 20px}
body .test-container .question-text{font-size:19px;line-height:1.5;font-weight:600;margin-bottom:18px;color:#172b44}
body .test-container .answer-item{font:inherit;font-size:16px;line-height:1.5;text-align:left;width:100%;min-height:54px;border:1px solid #ccd6e4;border-radius:10px}
body .test-container .answer-item:disabled{opacity:1;cursor:default}
body .test-container .answer-item.correct{background:#edf9ef;border-color:#27823f;color:#14532d}
body .test-container .answer-item.wrong{background:#fff1f0;border-color:#c43629;color:#8c2018}
body .test-container .question-badge{width:40px;height:40px;flex-shrink:0;font-size:14px}
body .test-container .question-badge.active{background:#2455c7;border-color:#2455c7}
body .test-container .question-badge.correct{background:#166534}
body .test-container .question-badge.wrong{background:#b42318}
body .test-container .btn{min-height:44px;font-size:15px}
body .test-container .btn-primary{background:#2455c7}
body .test-container .btn-danger{background:#b42318}
body .test-container .hint{font-size:16px;line-height:1.65}
body .pdd-training-note{font-size:13px;color:#52627a;margin:8px 0 16px}
body .entry-title{line-height:1.25;margin-bottom:12px}
@media(max-width:600px){
 body{padding:0}
 body .header-inner{padding:10px 14px;min-height:64px}
 body .container{padding:14px;gap:24px}
 body .logo-text{font-size:16px}
 .pdd-hero{padding:22px 18px;margin-top:0;border-radius:16px}
 .pdd-actions{display:grid;grid-template-columns:1fr 1fr}
 .pdd-actions a{text-align:center;padding:11px 7px;font-size:13px}
 body.home .bilets-grid{grid-template-columns:repeat(5,minmax(0,1fr));gap:7px}
 body.home .bilets-grid .bilet-card{padding:10px 3px;min-height:78px}
 body.home .bilets-grid .bilet-number{font-size:21px}
 body.home .bilets-grid .stat-value{font-size:12px}
 body .test-container .question-text{font-size:18px}
 body .test-container .answer-item{font-size:16px;padding:12px;align-items:flex-start}
 body .test-container .question-content{padding:14px}
 body .test-container .progress-badges{gap:6px;padding:12px}
 body .test-container .question-badge{width:38px;height:38px}
 body .test-container .question-image img{max-height:260px}
 body .test-container .controls{gap:8px}
 body .test-container .controls .btn{flex:1}
}
@media(max-width:350px){body.home .bilets-grid{grid-template-columns:repeat(4,minmax(0,1fr))}}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{animation:none!important;transition:none!important;scroll-behavior:auto!important}}