.template-hub-topics-root,.template-hub-topics-main{--bg:#fdfaf5;--surface:#fff;--surface2:#f7f2eb;--ink:#231b14;--ink2:#645850;--muted:#6b6159;--line:#e4ddd5;--frame:#ebe5de;--accent:#b94a00;--accent-track:#783818;--accent-soft:#ffedda;--accent-ink:#933e00;--warm:#7c44c3;--warm-soft:#f3eeff;--warm-ink:#6731a8;--ok:#21763c;--ok-soft:#e0f7e4;--fail:#c21725;--fail-soft:#ffece9;--on-accent:#fff;--shadow:0 1px 2px #50453d12, 0 8px 24px #54443812}@supports (color:lab(0% 0 0)){.template-hub-topics-root,.template-hub-topics-main{--bg:lab(98.2723% .601679 2.58802);--surface:lab(100% 0 0);--surface2:lab(95.7265% .959158 4.07577);--ink:lab(10.6322% 3.31699 6.16215);--ink2:lab(38.4755% 3.52372 6.7685);--muted:lab(41.9614% 3.14364 6.06943);--line:lab(88.4061% 1.51053 4.69674);--frame:lab(91.3185% .960618 4.07676);--accent:lab(46.5235% 47.0303 67.5683);--accent-track:lab(32.0198% 26.9444 32.7763);--accent-soft:lab(95.0763% 6.82902 15.9757);--accent-ink:lab(37.4475% 40.3543 64.4477);--warm:lab(41.149% 43.9286 -58.5749);--warm-soft:lab(94.7661% 5.68607 -10.3736);--warm-ink:lab(33.0721% 42.6781 -55.432);--ok:lab(43.5038% -36.3107 24.0307);--ok-soft:lab(95.2477% -10.3558 6.6085);--fail:lab(42.2722% 63.4713 41.2121);--fail-soft:lab(95.0362% 10.7368 5.79631);--shadow:0 1px 2px lab(30.3537% 3.55828 6.7978/.07), 0 8px 24px lab(30.3215% 5.50675 10.3606/.07)}}@media (prefers-color-scheme:dark){html:not([data-theme=light]) .template-hub-topics-root,html:not([data-theme=light]) .template-hub-topics-main{--bg:#18110c;--surface:#251c16;--surface2:#31261f;--ink:#f3efea;--ink2:#bcb4ad;--muted:#aca29b;--line:#3f342c;--frame:#0b0604;--accent-track:#622b0d;--accent-soft:#4d2c15;--accent-ink:#ffc288;--warm:#c5a3ff;--warm-soft:#392c50;--warm-ink:#dac4ff;--ok:#4a9a5e;--ok-soft:#1c3422;--fail:#ff948c;--fail-soft:#4d2623;--shadow:0 1px 2px #0000004d, 0 8px 24px #00000059}@supports (color:lab(0% 0 0)){html:not([data-theme=light]) .template-hub-topics-root,html:not([data-theme=light]) .template-hub-topics-main{--bg:lab(5.67068% 2.75905 3.61528);--surface:lab(11.1887% 3.95423 6.21253);--surface2:lab(16.1704% 4.34835 6.85647);--ink:lab(94.7939% .69055 2.95964);--ink2:lab(73.8894% 2.02087 4.89085);--muted:lab(67.4885% 2.74169 5.35599);--line:lab(22.8082% 3.79697 7.19356);--frame:lab(1.96811% .934362 1.23014);--accent-track:lab(25.122% 24.3651 30.1046);--accent-soft:lab(21.9925% 13.5791 21.6442);--accent-ink:lab(83.4049% 22.5295 44.7206);--warm:lab(72.5987% 28.088 -43.9035);--warm-soft:lab(20.8053% 13.255 -20.3228);--warm-ink:lab(82.2213% 23.3119 -37.8898);--ok:lab(57.4453% -36.0822 23.6242);--ok-soft:lab(19.3798% -13.4603 8.73835);--fail:lab(73.1266% 43.6874 24.543);--fail-soft:lab(20.5386% 18.7383 10.5609);--shadow:0 1px 2px lab(0% 0 0/.3), 0 8px 24px lab(0% 0 0/.35)}}}html[data-theme=dark] .template-hub-topics-root,html[data-theme=dark] .template-hub-topics-main{--bg:#18110c;--surface:#251c16;--surface2:#31261f;--ink:#f3efea;--ink2:#bcb4ad;--muted:#aca29b;--line:#3f342c;--frame:#0b0604;--accent-track:#622b0d;--accent-soft:#4d2c15;--accent-ink:#ffc288;--warm:#c5a3ff;--warm-soft:#392c50;--warm-ink:#dac4ff;--ok:#4a9a5e;--ok-soft:#1c3422;--fail:#ff948c;--fail-soft:#4d2623;--shadow:0 1px 2px #0000004d, 0 8px 24px #00000059}@supports (color:lab(0% 0 0)){html[data-theme=dark] .template-hub-topics-root,html[data-theme=dark] .template-hub-topics-main{--bg:lab(5.67068% 2.75905 3.61528);--surface:lab(11.1887% 3.95423 6.21253);--surface2:lab(16.1704% 4.34835 6.85647);--ink:lab(94.7939% .69055 2.95964);--ink2:lab(73.8894% 2.02087 4.89085);--muted:lab(67.4885% 2.74169 5.35599);--line:lab(22.8082% 3.79697 7.19356);--frame:lab(1.96811% .934362 1.23014);--accent-track:lab(25.122% 24.3651 30.1046);--accent-soft:lab(21.9925% 13.5791 21.6442);--accent-ink:lab(83.4049% 22.5295 44.7206);--warm:lab(72.5987% 28.088 -43.9035);--warm-soft:lab(20.8053% 13.255 -20.3228);--warm-ink:lab(82.2213% 23.3119 -37.8898);--ok:lab(57.4453% -36.0822 23.6242);--ok-soft:lab(19.3798% -13.4603 8.73835);--fail:lab(73.1266% 43.6874 24.543);--fail-soft:lab(20.5386% 18.7383 10.5609);--shadow:0 1px 2px lab(0% 0 0/.3), 0 8px 24px lab(0% 0 0/.35)}}html[data-theme=light] .template-hub-topics-root,html[data-theme=light] .template-hub-topics-main{--bg:#fdfaf5;--surface:#fff;--surface2:#f7f2eb;--ink:#231b14;--ink2:#645850;--muted:#6b6159;--line:#e4ddd5;--frame:#ebe5de;--accent:#b94a00;--accent-track:#783818;--accent-soft:#ffedda;--accent-ink:#933e00;--warm:#7c44c3;--warm-soft:#f3eeff;--warm-ink:#6731a8;--ok:#21763c;--ok-soft:#e0f7e4;--fail:#c21725;--fail-soft:#ffece9;--shadow:0 1px 2px #50453d0f, 0 8px 24px #50453d0f}@supports (color:lab(0% 0 0)){html[data-theme=light] .template-hub-topics-root,html[data-theme=light] .template-hub-topics-main{--bg:lab(98.2723% .601679 2.58802);--surface:lab(100% 0 0);--surface2:lab(95.7265% .959158 4.07577);--ink:lab(10.6322% 3.31699 6.16215);--ink2:lab(38.4755% 3.52372 6.7685);--muted:lab(41.9614% 3.14364 6.06943);--line:lab(88.4061% 1.51053 4.69674);--frame:lab(91.3185% .960618 4.07676);--accent:lab(46.5235% 47.0303 67.5683);--accent-track:lab(32.0198% 26.9444 32.7763);--accent-soft:lab(95.0763% 6.82902 15.9757);--accent-ink:lab(37.4475% 40.3543 64.4477);--warm:lab(41.149% 43.9286 -58.5749);--warm-soft:lab(94.7661% 5.68607 -10.3736);--warm-ink:lab(33.0721% 42.6781 -55.432);--ok:lab(43.5038% -36.3107 24.0307);--ok-soft:lab(95.2477% -10.3558 6.6085);--fail:lab(42.2722% 63.4713 41.2121);--fail-soft:lab(95.0362% 10.7368 5.79631);--shadow:0 1px 2px lab(30.3537% 3.55828 6.7978/.06), 0 8px 24px lab(30.3537% 3.55828 6.7978/.06)}}.template-hub-topics-root{--font-display:var(--font-bricolage), var(--font-manrope), system-ui, sans-serif;--font-body:var(--font-onest), var(--font-manrope), system-ui, sans-serif;--font-mono:var(--font-martian-mono), "Martian Mono", monospace;background:var(--bg);color:var(--ink);font-family:var(--font-body);-webkit-font-smoothing:antialiased;-webkit-tap-highlight-color:transparent;min-height:100dvh;line-height:normal}.template-hub-topics-root *{scrollbar-width:thin;scrollbar-color:var(--line) transparent}.template-hub-topics-root .material-symbols-rounded{white-space:nowrap;word-wrap:normal;font-variation-settings:"FILL" 0, "wght" 400, "GRAD" 0, "opsz" 24;direction:ltr;font-family:Material Symbols Rounded;font-style:normal;font-weight:400;line-height:1;display:inline-block}
.template-hub-topics-root :where(button){cursor:pointer;font-family:inherit}@keyframes topicRowRise{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:none}}@keyframes dtPop{0%{opacity:0;transform:translateY(8px)scale(.98)}to{opacity:1;transform:none}}.template-hub-topics-shell{background:var(--bg);flex-direction:column;min-height:100vh;display:flex}.template-hub-topics-page-header{padding-top:clamp(22px,3vw,36px);padding-bottom:clamp(14px,1.6vw,20px)}.template-hub-topics-page-header__title{font:700 clamp(26px, 3.2vw, 38px)/1.1 var(--font-display);letter-spacing:-.03em;color:var(--ink);margin:10px 0 0}.template-hub-topics-page-header__subtitle{text-wrap:pretty;font:400 15px/1.5 var(--font-body);color:var(--ink2);margin:9px 0 0}.template-hub-topics-shell__body{flex:auto;grid-template-columns:minmax(270px,330px) minmax(0,1fr);gap:24px;display:grid}@media (max-width:860px){.template-hub-topics-shell__body{grid-template-columns:1fr}}[data-layout=wide] .template-hub-topics-shell__body>.template-sidebar,.template-hub-topics-shell__body>.template-sidebar{align-self:stretch;width:100%}.template-hub-topics-main{flex-direction:column;gap:24px;min-width:0;padding-bottom:56px;display:flex}.topic-stats-banner{border:1px solid var(--line);background:var(--surface);box-shadow:var(--shadow);border-radius:20px;grid-template-columns:repeat(4,1fr);gap:20px;padding:18px 22px;animation:.24s cubic-bezier(.22,.9,.24,1) both dtPop;display:grid}.topic-stats-banner--progress{grid-template-columns:repeat(3,minmax(0,1fr))}@media (max-width:640px){.topic-stats-banner{box-shadow:none;grid-template-columns:repeat(2,1fr);row-gap:16px}}.topic-stats-banner__tile{border-left:1px solid var(--line);flex-direction:column;gap:2px;padding-left:20px;display:flex}.topic-stats-banner__tile:first-child{border-left:none;padding-left:0}.topic-stats-banner__tile-value{font:800 22px/1 var(--font-display);color:var(--ink)}.topic-stats-banner__tile-label{font:600 11px/1.3 var(--font-body);color:var(--muted)}@media (max-width:640px){.topic-stats-banner__tile{border-left:0;padding-left:0}.topic-stats-banner__tile-label{font-size:var(--m-text-xs)}}.topic-progress{flex-direction:column;gap:24px;display:flex}.topic-next-action{border:1px solid var(--line);background:var(--surface);min-width:0;box-shadow:var(--shadow);border-radius:20px;justify-content:space-between;align-items:center;gap:16px;padding:18px 22px;display:flex}.topic-next-action>div{min-width:0}.topic-next-action p{color:var(--muted);font:600 11px/1.3 var(--font-body);margin:0 0 5px}.topic-next-action p:first-child{color:var(--ink2);text-transform:uppercase;letter-spacing:.08em}.topic-next-action h2{color:var(--ink);font:700 15px/1.2 var(--font-display);overflow-wrap:anywhere;text-wrap:pretty;margin:0}.topic-next-action__link{text-align:center;flex:none;text-decoration:none}.topic-list__heading{font:700 15px/1.2 var(--font-display);color:var(--ink);margin:0 0 12px}.topic-list__status{color:var(--muted);font:500 13px/1.5 var(--font-body);margin:0}.topic-list__status p{margin:0}.topic-list__status button{border:1px solid var(--line);background:var(--surface);color:var(--accent-ink);font:600 12px/1.2 var(--font-body);border-radius:10px;margin-top:10px;padding:8px 12px}.topic-list__items{flex-direction:column;gap:8px;margin:0;padding:0;list-style:none;display:flex}.topic-section{border:1px solid var(--line);background:var(--surface);border-radius:16px;overflow:hidden}.topic-section__head,.topic-row{grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:8px 12px;display:grid;position:relative}.topic-section__head{padding:14px 14px 12px 16px}summary.topic-section__head{cursor:pointer;list-style:none}summary.topic-section__head::-webkit-details-marker{display:none}summary.topic-section__head:focus-visible{outline:2px solid var(--accent);outline-offset:-2px}.topic-section__body,.topic-row__body{display:contents}.topic-section__title{color:var(--ink);font:700 17px/1.3 var(--font-display);overflow-wrap:anywhere}.topic-section__hint{color:var(--ink2);font:600 14px/1.2 var(--font-body);white-space:nowrap;grid-area:1/2;align-items:center;gap:4px;display:flex}.topic-section__chevron{color:var(--muted);font-size:18px;transition:transform .16s}.topic-section__topics[open] .topic-section__chevron{transform:rotate(180deg)}.topic-section__list{background:var(--surface2);gap:0;padding:0}.topic-row{border:1px solid var(--line);background:var(--surface);animation:.26s cubic-bezier(.22,.9,.24,1) both topicRowRise;animation-delay:calc(var(--i,0) * 22ms);border-radius:14px;grid-template-columns:minmax(0,1fr);padding:12px 12px 12px 14px}.topic-section__list>.topic-row{border:0;border-top:1px solid var(--line);background:0 0;border-radius:0;padding:14px 16px}.topic-row__title{color:var(--ink);font:700 16px/1.3 var(--font-display);overflow-wrap:anywhere}.topic-learned{grid-column:1/-1;align-items:center;gap:10px;min-width:0;display:flex}.topic-learned__track{background:var(--line);border-radius:999px;flex:180px;height:5px;overflow:hidden}.topic-row .topic-learned__track{background:var(--surface2)}.topic-section__list .topic-learned__track{background:var(--line)}.topic-learned__fill{border-radius:inherit;background:var(--accent);height:100%;display:block}.topic-learned__label{color:var(--muted);font:500 13px/1.3 var(--font-body);font-variant-numeric:tabular-nums;white-space:nowrap;flex:none}summary.topic-section__head:active{background:color-mix(in srgb, var(--ink) 6%, transparent)}.topic-tests{grid-column:1/-1}.topic-list:has(>.topic-scope){flex-wrap:wrap;align-items:center;column-gap:12px;display:flex}.topic-list:has(>.topic-scope)>*{flex:1 0 100%}.topic-list:has(>.topic-scope)>.topic-list__heading{flex:auto;margin:0}.topic-list:has(>.topic-scope)>.topic-list__items{margin-top:6px}.topic-list>.topic-scope{min-height:44px;color:var(--accent-ink);font:600 15px/1.2 var(--font-body);flex:none;align-items:center;gap:2px;display:inline-flex;position:relative}.topic-scope:has(:focus-visible){outline:2px solid var(--accent);outline-offset:2px;border-radius:8px}.topic-scope__chevron{font-size:22px}.topic-scope__control{opacity:0;cursor:pointer;width:100%;height:100%;margin:0;font-size:16px;position:absolute;inset:0}@media (hover:hover){summary.topic-section__head:hover{background:color-mix(in srgb, var(--ink) 4%, transparent)}.topic-scope:hover .topic-scope__value{text-decoration:underline}}@media (max-width:560px){.topic-next-action{flex-direction:column;align-items:flex-start}.topic-next-action__link{justify-content:center;align-items:center;width:100%;min-height:48px;font-size:15px;display:flex}}@media (prefers-reduced-motion:reduce){.topic-row,.topic-stats-banner{animation:none}}