/* Suprek 01_home: split hero, amber #ffb201 / #efb007, square cards and dark footer.
   Educational adaptation for Targonca Szaki. No bundled fonts or third-party JS. */
:root{--amber:#ffb201;--accent:#efb007;--ink:#202326;--muted:#62676d;--paper:#fff;--wash:#f5f5f1;--line:#e1e3df;--green:#285e47;--gold-ink:#775000;--sans:Arial,Helvetica,sans-serif;--display:'Arial Narrow',Arial,Helvetica,sans-serif;--shadow:0 12px 36px rgba(25,29,30,.07)}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;font:16px/1.65 var(--sans);color:var(--ink);background:var(--paper)}button,input,select,textarea{font:inherit}button,a,input,select,summary{touch-action:manipulation}a{color:inherit;text-decoration:none}button{cursor:pointer}button:disabled{cursor:default;opacity:.5}img{max-width:100%;height:auto;display:block}svg.icon{width:20px;height:20px;flex:none;fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round;vertical-align:middle}h1,h2,h3,h4,p{margin-top:0}h1,h2,h3{font-family:var(--display);line-height:1.16;letter-spacing:-.035em}h1{font-size:clamp(32px,3.4vw,46px);font-weight:800;margin-bottom:20px}h2{font-size:34px;margin-bottom:16px}h3{font-size:22px;margin-bottom:14px}p{margin-bottom:18px}small,.small{font-size:13px}ul{padding-left:20px}button{border:0}a:focus-visible,button:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible,summary:focus-visible{outline:3px solid #2868b4;outline-offset:4px}h1:focus{outline:none}button:focus:not(:focus-visible){outline:0}[hidden]{display:none!important}.wrap{width:min(1180px,calc(100% - 64px));margin-inline:auto}.muted{color:var(--muted)}.kicker{font-size:11px;line-height:1.5;font-weight:700;letter-spacing:.14em;text-transform:uppercase;color:var(--muted);display:block;margin-bottom:15px}.kicker:before{content:'[';color:var(--gold-ink);margin-right:7px}.kicker:after{content:']';color:var(--gold-ink);margin-left:7px}.section{padding:72px 0}.section.wash{background:var(--wash)}.section-head{display:flex;gap:28px;align-items:flex-end;justify-content:space-between;margin-bottom:30px}.section-head h2,.section-head p{margin-bottom:0}.section-head .kicker{margin-bottom:10px}.skip-link{position:absolute;z-index:1000;top:-80px;left:20px;padding:10px 20px;background:#fff;color:#222}.skip-link:focus{top:12px}.preview-bar{background:#24282c;color:#dfe3e4;font-size:11px;letter-spacing:.02em}.preview-inner{min-height:32px;display:flex;align-items:center;justify-content:space-between;gap:16px}.preview-inner a{color:#ffd266;white-space:nowrap}.preview-label{color:#fff;font-weight:700;margin-right:16px}.preview-label:before{content:'';width:5px;height:5px;border-radius:50%;background:var(--amber);display:inline-block;margin:0 8px 2px 0}
.page-header{border-bottom:1px solid var(--line);background:#fff}.header-inner{min-height:92px;display:flex;align-items:center;gap:35px;justify-content:space-between}.logo{display:flex;gap:12px;align-items:center;flex-shrink:0;line-height:1.1}.logo-mark{background:var(--amber);width:47px;height:47px;display:grid;place-items:center;font-size:21px;font-weight:800;letter-spacing:-.08em;border-radius:2px;position:relative}.logo-mark:after{content:'';width:9px;height:9px;background:#fff;clip-path:polygon(100% 0,100% 100%,0 100%);position:absolute;right:0;bottom:0}.logo-word{display:block;font-size:19px;font-weight:800;letter-spacing:-.055em}.logo-sub{font-size:9px;letter-spacing:.18em;font-weight:700;color:var(--muted);display:block;margin-top:7px}.main-nav{display:flex;align-items:center;gap:29px;margin-left:auto}.main-nav a{font-size:13px;line-height:1.3;font-weight:700;padding:12px 0;border-bottom:2px solid transparent}.main-nav a.active{border-bottom-color:var(--amber)}.main-nav a:hover{color:var(--gold-ink)}.header-cta{display:inline-flex;align-items:center;gap:13px;font-weight:700;font-size:12px;background:var(--amber);padding:13px 18px;border-radius:2px;white-space:nowrap}.mobile-toggle{display:none;width:44px;height:44px;background:var(--wash);border-radius:2px}.button{display:inline-flex;align-items:center;justify-content:center;gap:12px;min-height:48px;padding:13px 21px;border:1px solid transparent;font-size:13px;line-height:1.5;font-weight:700;letter-spacing:.01em;border-radius:2px;background:var(--ink);color:#fff;transition:background .15s,transform .15s}.button:hover{background:#3b4145}.button.amber{background:var(--amber);color:var(--ink)}.button.amber:hover{background:#edac08}.button.outline{background:transparent;border-color:#b5b6af;color:var(--ink)}.button.outline:hover{background:#eeeee8}.button.light{color:var(--ink);background:#fff;border-color:var(--line)}.button.light:hover{background:var(--wash)}.button.small{min-height:40px;padding:9px 15px;font-size:12px}.button.danger{background:#98352b}.button.full{width:100%}.button-row{display:flex;align-items:center;flex-wrap:wrap;gap:12px}.text-link{font-size:13px;font-weight:700;display:inline-flex;gap:9px;align-items:center}.text-link:hover{text-decoration:underline;text-underline-offset:5px}.badge{display:inline-flex;align-items:center;gap:5px;padding:4px 8px;border:1px solid var(--line);font-size:10px;font-weight:700;line-height:1.4;letter-spacing:.03em;text-transform:uppercase;background:#fff}.badge.amber{background:#fff5d5;color:var(--gold-ink);border-color:#ebd496}.badge.green{background:#edf5ef;color:var(--green);border-color:#cbdfcf}.badge.dark{background:#32393b;border-color:#4b5354;color:#ddd}
/* Suprek split-hero structural pattern, adapted to a learning interface. */
.s-hero__inner{display:flex;align-items:stretch;justify-content:space-between;background-color:#ffb201}.s-hero__inner>*{width:50%}.s-hero__desc{display:flex;flex-direction:column;align-items:flex-start;justify-content:center;padding:55px max(32px,calc((100vw - 1180px)/2));padding-right:58px;position:relative;overflow:hidden}.s-hero__desc:after{content:'';position:absolute;left:-140px;bottom:-165px;width:550px;height:220px;border:1px solid rgba(45,35,0,.09);transform:rotate(-27deg);pointer-events:none}.s-hero__title{font-size:clamp(38px,4.25vw,59px);font-weight:800;line-height:1.06;letter-spacing:-.045em;margin-bottom:23px;max-width:550px}.s-hero .kicker{color:#5c4207;margin-bottom:22px;letter-spacing:.12em}.s-hero__subtitle{font-size:16px;line-height:1.7;max-width:450px;color:#493a1a;margin-bottom:28px}.s-hero__desc .button.outline{border-color:#6a520b}.s-hero__desc .button.outline:hover{background:#ffc03c}.hero-bottom{display:flex;gap:23px;margin-top:26px;font-size:11px;color:#4c3b0d;align-items:center;flex-wrap:wrap}.hero-bottom span{display:flex;align-items:center;gap:7px}.hero-bottom svg.icon{width:15px;height:15px}.s-hero__visual{position:relative;background:#202629;min-height:507px;display:flex;flex-direction:column;padding:33px 40px;justify-content:space-between;overflow:hidden;color:#fff}.drawing-grid{position:absolute;inset:0;background-image:linear-gradient(rgba(204,210,211,.05) 1px,transparent 1px),linear-gradient(90deg,rgba(204,210,211,.05) 1px,transparent 1px);background-size:43px 43px;mask-image:linear-gradient(to bottom,transparent,#000 25%,#000 70%,transparent);pointer-events:none}.visual-top{display:flex;justify-content:space-between;align-items:center;position:relative;font-size:10px;letter-spacing:.12em;color:#b3c0c5}.visual-top .dot{width:6px;height:6px;background:var(--amber);border-radius:50%;margin-right:8px;display:inline-block}.machine-stage{height:267px;display:flex;align-items:center;justify-content:center;position:relative;margin-block:8px}.machine-ring{position:absolute;width:286px;height:286px;border:1px solid rgba(255,178,1,.2);border-radius:50%;left:50%;top:50%;transform:translate(-50%,-50%)}.machine-ring:before{content:'';position:absolute;inset:23px;border:1px dashed rgba(237,220,179,.11);border-radius:50%}.machine-icon{width:261px;filter:invert(78%) sepia(81%) saturate(2840%) hue-rotate(358deg) brightness(103%) contrast(105%);position:relative;z-index:1}.machine-caption{position:absolute;bottom:8px;left:0;right:0;text-align:center;font-size:9px;letter-spacing:.22em;color:#9faeaf}.featured-topic{position:relative;padding:20px 22px;border:1px solid #586064;background:#2a3134;display:flex;align-items:center;justify-content:space-between;gap:15px;color:#fff}.featured-topic .kicker{color:#ffcd5d;font-size:9px;margin-bottom:8px;letter-spacing:.14em}.featured-topic .kicker:before,.featured-topic .kicker:after{color:#ffcd5d}.featured-topic strong{font-size:19px;font-family:var(--display);line-height:1.3;display:block;max-width:320px;letter-spacing:-.01em}.featured-topic .round-arrow{width:41px;height:41px;border:1px solid #697072;border-radius:50%;display:grid;place-items:center;flex:none;color:var(--amber)}.featured-topic:hover{background:#333c40}.stats-strip{border-bottom:1px solid var(--line)}.stats-inner{display:grid;grid-template-columns:1fr 1fr 1fr 1.3fr;align-items:center;min-height:98px;gap:30px}.stat{display:flex;gap:12px;align-items:center}.stat strong{font-size:31px;letter-spacing:-.05em;line-height:1}.stat span{font-size:11px;line-height:1.5;color:var(--muted);max-width:100px}.stats-note{font-size:11px;color:var(--muted);border-left:1px solid var(--line);padding-left:30px;line-height:1.6}.hero-resume{margin:26px auto 0;padding:18px 22px;background:#fff8e6;border:1px solid #ecddba;display:flex;justify-content:space-between;align-items:center;gap:20px}.hero-resume p{margin:0;font-size:13px}.hero-resume strong{font-size:15px;display:block;margin-bottom:3px}
.study-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:24px}.study-card{border:1px solid var(--line);border-top:3px solid var(--amber);padding:29px 27px 23px;background:#fff;display:flex;flex-direction:column;min-height:267px;position:relative;transition:box-shadow .18s,border-color .18s}.study-card:hover{box-shadow:var(--shadow);border-color:#cab882}.study-card-top{display:flex;justify-content:space-between;align-items:center;margin-bottom:22px}.study-symbol{border:1px solid #ebebe5;background:#fafaf7;width:49px;height:49px;border-radius:50%;display:grid;place-items:center}.study-symbol svg.icon{width:23px;height:23px}.study-code{font-size:10px;letter-spacing:.07em;font-weight:700;color:var(--muted)}.study-card h3{max-width:245px;font-size:22px;letter-spacing:-.025em}.study-card p{font-size:13px;color:var(--muted);line-height:1.65;flex:1}.study-card .text-link{padding-top:17px;border-top:1px solid var(--line);display:flex;justify-content:space-between}.practice-teaser{display:grid;grid-template-columns:1.1fr 1fr;gap:70px;align-items:center}.practice-teaser p{max-width:480px;color:var(--muted);font-size:14px}.teaser-steps{display:grid;gap:0}.teaser-step{display:flex;gap:19px;padding:19px 0;border-bottom:1px solid var(--line)}.teaser-step:last-child{border-bottom:0}.step-nr{font-size:12px;color:var(--gold-ink);font-weight:800;border:1px solid #ddd8ca;background:#fff;width:35px;height:35px;display:grid;place-items:center;flex:none}.teaser-step h3{font-size:17px;margin:1px 0 7px;letter-spacing:-.02em}.teaser-step p{margin:0;font-size:12px}.mini-disclosure{padding:22px 26px;background:#fafaf7;border:1px solid var(--line);font-size:12px;color:var(--muted);display:flex;align-items:flex-start;gap:13px;margin-top:34px}.mini-disclosure p{margin:0}.mini-disclosure strong{color:var(--ink)}
.page-title{padding:45px 0 30px;background:var(--wash);border-bottom:1px solid var(--line)}.page-title h1{margin-bottom:13px}.page-title p{font-size:14px;color:var(--muted);margin:0;max-width:700px}.breadcrumb{display:flex;gap:10px;align-items:center;font-size:11px;color:var(--muted);margin-bottom:23px;flex-wrap:wrap}.breadcrumb .icon{width:12px;height:12px}.breadcrumb a:hover{text-decoration:underline}.page-tools{padding:31px 0 25px}.search-row{display:flex;align-items:center;gap:15px;margin-bottom:18px}.search-box{display:flex;align-items:center;gap:12px;background:#fff;border:1px solid #bec3c3;min-height:50px;padding:0 17px;flex:1}.search-box input{border:0;outline:0!important;width:100%;min-width:0;background:transparent;font-size:14px;color:var(--ink);height:48px}.search-box:focus-within{outline:2px solid #2868b4;outline-offset:2px}.search-box svg{color:#7d8383}.select-box{min-height:50px;padding:0 14px;background:#fff;border:1px solid #bec3c3;border-radius:0;font-size:13px;color:var(--ink);max-width:100%}.filter-row{display:flex;gap:8px;align-items:center;flex-wrap:wrap}.filter-chip{border:1px solid var(--line);color:var(--muted);background:#fff;padding:9px 14px;border-radius:2px;font-size:12px;font-weight:600}.filter-chip .count{margin-left:5px;font-size:10px;opacity:.8}.filter-chip.active{background:var(--ink);border-color:var(--ink);color:#fff}.filter-chip:hover{border-color:#888}.check-inline{display:flex;align-items:center;gap:9px;font-size:12px;cursor:pointer}.check-inline input{width:16px;height:16px;accent-color:#775000}.filter-row .check-inline{margin-left:auto;padding:8px 0}.catalogue-meta{display:flex;justify-content:space-between;align-items:center;gap:20px;color:var(--muted);font-size:11px;margin-bottom:20px}.catalogue-meta p{margin:0}.catalogue{padding-bottom:64px}.topics-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.topic-card{border:1px solid var(--line);background:#fff;padding:21px;position:relative;min-height:220px;display:flex;flex-direction:column}.topic-card:hover{border-color:#b4b7ae;box-shadow:0 6px 20px rgba(35,35,35,.04)}.topic-card-top{display:flex;justify-content:space-between;align-items:center;margin-bottom:16px}.topic-code{font-size:11px;font-weight:800;letter-spacing:.06em;color:var(--gold-ink);background:#fff5d8;padding:4px 8px}.topic-code.b{background:#edf0ef;color:#414b48}.bookmark-btn{width:33px;height:33px;border:1px solid transparent;background:transparent;border-radius:2px;color:#7c8181;display:grid;place-items:center}.bookmark-btn:hover{background:var(--wash);border-color:var(--line)}.bookmark-btn[aria-pressed=true]{color:var(--gold-ink);background:#fff5d8}.bookmark-btn[aria-pressed=true] svg{fill:#efb007;stroke:#946500}.topic-card h3{font-size:18px;line-height:1.3;letter-spacing:-.02em;margin-bottom:11px}.topic-card h3 a:after{content:'';position:absolute;inset:65px 0 48px}.topic-card .topic-excerpt{font-size:12px;line-height:1.65;color:var(--muted);display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;margin:0 0 18px;flex:1}.topic-card-bottom{border-top:1px solid var(--line);padding-top:12px;display:flex;gap:9px;align-items:center;justify-content:space-between;font-size:10px;color:var(--muted)}.empty-state{text-align:center;background:var(--wash);border:1px dashed #c6c9c0;padding:48px 30px}.empty-state h2{font-size:23px;letter-spacing:-.02em}.empty-state p{font-size:14px;color:var(--muted);max-width:540px;margin-inline:auto}.empty-state .study-symbol{margin:0 auto 20px}.detail-layout{display:grid;grid-template-columns:minmax(0,1fr) 290px;gap:35px;padding:38px 0 60px}.detail-content{min-width:0}.question-block{border-left:3px solid var(--amber);padding:25px 28px;background:#fafaf7;margin-bottom:25px}.question-block p{font-size:19px;line-height:1.65;margin:0;font-weight:500;letter-spacing:-.018em}.question-block .kicker{font-size:10px;margin-bottom:12px}.side-card{border:1px solid var(--line);padding:23px;background:#fff;margin-bottom:19px}.side-card h2{font-size:17px;letter-spacing:-.01em;margin-bottom:17px}.source-definition{font-size:12px;margin:0}.source-definition dt{color:var(--muted);font-size:10px;text-transform:uppercase;letter-spacing:.06em;margin-top:14px}.source-definition dd{margin:3px 0 0;overflow-wrap:anywhere}.side-card .button{margin-top:18px}.note-area{display:block;width:100%;min-height:162px;border:1px solid #bdc2c1;background:#fff;padding:18px;font-size:14px;line-height:1.75;resize:vertical;border-radius:2px;color:var(--ink)}.field-label{font-size:13px;font-weight:700;display:block;margin:0 0 9px}.save-line{display:flex;justify-content:space-between;gap:15px;font-size:10px;color:var(--muted);margin:9px 0 25px}.save-indicator{color:var(--green)}.prompt-panel{border:1px solid var(--line);margin:25px 0;padding:0;background:#fff}.prompt-panel summary{padding:21px 23px;cursor:pointer;font-weight:700;font-size:14px;list-style:none;display:flex;align-items:center;justify-content:space-between;gap:15px}.prompt-panel summary::-webkit-details-marker{display:none}.prompt-panel summary:after{content:'+';font-size:22px;font-weight:400}.prompt-panel[open] summary:after{content:'−'}.prompt-body{padding:0 23px 22px}.prompt-body>p{color:var(--muted);font-size:12px;margin-bottom:17px}.prompt-list{margin:0;padding:0;list-style:none;display:grid;gap:10px}.prompt-list li{font-size:13px;line-height:1.6;display:flex;gap:12px;align-items:flex-start}.prompt-list li:before{content:'';border:1px solid #b8bcae;width:7px;height:7px;flex:none;display:block;margin-top:7px}.prompt-checks{display:grid;gap:10px;margin-block:17px}.prompt-checks label{display:flex;gap:12px;align-items:flex-start;cursor:pointer;font-size:14px;line-height:1.65}.prompt-checks input{width:18px;height:18px;flex:none;accent-color:#9b7100;margin-top:3px}.source-note{font-size:11px;color:var(--muted);line-height:1.7;border-top:1px solid var(--line);margin-top:20px;padding-top:13px}.warning-note{border-left:3px solid #ac5c2a;background:#fff7ee;padding:18px 20px;margin-bottom:22px;font-size:12px;color:#744521;line-height:1.75}.warning-note strong{display:block;margin-bottom:5px}.rating-box{background:var(--wash);padding:22px 25px}.rating-box h2{font-size:19px;margin-bottom:9px;letter-spacing:-.01em}.rating-box p{font-size:12px;color:var(--muted);margin-bottom:18px}.rating-buttons{display:flex;gap:10px;flex-wrap:wrap}.rating-buttons .button[aria-pressed=true]{outline:2px solid #3d6a53;outline-offset:3px}.topic-pager{display:flex;justify-content:space-between;align-items:center;gap:20px;border-top:1px solid var(--line);margin-top:30px;padding-top:25px}.topic-figure{margin:0}.topic-figure img{width:100%;max-width:570px;margin:0 auto}.topic-figure figcaption{font-size:10px;line-height:1.7;color:var(--muted);margin-top:16px}.side-tags{display:flex;gap:7px;flex-wrap:wrap}.side-card .muted{font-size:12px}.detail-actions{display:flex;gap:9px;flex-wrap:wrap}
.practice-layout{display:grid;grid-template-columns:1.2fr .8fr;gap:35px;padding:45px 0 65px;align-items:start}.setup-card{padding:30px;border:1px solid var(--line);background:#fff}.setup-card h2{font-size:24px;margin-bottom:23px}.setup-options{display:grid;gap:12px;margin:0 0 25px;border:0;padding:0}.setup-options legend{font-size:12px;font-weight:700;margin-bottom:12px}.radio-card{display:flex;align-items:center;gap:14px;padding:16px;background:#fafaf7;border:1px solid var(--line);cursor:pointer;font-size:13px}.radio-card:has(input:checked){background:#fff6dc;border-color:#c0a668}.radio-card input{accent-color:#7b5800;width:17px;height:17px;flex:none}.radio-card strong{display:block;font-size:13px}.radio-card .muted{display:block;font-size:11px;margin-top:2px}.setup-grid{display:grid;grid-template-columns:1fr 1fr;gap:16px;margin-bottom:25px}.setup-grid .select-box{width:100%}.practice-info{background:var(--wash);padding:30px}.practice-info h2{font-size:24px}.practice-info p{font-size:13px;color:var(--muted)}.practice-info .teaser-step{padding:16px 0}.session-wrap{max-width:920px;padding:34px 0 65px}.session-top{display:flex;justify-content:space-between;gap:16px;align-items:center;font-size:12px;margin-bottom:16px}.session-track{display:flex;align-items:center;gap:5px;margin-bottom:30px}.session-track span{height:4px;background:#e5e7e2;flex:1}.session-track span.done{background:#46584f}.session-track span.current{background:var(--amber)}.session-card{border:1px solid var(--line);padding:30px}.session-head{display:flex;justify-content:space-between;gap:18px;align-items:center;margin-bottom:22px}.session-card h1{font-size:30px;margin-bottom:23px;letter-spacing:-.025em}.stopwatch{display:flex;align-items:center;gap:8px;color:var(--muted);font-size:12px;flex-wrap:wrap}.stopwatch .timer{font-variant-numeric:tabular-nums;font-weight:700;min-width:40px}.stopwatch button{background:var(--wash);width:31px;height:31px;border:1px solid var(--line);display:grid;place-items:center;border-radius:50%}.session-card .question-block{padding:23px 25px}.session-card .question-block p{font-size:18px}.session-footer{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:15px;margin-top:23px}.session-reveal{padding-top:25px;border-top:1px solid var(--line);margin-top:26px}.session-reveal h2{font-size:24px;margin-bottom:10px}.session-reveal>p{font-size:12px;color:var(--muted)}.summary-heading{text-align:center;margin:15px 0 35px}.summary-heading .study-symbol{margin:0 auto 20px;background:#fff4cd;border-color:#dcc993}.summary-heading p{font-size:14px;color:var(--muted)}.summary-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px;margin-bottom:25px}.summary-stat{border:1px solid var(--line);padding:23px;background:#fff;text-align:center}.summary-stat strong{font-size:33px;display:block;line-height:1.2;letter-spacing:-.03em}.summary-stat span{font-size:11px;color:var(--muted)}.summary-table{border:1px solid var(--line);margin-bottom:26px}.summary-row{padding:17px 20px;display:flex;gap:14px;align-items:center;border-bottom:1px solid var(--line);font-size:12px}.summary-row:last-child{border:0}.summary-row>a{flex:1;font-weight:700}.summary-row>a:hover{text-decoration:underline}.summary-row>span:last-child{font-size:11px;white-space:nowrap}.summary-note{font-size:12px;color:var(--muted)}
.progress-layout{padding:37px 0 65px}.progress-top{display:grid;grid-template-columns:1.15fr 2fr;gap:28px;margin-bottom:36px}.progress-overview{display:flex;align-items:center;gap:23px;background:var(--ink);color:#fff;padding:24px}.progress-ring{width:103px;height:103px;border-radius:50%;background:conic-gradient(var(--amber) calc(var(--progress)*1%),#41484a 0);position:relative;display:grid;place-items:center;flex:none}.progress-ring:before{content:'';position:absolute;inset:7px;background:var(--ink);border-radius:50%}.progress-ring span{z-index:1;font-size:22px;font-weight:700;letter-spacing:-.04em}.progress-overview h2{font-size:19px;margin-bottom:8px;letter-spacing:-.01em}.progress-overview p{font-size:11px;color:#c1c7c8;margin:0}.progress-mini{display:grid;grid-template-columns:repeat(3,1fr);gap:17px}.progress-mini .summary-stat{display:flex;flex-direction:column;justify-content:center;margin:0}.progress-tools{display:flex;align-items:center;flex-wrap:wrap;gap:10px;margin:20px 0 26px}.data-actions{display:flex;align-items:center;gap:15px;flex-wrap:wrap;border-top:1px solid var(--line);padding-top:25px;margin-top:30px}.data-actions .muted{font-size:11px;flex:1;min-width:200px}.about-layout{padding:40px 0 65px;display:grid;grid-template-columns:minmax(0,1fr) 300px;gap:45px}.about-copy h2{font-size:25px;margin-top:31px}.about-copy h2:first-child{margin-top:0}.about-copy p,.about-copy li{font-size:14px;color:var(--muted);line-height:1.85}.about-copy strong{color:var(--ink)}.about-sources{border:1px solid var(--line);margin:20px 0}.about-source{padding:20px 22px;border-bottom:1px solid var(--line);font-size:13px}.about-source:last-child{border:0}.about-source strong{display:block;margin-bottom:4px}.about-source span{color:var(--muted);font-size:11px}.signature{margin-top:28px;padding-top:20px;border-top:1px solid var(--line);font-size:15px;font-weight:700}.signature small{display:block;color:var(--muted);font-weight:400;margin-top:3px}.muted-link{color:var(--muted);text-decoration:underline;text-underline-offset:3px}.page-footer{background:#24282c;color:#fff}.footer-main{padding:42px 0;display:grid;grid-template-columns:1.3fr 1fr 1fr;gap:45px}.page-footer .logo-mark:after{background:#24282c}.page-footer .logo-sub{color:#bac0c1}.page-footer .logo{margin-bottom:18px}.footer-copy{font-size:11px;max-width:320px;color:#bbc2c4;line-height:1.8}.footer-title{font-size:12px;letter-spacing:.02em;font-weight:700;margin:1px 0 16px}.footer-links{display:grid;gap:9px;font-size:12px;color:#bbc2c4}.footer-links a:hover{color:#fff;text-decoration:underline}.footer-bottom{border-top:1px solid #42484a;display:flex;justify-content:space-between;gap:22px;align-items:center;min-height:58px;color:#aab2b4;font-size:10px}.footer-bottom a{text-decoration:underline;text-underline-offset:3px}.storage-banner{padding:12px 25px;background:#fff1d4;color:#754300;font-size:12px;border-bottom:1px solid #e1d0a2;text-align:center}.toast{position:fixed;bottom:25px;left:50%;transform:translateX(-50%);background:#263832;color:#fff;padding:13px 22px;border:1px solid #6c8278;box-shadow:var(--shadow);font-size:13px;z-index:20;max-width:calc(100% - 35px);text-align:center;border-radius:3px}.confirm-dialog{border:0;max-width:470px;width:calc(100% - 36px);padding:30px;box-shadow:0 15px 80px #0004;border-radius:3px}.confirm-dialog::backdrop{background:#1b222aad}.confirm-dialog h2{font-size:25px}.confirm-dialog p{font-size:14px;color:var(--muted)}.confirm-dialog .button-row{justify-content:flex-end;margin-top:27px}.visually-hidden{position:absolute!important;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
@media(min-width:1550px){.s-hero__desc{padding-right:65px}.s-hero__visual{padding-right:max(40px,calc((100vw - 1180px)/2));padding-left:50px}.machine-stage{height:286px}}
@media(max-width:1100px){.header-inner{gap:20px}.main-nav{gap:19px}.main-nav a{font-size:12px}.logo-word{font-size:17px}.logo-sub{font-size:8px}.header-cta{font-size:11px;padding:12px}.s-hero__desc{padding-left:32px;padding-right:32px}.s-hero__visual{padding:30px}.s-hero__title{font-size:44px}.hero-bottom{gap:13px}.topics-grid{grid-template-columns:repeat(2,1fr)}.study-card{padding:25px 21px}.detail-layout{grid-template-columns:minmax(0,1fr) 265px;gap:25px}.practice-teaser{gap:40px}}
@media(max-width:850px){.wrap{width:calc(100% - 40px)}.preview-label{margin-right:8px}.preview-context{display:none}.header-inner{min-height:76px;flex-wrap:wrap;gap:0}.header-cta{margin-left:auto;margin-right:14px;min-height:42px}.mobile-toggle{display:grid;place-items:center}.main-nav{display:none;width:100%;order:3;margin:0;gap:0;flex-direction:column;align-items:stretch;border-top:1px solid var(--line);padding:9px 0 15px}.main-nav.open{display:flex}.main-nav a{padding:13px 6px;font-size:13px;border:0}.main-nav a.active{background:#fff5d8}.s-hero__desc{padding:38px 26px}.s-hero__title{font-size:38px}.s-hero__subtitle{font-size:14px}.s-hero__visual{padding:24px 23px;min-height:470px}.machine-icon{width:218px}.machine-ring{width:250px;height:250px}.featured-topic{padding:17px}.featured-topic strong{font-size:16px}.hero-bottom{font-size:10px;margin-top:23px}.s-hero .button{padding:12px 16px;font-size:12px}.visual-top{font-size:8px}.stats-inner{gap:16px;grid-template-columns:1fr 1fr 1fr;min-height:90px}.stats-note{grid-column:1/-1;padding:0 0 17px;border:0;margin-top:-7px}.stat strong{font-size:28px}.stat span{max-width:100px}.section{padding:50px 0}.section-head h2{font-size:29px}.study-grid{gap:15px}.study-card h3{font-size:19px}.study-card p{font-size:12px}.study-card{padding:24px 18px}.study-card .text-link{font-size:12px}.practice-layout{grid-template-columns:1fr;gap:25px}.practice-info .teaser-steps{grid-template-columns:repeat(3,1fr);gap:20px}.practice-info .teaser-step{flex-direction:column;border:0;padding:0}.practice-info>p{margin-bottom:25px}.about-layout{grid-template-columns:1fr}.about-layout aside{display:grid;grid-template-columns:1fr 1fr;gap:20px}.detail-layout{grid-template-columns:minmax(0,1fr) 230px;gap:22px}.side-card{padding:20px}.progress-top{grid-template-columns:1fr}.progress-overview{justify-content:center}.footer-main{gap:25px}.footer-main .logo-word{font-size:16px}.footer-main .logo-sub{font-size:8px}.footer-main .logo-mark{width:40px;height:40px;font-size:18px}}
@media(max-width:640px){body{font-size:15px}.wrap{width:calc(100% - 36px)}.preview-inner{min-height:31px;font-size:10px;gap:8px}.preview-label{font-size:10px}.header-inner{min-height:72px}.logo-mark{width:40px;height:40px;font-size:19px}.logo{gap:9px}.logo-word{font-size:16px}.logo-sub{font-size:8px;letter-spacing:.14em}.header-cta{display:none}.mobile-toggle{margin-left:auto;background:#faf9f4}.s-hero__inner{display:block}.s-hero__inner>*{width:100%}.s-hero__desc{padding:36px 24px 34px}.s-hero__title{font-size:45px;line-height:1.05;margin-bottom:20px;max-width:400px}.s-hero__title br:last-child{display:none}.s-hero__subtitle{font-size:14px;max-width:400px;margin-bottom:24px}.s-hero .kicker{font-size:9px;margin-bottom:18px}.s-hero .button{font-size:12px;padding:13px 16px}.hero-bottom{margin-top:23px;gap:20px;font-size:10px}.s-hero__visual{min-height:300px;padding:22px 24px;gap:16px}.machine-stage{height:125px;margin-block:0}.machine-ring{width:163px;height:163px;opacity:.65}.machine-ring:before{inset:15px}.machine-icon{width:162px}.machine-caption{font-size:8px;bottom:-11px;letter-spacing:.14em;right:auto;left:0;width:74px;text-align:left;line-height:1.8}.visual-top{font-size:9px}.featured-topic{padding:15px 18px;gap:12px}.featured-topic .kicker{font-size:8px;margin-bottom:6px}.featured-topic strong{font-size:16px;max-width:260px}.featured-topic .round-arrow{width:35px;height:35px}.stats-inner{gap:17px 13px;padding:22px 0 0;min-height:0}.stat{gap:8px}.stat strong{font-size:26px}.stat span{font-size:9px;max-width:74px;line-height:1.5}.stats-note{font-size:10px;margin:0;padding-bottom:19px}.section{padding:43px 0}.section-head{display:block;margin-bottom:25px}.section-head h2{font-size:28px}.section-head>.text-link{margin-top:18px}.kicker{font-size:9px}.study-grid{grid-template-columns:1fr;gap:15px}.study-card{min-height:0;padding:21px 23px}.study-card-top{margin-bottom:17px}.study-card h3{font-size:23px;max-width:290px;margin-bottom:12px}.study-card p{font-size:13px;margin-bottom:20px}.study-card .text-link{font-size:12px;padding-top:15px}.study-symbol{width:44px;height:44px}.practice-teaser{grid-template-columns:1fr;gap:25px}.practice-teaser h2{font-size:29px}.practice-teaser p{font-size:13px}.mini-disclosure{font-size:11px;padding:18px;margin-top:25px}.hero-resume{padding:16px;align-items:flex-start;flex-direction:column;gap:12px}.hero-resume strong{font-size:14px}.hero-resume p{font-size:11px}.page-title{padding:30px 0 23px}.page-title h1{font-size:30px;line-height:1.17;margin-bottom:13px}.page-title p{font-size:12px}.breadcrumb{font-size:10px;margin-bottom:19px;gap:8px}.search-row{flex-wrap:wrap;gap:10px}.search-box{flex-basis:100%;min-height:47px;padding:0 13px}.search-box input{font-size:13px;height:45px}.search-row>.select-box{width:100%;min-height:43px;font-size:12px}.filter-row{gap:7px}.filter-chip{font-size:10px;padding:9px 10px}.filter-row .check-inline{margin:6px 0 0;width:100%;font-size:11px}.page-tools{padding:24px 0 18px}.catalogue-meta{font-size:10px;align-items:flex-start;gap:8px}.catalogue-meta p:last-child{max-width:175px;text-align:right}.topics-grid{grid-template-columns:1fr;gap:13px}.topic-card{padding:20px;min-height:0}.topic-card-top{margin-bottom:13px}.topic-card h3{font-size:19px}.topic-card .topic-excerpt{font-size:12px;-webkit-line-clamp:3}.topic-card h3 a:after{inset:60px 0 47px}.topic-card-bottom{font-size:10px}.catalogue{padding-bottom:40px}.detail-layout{grid-template-columns:1fr;padding:25px 0 40px;gap:24px}.detail-layout aside{display:flex;flex-direction:column;gap:0}.question-block{padding:21px 20px}.question-block p{font-size:17px;line-height:1.75}.field-label{font-size:12px}.note-area{font-size:13px;min-height:170px;padding:16px}.save-line{font-size:10px;gap:10px}.detail-actions .button{font-size:12px}.prompt-panel summary{padding:19px 18px;font-size:13px}.prompt-body{padding:0 18px 20px}.prompt-list li{font-size:12px}.rating-box{padding:20px}.rating-box h2{font-size:19px}.rating-buttons .button{font-size:11px;padding:12px 13px;min-height:43px}.topic-pager .text-link{font-size:12px}.topic-pager{gap:12px}.side-card{padding:21px}.practice-layout{padding:25px 0 40px}.setup-card{padding:23px 20px}.setup-card h2{font-size:23px}.radio-card{padding:14px 13px}.radio-card strong{font-size:12px}.setup-grid{gap:12px}.setup-grid .field-label{font-size:11px}.setup-grid .select-box{font-size:12px;padding:0 10px}.practice-info{padding:25px}.practice-info .teaser-steps{grid-template-columns:1fr;gap:20px}.practice-info .teaser-step{flex-direction:row;gap:17px}.practice-info h2{font-size:23px}.session-wrap{padding:25px 0 40px}.session-top{font-size:11px;gap:10px}.session-top .text-link{font-size:11px}.session-track{margin-bottom:23px}.session-card{padding:21px 17px}.session-card h1{font-size:25px;line-height:1.25;letter-spacing:-.03em}.session-head{gap:8px;margin-bottom:19px}.stopwatch{font-size:10px;gap:6px}.stopwatch svg.icon{width:15px;height:15px}.stopwatch .timer{min-width:35px}.stopwatch button{width:28px;height:28px}.session-card .question-block{padding:19px 16px}.session-card .question-block p{font-size:16px}.session-footer{align-items:stretch}.session-footer>.button{width:100%;font-size:12px}.session-footer>.text-link{justify-content:center;width:100%;padding:5px}.session-reveal h2{font-size:23px}.prompt-checks label{font-size:12px;gap:10px}.session-reveal .rating-buttons{flex-direction:column}.session-reveal .rating-buttons .button{width:100%}.summary-grid{gap:9px}.summary-stat{padding:17px 8px}.summary-stat strong{font-size:27px}.summary-stat span{font-size:10px}.summary-heading h1{font-size:28px}.summary-heading p{font-size:12px}.summary-row{font-size:11px;padding:15px 12px;gap:10px;flex-wrap:wrap}.summary-row>a{min-width:155px}.summary-row>span:last-child{font-size:10px}.progress-layout{padding:25px 0 40px}.progress-top{gap:17px;margin-bottom:25px}.progress-overview{padding:21px;justify-content:flex-start;gap:20px}.progress-ring{width:87px;height:87px}.progress-ring span{font-size:19px}.progress-overview h2{font-size:19px}.progress-mini{gap:9px}.progress-tools{gap:7px}.progress-tools .button{font-size:11px;padding:10px 12px}.data-actions{gap:9px}.data-actions .muted{flex-basis:100%;margin-bottom:5px}.data-actions .button{font-size:11px;padding:10px 13px}.about-layout{padding:28px 0 40px;gap:20px}.about-copy h2{font-size:23px}.about-copy p,.about-copy li{font-size:13px}.about-layout aside{display:block}.footer-main{grid-template-columns:1fr 1fr;gap:28px;padding:35px 0}.footer-main>div:first-child{grid-column:1/-1}.footer-copy{max-width:360px}.footer-bottom{flex-direction:column;align-items:flex-start;gap:7px;padding:17px 0;font-size:9px;line-height:1.65}.confirm-dialog{padding:24px}.confirm-dialog .button{font-size:12px;padding:11px 15px}.confirm-dialog h2{font-size:24px}.toast{bottom:16px;font-size:12px;width:max-content}.empty-state{padding:35px 22px}}
@media(max-width:359px){.wrap{width:calc(100% - 28px)}.s-hero__desc{padding-inline:19px}.s-hero__title{font-size:40px}.s-hero .button{padding:12px 14px;font-size:11px}.hero-bottom{gap:13px;font-size:9px}.s-hero__visual{padding-inline:19px}.preview-label{font-size:9px}.preview-inner a{font-size:9px}.logo-word{font-size:15px}.logo-sub{font-size:7px}.stat strong{font-size:23px}.stat span{font-size:8px}.filter-chip{padding:9px 8px}.setup-grid{grid-template-columns:1fr}.progress-overview{gap:15px}.progress-overview p{font-size:10px}.session-card{padding:18px 14px}.stopwatch .timer-label{display:none}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{transition:none!important;animation:none!important}}
@media print{.page-header,.preview-bar,.page-footer,.button,.button-row,.detail-actions,.note-area,.save-line,.rating-box,.topic-pager,.toast,.storage-banner{display:none!important}.wrap{width:100%}.detail-layout{display:block}.detail-layout aside{margin-top:20px}.page-title{background:none}.question-block{background:none}.prompt-panel{break-inside:avoid}.section{padding:15px 0}}
/* v0.3: short, mixed-format exercises */
.quiz-wrap{max-width:970px;padding-top:38px;padding-bottom:50px}.quiz-progress{height:5px;background:#e6e8ea;margin:17px 0 24px;overflow:hidden}.quiz-progress>span{height:100%;display:block;background:#ffb201;transition:width .2s}.quiz-card{background:#fff;border:1px solid #dce0e4;padding:38px 42px;box-shadow:0 12px 30px #14212d08}.quiz-meta{display:flex;align-items:center;gap:14px;flex-wrap:wrap;font-size:13px;color:#5a6470}.quiz-card h1{font-size:clamp(25px,3vw,34px);line-height:1.3;margin:25px 0 12px;max-width:800px;overflow-wrap:anywhere}.quiz-instruction{color:#616c78;font-size:15px;margin-bottom:25px;max-width:710px}.quiz-choices{border:0;margin:0;padding:0;display:grid;gap:11px;min-width:0}.quiz-choice{display:flex;align-items:center;gap:12px;border:1px solid #d7dde1;background:#fff;padding:16px 18px;cursor:pointer;line-height:1.5;transition:border-color .15s,background .15s}.quiz-choice:hover{border-color:#8b96a1;background:#f9fafb}.quiz-choice input{accent-color:#9b6200;width:18px;height:18px;flex:0 0 auto}.choice-letter{display:grid;place-items:center;align-self:flex-start;flex:0 0 29px;width:29px;height:29px;border:1px solid #dce0e4;font-size:12px;font-weight:750;color:#5e6670}.quiz-choice.selected{border-color:#ba8100;background:#fff8e6}.quiz-choice.selected .choice-letter{background:#ffb201;border-color:#ffb201;color:#171d23}.quiz-choice.is-correct{border-color:#247344;background:#edf7f0}.quiz-choice.is-wrong{border-color:#b84134;background:#fff0ed}.quiz-choices[disabled] .quiz-choice{cursor:default}.quiz-choices[disabled] input{opacity:1}.quiz-actions{display:flex;align-items:center;gap:12px;flex-wrap:wrap;margin-top:27px}.quiz-actions .button:disabled{opacity:.5;cursor:not-allowed}.quiz-text{width:100%;max-width:520px;min-height:54px;padding:13px 15px;border:1px solid #bbc3cb;border-radius:0;background:#fff;font:inherit}.quiz-text:focus,.quiz-pair select:focus{outline:3px solid #ffb201;outline-offset:2px}.quiz-text:disabled{color:#19222b;background:#f6f7f8;opacity:1}.quiz-pairs{display:grid;gap:12px}.quiz-pair{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.4fr);gap:10px 20px;align-items:center;padding:15px 17px;background:#f6f7f8;border:1px solid #e1e5e9}.quiz-pair>span{font-weight:650}.quiz-pair select{width:100%;max-width:100%;min-width:0;white-space:normal;font-size:14px}.quiz-pair small{grid-column:2;font-size:13px}.pair-ok{color:#216239}.pair-error{color:#9d342c}.quiz-order{list-style:none;padding:0;margin:0;display:grid;gap:10px;counter-reset:order}.quiz-order li{display:grid;grid-template-columns:32px minmax(0,1fr) auto;gap:14px;align-items:center;padding:13px 15px;border:1px solid #d7dde1;background:#f9fafb}.order-number{font-size:13px;font-weight:700;color:#687480}.order-buttons{display:flex;gap:7px}.order-move{width:42px;height:42px;border:1px solid #cad0d6;background:#fff;font-size:21px;cursor:pointer}.order-move:hover:not(:disabled){background:#ffb201;border-color:#b47c00}.order-move:disabled{opacity:.3;cursor:default}.quiz-feedback{margin-top:28px;padding:27px 28px;border-left:4px solid #ffb201;background:#fff8e5;scroll-margin-top:22px}.quiz-feedback.correct{border-color:#267545;background:#eff8f2}.quiz-feedback.wrong{border-color:#b34031;background:#fff3ef}.quiz-feedback h2{margin:7px 0 18px;font-size:25px}.quiz-answer-key{line-height:1.7;font-size:17px;font-weight:650}.quiz-explanation{margin-top:21px;padding-top:18px;border-top:1px solid #14232b20;font-size:15px}.quiz-explanation p{margin:8px 0 0;line-height:1.7}.quiz-bottom{display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:16px;margin-top:27px;padding-top:22px;border-top:1px solid #e4e8eb}.quiz-link-copy{border:0;background:none;cursor:pointer;text-align:left}.quiz-footnote{font-size:13px;color:#69727c;line-height:1.6;text-align:center;margin:20px 0 0}.quiz-types{display:flex;flex-wrap:wrap;gap:8px;margin:22px 0}.quiz-types .badge{font-size:11px;line-height:1.5;padding:7px 10px;white-space:normal}.quiz-resume{padding:16px 19px;background:#fff5d7;margin:20px 0;display:grid;gap:8px}.setup-grid>label{min-width:0}.setup-grid select{max-width:100%;width:100%;min-width:0}.quiz-summary{max-width:1000px;padding-bottom:65px}.quiz-summary-list{margin-top:30px;border:1px solid #dce0e4}.quiz-summary-list>div{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:18px;padding:20px 22px;border-bottom:1px solid #dce0e4;align-items:center}.quiz-summary-list>div:last-child{border-bottom:0}.quiz-summary-list .text-link{line-height:1.6;font-size:15px}.quiz-progress-box{padding:25px 28px;background:#fff7e3;border:1px solid #ead19b;display:flex;align-items:center;justify-content:space-between;gap:24px;margin-bottom:32px}.quiz-progress-box h2{font-size:23px;margin:8px 0}.quiz-progress-box p{font-size:14px;margin:0}.short-task-list{display:grid;gap:12px;margin:12px 0 28px}.short-task-list>a,.short-prompt{display:flex;gap:17px;align-items:center;padding:20px 23px;border:1px solid #dde2e6;background:#fff;line-height:1.6}.short-task-list>a:hover{border-color:#ca8f00;background:#fff9eb}.short-task-list>a>div{flex:1;min-width:0}.short-task-list strong{display:block;font-size:17px;font-weight:650;line-height:1.5}.short-task-list .kicker{font-size:10px;margin-bottom:6px}.short-task-number{flex:0 0 32px;width:32px;height:32px;display:grid;place-items:center;background:#f1f3f5;color:#475462;font-weight:700;font-size:13px}.short-task-list>a:hover .short-task-number{background:#ffb201;color:#14202b}.plan-wrap{padding-bottom:65px;max-width:1100px}.plan-machine{display:block;max-width:640px;margin-bottom:20px}.plan-machine select{width:100%;max-width:100%}.plan-section{margin:35px 0 45px}.plan-section .section-head{gap:18px}.plan-section h2{font-size:25px;line-height:1.4}.plan-item{border:1px solid #dce0e4;background:#fff;margin-bottom:10px}.plan-item>summary{display:grid;grid-template-columns:30px minmax(0,1fr) auto;align-items:center;gap:16px;padding:20px 23px;cursor:pointer;list-style:none}.plan-item>summary::-webkit-details-marker{display:none}.plan-item>summary:after{content:'+';grid-column:3;font-size:22px;line-height:1}.plan-item[open]>summary:after{content:'−'}.plan-item>summary>small{grid-column:2;color:#677482;font-size:12px}.plan-item>summary>span:nth-child(2){font-weight:650;line-height:1.5}.plan-number{align-self:start;font-size:13px;color:#64717d;padding-top:3px}.plan-body{padding:4px 30px 26px 69px;border-top:1px solid #eef0f2}.plan-parts p{padding:10px 0;line-height:1.6;margin:0}.plan-parts p>span{font-size:12px;font-weight:650;color:#667583;margin-right:6px}.plan-body>.muted{font-size:13px;line-height:1.7;margin:14px 0}.plan-body .button{margin-top:5px}.plan-item:focus-within{border-color:#c88b00}
@media(max-width:1050px){.main-nav{gap:20px}.header-cta{padding-inline:16px}.quiz-progress-box{align-items:flex-start;flex-direction:column}.plan-section .section-head{align-items:flex-start;flex-direction:column}.setup-grid{grid-template-columns:1fr!important}}
@media(max-width:640px){.quiz-wrap{padding-top:24px}.quiz-card{padding:25px 20px}.quiz-meta{gap:9px;font-size:12px}.quiz-meta>span:last-child{max-width:100%}.quiz-card h1{font-size:25px;margin-top:22px}.quiz-choice{padding:14px 12px;gap:9px;align-items:flex-start;font-size:15px}.quiz-choice input{margin-top:5px}.choice-letter{display:none}.quiz-pair{grid-template-columns:1fr;padding:14px;gap:10px}.quiz-pair small{grid-column:1}.quiz-actions{gap:10px;margin-top:22px}.quiz-actions>.button{flex:1 1 100%;justify-content:center;font-size:14px;white-space:normal;text-align:center}.quiz-feedback{padding:23px 17px;margin-inline:-2px}.quiz-answer-key{font-size:16px}.quiz-bottom{align-items:flex-start;flex-direction:column}.quiz-order li{gap:8px;padding:10px;grid-template-columns:22px minmax(0,1fr) auto;font-size:14px}.order-buttons{gap:4px}.order-move{width:38px;height:42px}.quiz-progress-box{padding:22px 18px}.quiz-summary-list>div{grid-template-columns:1fr;padding:18px;gap:10px}.quiz-summary-list .badge{justify-self:start}.short-task-list>a,.short-prompt{padding:17px 14px;gap:11px}.short-task-list strong{font-size:16px}.short-task-number{flex-basis:25px;width:25px;height:28px}.short-task-list .icon{flex:0 0 19px}.plan-item>summary{padding:17px 16px;gap:10px;grid-template-columns:21px minmax(0,1fr) 15px}.plan-body{padding:10px 17px 23px}.plan-section h2{font-size:22px}.plan-machine select{font-size:14px}.session-top{gap:12px}.session-top>a{font-size:12px}.session-top>span{font-size:12px;white-space:nowrap}.quiz-card .note-area{min-height:160px}.quiz-footnote{text-align:left}.quiz-text{max-width:100%}.plan-parts{font-size:15px}}
@media(prefers-reduced-motion:reduce){.quiz-progress>span,.quiz-choice{transition:none}}

/* v0.4 learning answers. Native details preserve keyboard focus on reveal. */
.lesson-layout{display:grid;grid-template-columns:minmax(0,1fr) 290px;gap:35px;padding:38px 0 60px}.lesson-main{min-width:0}.lesson-meta{display:flex;flex-wrap:wrap;gap:9px;margin-bottom:23px}.lesson-answer{border:1px solid var(--line);background:#fff}.lesson-answer>summary{padding:23px;display:flex;align-items:center;justify-content:space-between;cursor:pointer;font-weight:700;list-style:none}.lesson-answer>summary::-webkit-details-marker{display:none}.lesson-answer>div{padding:0 27px 27px}.lesson-answer h2{font-size:20px;line-height:1.4;margin-top:21px;margin-bottom:13px}.lesson-answer p{font-size:16px;line-height:1.85}.lesson-answer .lesson-answer-text{font-size:18px;line-height:1.85}.lesson-answer[open]>summary{border-bottom:1px solid var(--line);background:var(--wash)}.lesson-answer[open]>summary>.icon{transform:rotate(90deg)}.lesson-practice{margin-top:35px}.lesson-practice>h2,.lesson-section-title{font-size:23px;margin-top:28px}.part-gap{background:#fff7e7;border-left:3px solid var(--amber);padding:15px 19px;font-size:13px;line-height:1.8;margin:16px 0}.part-gap p{font-size:14px;margin-bottom:0}.plan-part{border-bottom:1px solid var(--line);padding:16px 0 24px;margin-bottom:17px}.plan-part>h3{font-size:17px;line-height:1.65}.plan-part .short-task-list{margin:14px 0}.plan-part .short-task-list>a{padding:14px 17px}.plan-part .short-task-list strong{font-size:15px}.lesson-catalogue{padding:32px 0 60px}.lesson-catalogue-list{display:grid;grid-template-columns:1fr 1fr;gap:13px;border:0!important}.lesson-catalogue-list>a{border:1px solid var(--line)!important;margin:0!important}.lesson-layout aside .text-link{margin-top:15px}.lesson-list>a{align-items:center}.lesson-link .kicker{margin-bottom:5px}.lesson-answer>summary:focus-visible{outline:3px solid #2868b4;outline-offset:3px}
@media(max-width:1100px){.header-inner{gap:14px}.main-nav{gap:16px}.main-nav a{font-size:12px}.header-cta{display:none}.lesson-layout{grid-template-columns:minmax(0,1fr) 245px;gap:24px}}
@media(max-width:820px){.lesson-layout{grid-template-columns:1fr}.lesson-catalogue-list{grid-template-columns:1fr}}
@media(max-width:640px){.lesson-layout{padding:25px 0 40px;gap:22px}.lesson-answer>summary{padding:20px 17px;font-size:15px;gap:12px}.lesson-answer>div{padding:0 19px 20px}.lesson-answer .lesson-answer-text{font-size:16px}.lesson-answer p{font-size:14px}.lesson-answer h2{font-size:18px}.lesson-meta .badge{white-space:normal}.plan-part>h3{font-size:15px}.plan-part .short-task-list>a{padding:14px 12px}.lesson-catalogue .search-row{display:flex}.lesson-catalogue .search-row>.select-box{width:100%}.lesson-section-title{font-size:22px}.part-gap{font-size:12px;padding:13px 15px}.lesson-layout .topic-pager a{font-size:12px}}

.lesson-figure{margin:22px 0;border:1px solid var(--line);padding:16px;background:#fff}.lesson-figure img{display:block;max-width:100%;height:auto;margin:auto}.lesson-figure figcaption{font-size:12px;color:var(--muted);margin-top:12px}

/* v0.5: scoped explanations and complete practical preparation. */
.lesson-scope{border-left:3px solid var(--accent,#ffb201);padding:12px 16px;background:#fff7e4;margin:18px 0;font-size:.94rem;line-height:1.6;overflow-wrap:anywhere}
.lesson-scope p{margin:0}.lesson-scope strong+p{margin-top:5px}
.practical-card{background:#fff;border:1px solid #e1e1e1;padding:30px;margin:26px 0}
.practical-card h2{margin:10px 0 25px}.practical-card h3{margin-top:20px}
.practical-columns{display:grid;grid-template-columns:1fr 1fr;gap:32px}
.practical-columns li{margin:0 0 12px;line-height:1.6}
.practical-card .button-row{margin-top:24px}
@media(max-width:700px){.practical-card{padding:18px}.practical-columns{grid-template-columns:1fr;gap:0}.practical-card h2{font-size:1.55rem}}

/* Complete exam catalogue; retains the Suprek palette and square card language. */
.fc-shell{padding-top:36px;padding-bottom:64px}.fc-summary{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));background:#192323;color:#fff;margin-bottom:18px}.fc-summary>div{padding:24px;border-right:1px solid #ffffff25}.fc-summary strong{display:block;font-size:32px;line-height:1.2;color:#ffb201}.fc-summary span{display:block;margin-top:8px;font-size:14px}.fc-availability{font-size:15px;max-width:960px;line-height:1.7;margin-bottom:28px}.fc-view-tabs{display:flex;gap:10px;flex-wrap:wrap;margin:22px 0}.fc-filter-box{padding:24px;border:1px solid #dde1df;background:#f7f8f6}.fc-filter-grid{display:grid;grid-template-columns:1fr 1.35fr 1.1fr 1fr;gap:16px}.fc-filter-grid>*{min-width:0}.fc-filter-grid select,.fc-filter-grid input{width:100%;min-width:0;max-width:100%;height:49px}.fc-filter-grid .input-box{padding:10px 12px;border:1px solid #d5dbd7;background:#fff;font:inherit}.fc-filter-bottom{display:flex;align-items:center;gap:20px;flex-wrap:wrap;margin-top:20px}.fc-inline-check{display:flex;gap:9px;align-items:center;font-size:14px}.fc-inline-check input{width:18px;height:18px}.fc-result-heading{display:flex;justify-content:space-between;align-items:baseline;gap:20px;margin:36px 0 20px}.fc-result-heading h2{font-size:24px;margin:0}.fc-result-heading p{font-size:14px;color:#566462}.fc-cards{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px}.fc-card{display:flex;flex-direction:column;min-width:0;border:1px solid #dde1df;padding:22px;background:#fff}.fc-card:hover{border-color:#be880d}.fc-card-meta{display:flex;gap:10px;align-items:center;flex-wrap:wrap}.fc-card h2{font-size:19px;line-height:1.5;margin:20px 0 12px}.fc-card h2 a{color:inherit;text-decoration:none}.fc-card>p{font-size:13px;line-height:1.5;color:#566462;overflow-wrap:anywhere;margin-bottom:20px}.fc-card-bottom{margin-top:auto;display:flex;justify-content:space-between;gap:12px;align-items:center;font-size:13px;padding-top:16px;border-top:1px solid #e7eae7}.fc-state{display:inline-block;font-size:12px;line-height:1.35;padding:6px 9px;font-weight:700;background:#ebefed;color:#374743}.fc-state-draft{background:#e6f0e8;color:#254c32}.fc-state-partial{background:#fff0c9;color:#6a4600}.fc-state-missing{background:#f6e8e3;color:#76382d}.fc-pagination{display:flex;justify-content:space-between;align-items:center;gap:14px;margin:30px 0}.fc-pagination>span{font-size:14px;white-space:nowrap}.fc-return{display:flex;justify-content:space-between;gap:20px;flex-wrap:wrap;padding-top:20px;border-top:1px solid #e0e5e1}.fc-detail{padding:36px 0 64px;display:grid;grid-template-columns:minmax(0,2fr) minmax(240px,1fr);gap:32px}.fc-detail>article,.fc-detail>aside{min-width:0}.fc-context{font-size:14px;line-height:1.7;color:#566462;margin:20px 0}.fc-gap{border-left:4px solid #c2932c;background:#fff7e5;padding:19px;margin:24px 0;line-height:1.7}.fc-gap p{font-size:15px;margin:10px 0 0}.fc-answer{border:1px solid #dce2dd;margin:24px 0}.fc-answer>summary{list-style:none;display:flex;justify-content:space-between;align-items:center;padding:22px;font-size:18px;font-weight:700;cursor:pointer;background:#edf1eb;gap:14px}.fc-answer>summary::-webkit-details-marker{display:none}.fc-answer[open]>summary svg{transform:rotate(90deg)}.fc-answer>div{padding:10px 24px 24px}.fc-answer-block{padding-top:20px;margin-top:18px;border-top:1px solid #e2e7e2}.fc-answer-block:first-child{border-top:0;margin-top:0}.fc-answer-block h2{font-size:19px;line-height:1.5;margin:0 0 14px}.fc-answer-block p{line-height:1.85;margin:12px 0}.fc-scope{border-left:3px solid #a6b7a7;padding-left:15px;font-size:14px}.fc-notes{margin-top:30px}.fc-notes .text-area{width:100%;max-width:100%;font:inherit;padding:15px;border:1px solid #cdd6cf;min-height:144px;line-height:1.7;resize:vertical;background:#fff}.fc-notes .button-row{margin:20px 0}.fc-part-nav{display:flex;flex-direction:column;gap:10px;margin-top:12px}.fc-part-nav a{display:flex;align-items:flex-start;gap:12px;padding:12px;font-size:14px;line-height:1.6;color:inherit;text-decoration:none;border:1px solid #e0e6df}.fc-part-nav a[aria-current=page]{background:#ffefbf;border-color:#ffb201}.fc-part-nav a>span{font-weight:700;min-width:18px}.fc-original{margin-top:20px;font-size:14px;line-height:1.75}.fc-original summary{cursor:pointer;font-weight:700}.fc-original p{margin-top:15px}.fc-step-card{padding:28px;background:#f2f5f0;border:1px solid #d6dfd5}.fc-step-text{font-size:21px;line-height:1.8;margin:20px 0 26px;overflow-wrap:anywhere}.fc-failures{padding-left:25px;line-height:1.9;margin-top:20px}.fc-failures li{margin:12px 0;padding-left:6px}.fc-note-summary{margin:18px 0;padding:20px;background:#eef2ea;font-size:15px;line-height:1.8}.fc-home-banner{padding:24px 28px;margin:30px auto;display:flex;justify-content:space-between;gap:24px;align-items:center;border:1px solid #dce1db;background:#f5f7f1}.fc-home-banner h2{font-size:23px;line-height:1.4;margin:5px 0 8px}.fc-home-banner p{margin:0;font-size:15px;line-height:1.7}.fc-detail .topic-pager{gap:18px;flex-wrap:wrap}.fc-answer summary:focus-visible,.fc-card a:focus-visible,.fc-part-nav a:focus-visible{outline:3px solid #ba8000;outline-offset:4px}
@media(max-width:1050px){.fc-filter-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.fc-cards{grid-template-columns:repeat(2,minmax(0,1fr))}.fc-home-banner{align-items:flex-start;flex-direction:column}}
@media(max-width:720px){.fc-summary{grid-template-columns:repeat(2,minmax(0,1fr))}.fc-summary>div{padding:18px}.fc-summary strong{font-size:27px}.fc-filter-grid,.fc-cards,.fc-detail{grid-template-columns:1fr}.fc-filter-box{padding:18px}.fc-filter-bottom{gap:16px}.fc-result-heading{align-items:flex-start;flex-direction:column;gap:8px}.fc-result-heading p{margin:0}.fc-detail{gap:25px;padding-top:24px}.fc-detail>article{order:0}.fc-detail>aside{order:1}.fc-answer>summary{padding:18px;font-size:17px}.fc-answer>div{padding:0 18px 20px}.fc-step-card{padding:20px}.fc-step-text{font-size:18px}.fc-pagination .button{font-size:13px;padding:12px;min-height:44px}.fc-card{padding:20px}.fc-home-banner{padding:20px}.fc-part-nav a{font-size:14px}}

.fc-figure img{display:block;max-width:100%;height:auto;margin:1rem auto}.fc-figure{margin:1rem 0}
/* v0.7: compact personal study hub; preserves the Suprek palette. */
.sh-welcome{display:flex;align-items:center;justify-content:space-between;gap:24px;padding-top:24px;padding-bottom:24px;border-bottom:1px solid var(--border,#e4e4e4)}
.sh-welcome>div{display:grid;gap:5px}.sh-welcome strong{font-size:22px}.sh-welcome>div>span:last-child{color:#626773;font-size:14px}
.sh-shell{padding-top:32px;padding-bottom:64px}.sh-preferences{display:grid;grid-template-columns:minmax(200px,1.6fr) minmax(130px,.6fr) minmax(160px,1fr) auto;gap:18px;align-items:end;padding:24px;background:#f3f4f6;border:1px solid #e2e4e8}
.sh-preferences>*{min-width:0}.sh-preferences select{width:100%;min-width:0;max-width:100%}.sh-preferences .check-inline{align-self:center}
.sh-stats{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:1px;margin:28px 0;background:#e2e4e8;border:1px solid #e2e4e8}.sh-stats>div{background:white;padding:22px}.sh-stats strong{display:block;font-size:36px;line-height:1.1;margin-bottom:7px;color:#161923}.sh-stats span{font-size:14px;color:#5b606b}
.sh-cards{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px}.sh-card{min-width:0;padding:28px;border:1px solid #dce0e5;display:flex;flex-direction:column;align-items:flex-start;gap:16px;background:white}.sh-card-primary{border-top:4px solid #ffb201;padding-top:25px}.sh-card h2{font-size:26px;line-height:1.22;margin:0}.sh-card p{margin:0;color:#5b606b;line-height:1.65}.sh-card .sh-count{font-size:13px}.sh-card .button{max-width:100%;white-space:normal}.sh-card .text-link:disabled{opacity:.45;cursor:default}.sh-card>button.button{margin-top:auto}.sh-task-links{display:grid;gap:15px;width:100%}.sh-task-links .text-link{font-size:15px;align-items:flex-start;overflow-wrap:anywhere}
.sh-resume{border-top:1px solid #e2e4e8;padding-top:18px;display:grid;gap:10px;font-size:14px;width:100%}.sh-resume strong{font-size:14px;font-weight:600}.sh-scope{margin:28px 0 0;padding:22px 26px;background:#f5f6f8;border-left:4px solid #ffb201}.sh-scope p{margin:8px 0 14px;line-height:1.7}.sh-help{margin-top:22px;border:1px solid #e2e4e8;padding:20px 24px}.sh-help summary{cursor:pointer;font-weight:700}.sh-help p{line-height:1.7;color:#555e6b}.sh-save-strip{display:flex;gap:20px;align-items:center;justify-content:space-between;margin-top:22px;font-size:14px;color:#626773}
.sh-session{max-width:1020px;padding-top:32px;padding-bottom:70px}.sh-session h1{font-size:clamp(23px,3vw,34px);line-height:1.3}.sh-context{border-left:3px solid #e1e4e8;padding-left:15px;font-size:14px;line-height:1.6}.sh-answer{margin-top:28px;padding:24px;border:1px solid #dce0e5;background:#f8f9fa}.sh-answer-block{padding:18px 0;border-bottom:1px solid #e2e4e8}.sh-answer-block h2{font-size:19px;line-height:1.4}.sh-answer-block p{line-height:1.75;white-space:pre-line}.sh-answer-block .lesson-scope{padding:12px;font-size:14px}.sh-answer-block .fc-figure img{max-width:100%;height:auto}.sh-rating{padding:15px;background:#eef4ef;font-weight:600;line-height:1.6}.sh-session textarea{width:100%;min-height:140px}.sh-practical-link{padding:20px;margin:24px 0;background:#f4f5f7}.sh-practical-link h2{font-size:20px}
@media(max-width:1100px){.sh-preferences{grid-template-columns:1fr 1fr}.sh-cards{grid-template-columns:1fr 1fr}.sh-card:last-child{grid-column:1/-1}}
@media(max-width:650px){.sh-welcome{align-items:flex-start;flex-direction:column;gap:14px}.sh-welcome strong{font-size:20px}.sh-shell{padding-top:20px}.sh-preferences{grid-template-columns:1fr;padding:18px;gap:14px}.sh-stats{grid-template-columns:1fr 1fr;margin:20px 0}.sh-stats>div{padding:17px}.sh-stats strong{font-size:29px}.sh-cards{grid-template-columns:1fr}.sh-card:last-child{grid-column:auto}.sh-card{padding:22px}.sh-card h2{font-size:23px}.sh-scope{padding:18px}.sh-save-strip{align-items:flex-start;flex-direction:column}.sh-answer{padding:15px}.sh-help{padding:17px}.sh-session .button-row{flex-direction:column;align-items:stretch}.sh-session .quiz-card{padding:20px}.sh-session .quiz-meta{align-items:flex-start}.sh-session .quiz-meta>span:last-child{font-size:13px}.sh-session .session-top{gap:10px;flex-wrap:wrap}}
@media(prefers-reduced-motion:reduce){.sh-session *{scroll-behavior:auto!important;transition:none!important}}

/* Tudástár link in the integrated package */
@media(min-width:1101px){.header-inner{gap:24px}.main-nav{gap:20px}}

/* v0.7.2: local exam photography and keyboard-accessible magnification. */
.exam-photo-gallery{display:grid;grid-template-columns:minmax(0,1fr);gap:16px;margin:22px 0}
.exam-photo-gallery.exam-photo-pair{grid-template-columns:repeat(2,minmax(0,1fr));align-items:start}
.exam-photo{margin:0;min-width:0;border:1px solid #dce3e1;background:#f7f9f8;overflow:hidden}
.exam-photo-open{position:relative;display:block;width:100%;border:0;padding:12px;background:#f1f4f2;cursor:zoom-in;text-align:center}
.exam-photo-open picture{display:block}
.exam-photo-open img{display:block;width:100%;height:auto;max-height:330px;object-fit:contain;margin:auto}
.exam-photo-number{font-size:13px;font-weight:800;padding:9px 15px;border-bottom:1px solid #dce3e1;background:#fff}
.exam-photo-zoom{position:absolute;right:18px;bottom:17px;background:#fff;padding:5px 10px;font-size:12px;color:#172125;border:1px solid #d1dbd5;box-shadow:0 2px 7px #0001}
.exam-photo figcaption{padding:13px 16px;line-height:1.55;font-size:13px;color:#4f5e59}
.exam-photo figcaption strong,.exam-photo figcaption span{display:block}.exam-photo figcaption strong{color:#182923;margin-bottom:5px}
.exam-photo-description{padding:11px 15px;background:#fff;font-size:13px}.exam-photo-description summary{cursor:pointer;font-weight:600}.exam-photo-description p{margin:12px 0 2px;line-height:1.65}
.exam-photo-error{margin:0;padding:14px;font-size:14px;background:#fff4d2;line-height:1.5}
.exam-photo-explanation{margin:22px 0}.exam-photo-explanation h3{font-size:18px;margin:0 0 8px}
.exam-photo-dialog{border:0;padding:0;width:min(1050px,calc(100vw - 30px));max-width:calc(100vw - 30px);max-height:calc(100dvh - 30px);background:#fff;color:#172125;box-shadow:0 20px 70px #0006}
.exam-photo-dialog::backdrop{background:#10201bcb}.exam-photo-dialog-head{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:15px 20px;border-bottom:1px solid #dce3e1;position:sticky;top:0;background:#fff;z-index:1}
.exam-photo-dialog-head h2{font-size:18px;margin:0}.exam-photo-dialog-head button{font:inherit;border:1px solid #1b2a24;background:#fff;padding:9px 15px;cursor:pointer}
.exam-photo-dialog-body{padding:16px 20px}.exam-photo-dialog-body img{display:block;max-width:100%;width:auto;height:auto;max-height:calc(100dvh - 195px);object-fit:contain;margin:auto}.exam-photo-dialog-body p{font-size:14px;line-height:1.6;margin:15px 0 0}
.exam-photo-modal-open{overflow:hidden}
.exam-photo-teaser{display:grid;grid-template-columns:minmax(0,1fr) 245px;gap:28px;background:#17251f;padding:28px 30px;margin:25px 0;color:#fff;align-items:center}
.exam-photo-teaser h2{font-size:26px;line-height:1.2;color:#fff;margin:10px 0 12px}.exam-photo-teaser p{color:#d6e1da;font-size:15px;line-height:1.65;max-width:630px;margin-bottom:18px}.exam-photo-teaser .kicker{color:#ffc354}.exam-photo-teaser-visual img{display:block;width:100%;height:175px;object-fit:contain;background:#fff}
.exam-photos-summary{font-size:13px;margin:14px 0;padding:11px 14px;border-left:3px solid #ffb201;background:#f6f8f6;color:#455750}
@media(max-width:700px){.exam-photo-teaser{grid-template-columns:1fr;padding:24px;gap:0}.exam-photo-teaser-visual{display:none}.exam-photo-teaser h2{font-size:24px}.exam-photo-open img{max-height:255px}.exam-photo-gallery.exam-photo-pair{gap:10px}.exam-photo-pair .exam-photo-open{padding:6px}.exam-photo-pair .exam-photo-open img{height:140px}.exam-photo-pair .exam-photo-description{padding:10px;font-size:12px}.exam-photo-zoom{right:8px;bottom:8px;font-size:10px;padding:3px 5px}.exam-photo-dialog-head{padding:12px;gap:8px}.exam-photo-dialog-head h2{font-size:16px}.exam-photo-dialog-head button{font-size:13px;padding:10px}.exam-photo-dialog-body{padding:12px}.exam-photo-dialog-body img{max-height:calc(100dvh - 215px)}}
@media(prefers-reduced-motion:reduce){.exam-photo-dialog{scroll-behavior:auto}}