.quick-search{padding:0;border:0;background:none;margin-top:22px}.quick-search label{font-size:14px;font-weight:700}.quick-search>div{display:flex;gap:8px;margin-top:8px}.quick-search input{margin:0;min-width:0}.quick-search button{white-space:nowrap}.quick-links{display:flex;flex-wrap:wrap;gap:8px;margin:18px 0}.quick-links a{font-size:13px;padding:7px 12px;border:1px solid #cbd4bf;border-radius:25px;text-decoration:none;background:#edf0e5}.quick-links a:hover{background:#dfe8d1}.task-strip{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin:8px 0 30px}.task-strip a{padding:18px;border:1px solid #d8decd;border-radius:12px;text-decoration:none;background:#fff}.task-strip strong,.task-strip span{display:block}.task-strip span{font-size:13px;color:#58675c;margin-top:4px}.section-title .eyebrow{margin:22px 0 5px}.section-title .eyebrow+h2{margin-top:5px}.spotlight .small{font-size:13px;color:#58675c;margin-bottom:0}.hub-hero{display:grid;grid-template-columns:1.2fr 1fr;gap:32px;align-items:center;padding:28px 0}.hub-hero h1{font-size:clamp(34px,4vw,50px)}.hub-hero>img{width:100%;height:auto;border-radius:18px}.muted{font-size:13px;color:#58675c}.library-filter{margin-top:10px}.library-filter label{font-weight:650;font-size:14px}.library-filter input{margin:9px 0 15px}.filter-fields{display:flex;align-items:flex-end;flex-wrap:wrap;gap:16px}.filter-fields label{flex:1;min-width:140px}select{display:block;width:100%;padding:12px;border:1px solid #cccdbf;border-radius:8px;background:white;color:#23352d;font:inherit;margin-top:8px}.filter-fields button{min-height:47px}.related-pages{margin-top:42px;padding-top:4px;border-top:1px solid #d8decd}.related-pages .grid{grid-template-columns:repeat(auto-fit,minmax(200px,1fr))}.prose+.related-pages{max-width:960px}nav a[aria-current=page]{font-weight:800;text-decoration:underline}.crumb{margin-top:8px}main>section{scroll-margin-top:20px}input[type=search]::-webkit-search-cancel-button{cursor:pointer}.library-hero{padding-bottom:8px}.tool-page .toc{font-size:15px}a,button,input,select,textarea{touch-action:manipulation}@media(max-width:700px){.hub-hero{grid-template-columns:1fr;gap:12px;padding:20px 0}.hub-hero>img{max-height:210px;object-fit:cover}.task-strip{grid-template-columns:1fr;gap:8px}.task-strip a{padding:13px 16px}.task-strip span{margin-top:2px}.quick-search>div{flex-direction:column}.quick-search button{min-height:46px}.section-title{flex-wrap:wrap}.muted{margin-bottom:8px}.filter-fields{gap:12px}.filter-fields label{min-width:100%;flex:auto}.filter-fields button{width:100%}.section-title h2{font-size:23px}}@media(prefers-reduced-motion:reduce){.card:hover{transform:none}}@media print{.quick-search,.quick-links,.task-strip,.related-pages,.library-filter{display:none}}

#review-rows label{display:block;padding:14px;margin:10px 0;background:#edf1e8;border-radius:10px;overflow-wrap:anywhere}#review-rows select{display:block;max-width:100%;padding:10px;margin-top:8px;font:inherit}#review-status{padding:14px;border-left:4px solid #496f54}

/* Gaming math lab: original diagrams and readable result hierarchy. */
.math-cover{display:block;width:100%;height:auto;border-radius:16px;margin:22px 0}.math-metrics{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.math-metrics>div{padding:18px;background:#e5eee3;border:1px solid #bfcfbd;border-radius:12px}.math-metrics dt{font-size:14px;color:#466250}.math-metrics dd{font-size:26px;font-weight:780;margin:8px 0 0;overflow-wrap:anywhere}.math-chart svg{display:block;width:100%;height:auto;margin:22px 0}.formula-text{padding:18px;border-left:4px solid #39796a;background:#edf1e8;overflow-wrap:anywhere}.math-page label{display:block}.math-page form{scroll-margin-top:20px}.math-page table{min-width:420px}.math-page #math-result[data-state=error]{color:#8f2d22;padding:16px;background:#fce9df;border-radius:10px}.math-page #math-result[data-state=stale]{padding:16px;background:#fff1cf}.math-page img{max-height:300px;object-fit:contain;background:#122f2b}@media(max-width:600px){.math-metrics{grid-template-columns:1fr}.math-metrics dd{font-size:23px}.math-page .tool-fields{grid-template-columns:1fr}}

.math-hub-hero{display:grid;grid-template-columns:1.1fr 1fr;gap:24px;align-items:center}.math-hub-hero h1{font-size:clamp(32px,4vw,48px)}.math-hub-hero img{display:block;width:100%;height:auto;border-radius:15px}.math-page .math-cover{max-height:200px}@media(max-width:700px){.math-hub-hero{grid-template-columns:1fr}.math-hub-hero img{max-height:180px;object-fit:contain;background:#122f2b}.math-page .math-cover{max-height:150px}}

.illustrated .math-illustration{aspect-ratio:900/360;object-fit:contain;background:#122f2b}.math-chart{overflow-x:auto}@media(max-width:600px){.math-chart svg{min-width:580px}}

.answer-panel{background:#e7efdf;border:1px solid #a8bea3;border-radius:16px;padding:22px;margin:24px 0}.answer-panel p{margin-top:0}.guide-method{font-size:14px;color:#58675c}.guide-checks{counter-reset:guide;padding:0;list-style:none}.guide-checks li{counter-increment:guide;background:#fffdf7;border:1px solid #d5ddce;border-radius:12px;padding:20px;margin:14px 0}.guide-checks li:before{content:counter(guide,decimal-leading-zero);display:block;color:#54745d;font-weight:800;margin-bottom:8px}.field-guide table{border-collapse:collapse;width:100%}.field-guide th,.field-guide td{padding:12px;text-align:left;border-bottom:1px solid #d5ddce;vertical-align:top}.field-guide figure svg{display:block;width:100%;height:auto}

.field-guide h1{font-size:clamp(29px,4vw,46px);line-height:1.15;letter-spacing:-1px}

.illustrated .strategy-diagram{aspect-ratio:1000/580;object-fit:contain;background:#173a30}

.field-guide{max-width:1120px}.guide-opening{display:grid;grid-template-columns:minmax(0,1.05fr) minmax(0,1fr);gap:28px;align-items:start}.guide-opening h1{font-size:clamp(29px,3.4vw,40px)}.guide-opening figure{margin:28px 0}.guide-opening figcaption{font-size:12px}.guide-opening .answer-panel{padding:18px}.field-guide>h2,.field-guide>p,.field-guide>ol,.field-guide>.table-scroll{max-width:850px}.guide-image-link{display:block}.guide-image-link img{cursor:zoom-in}.field-guide figure img{border-radius:12px}@media(max-width:760px){.guide-opening{grid-template-columns:minmax(0,1fr);gap:0}.guide-opening figure{margin:8px 0 20px}.guide-opening h1{font-size:32px}}

/* Dota identity: actual hero art first, tactical schematics within the lesson. */
.dota-hub{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.4fr);gap:28px;align-items:center;background:#201c1b;color:#fff5eb;padding:28px;border-radius:18px;margin:24px 0 36px;border-top:5px solid #bd4b36}.dota-hub h1{font-size:clamp(34px,5vw,58px)}.dota-hub .intro,.dota-hub .eyebrow,.dota-hub figcaption,.dota-hub .small{color:#dacac0}.dota-hub figure{margin:0}.dota-hub img{display:block;width:100%;height:auto;border-radius:12px}.dota-hub .quick-links a{background:#3b2c27;border-color:#795344;color:#fff3e6}.dota-page .eyebrow{color:#9e412f}.field-guide .dota-hero-render{display:block;width:100%;height:400px;object-fit:cover;object-position:center 80%;background:radial-gradient(ellipse at 50% 80%,#6f3024,#221b1a 70%)}.illustrated .dota-card-portrait{aspect-ratio:256/144;object-fit:cover;image-rendering:auto;background:#211d1a}.dota-page .guide-opening figcaption{color:#65554c}@media(max-width:760px){.dota-hub{grid-template-columns:minmax(0,1fr);padding:20px}.field-guide .dota-hero-render{height:330px}}

.field-guide img.dota-skill-icon{width:128px!important;max-width:128px!important;height:128px!important;object-fit:contain;}
nav.site-nav{display:flex;align-items:center;flex-wrap:wrap;gap:8px}nav.site-nav a{padding:9px 15px;border-radius:999px;text-decoration:none;font-size:15px;font-weight:650;line-height:1.3;transition:background .15s}nav.site-nav a:hover{background:#e6edde}nav.site-nav a[aria-current=page]{background:#dfe9d6;color:#203b2c;text-decoration:none}@media(max-width:600px){nav.site-nav{gap:5px}nav.site-nav a{padding:8px 12px;font-size:14px}}
.portal-hero{display:grid;grid-template-columns:1.25fr 1fr;gap:36px;align-items:start;padding:26px 0 28px}.portal-hero h1{font-size:clamp(32px,3.4vw,48px);line-height:1.12;letter-spacing:-.025em;margin:12px 0 18px}.portal-hero h1 span{font-size:.8em;color:#56745d}.portal-hero .intro{font-size:18px;max-width:650px}.portal-feature{border:1px solid #d3dbce;border-radius:16px;background:#fff;overflow:hidden}.portal-feature>a{display:block;text-decoration:none;color:inherit}.portal-feature img{display:block;width:100%;height:190px;object-fit:cover}.portal-feature>a>p,.portal-feature h2,.portal-feature>a>span{margin-left:20px;margin-right:20px}.portal-feature h2{font-size:24px;margin-top:8px;margin-bottom:10px}.portal-feature .eyebrow{margin-top:16px;font-size:11px}.portal-feature>a>span{display:block;font-weight:700;margin-bottom:18px}.portal-feature>.small{font-size:12px;padding:0 20px 14px;color:#58675c}.portal-directory{padding:24px 0 24px}.portal-directory h1{font-size:clamp(32px,4vw,48px);margin:10px 0 14px;line-height:1.1}.portal-directory .intro{font-size:18px;max-width:900px;margin-bottom:14px}.portal-games .section-title{margin-top:0}.portal-games .grid{margin-top:12px}@media(max-width:700px){.portal-hero{grid-template-columns:1fr;gap:20px;padding:20px 0}.portal-hero h1{font-size:34px}.portal-feature img{height:170px}.portal-directory{padding:20px 0}.portal-directory h1{font-size:34px}.portal-directory .intro{font-size:17px}}
.dota-page video{display:block;width:100%;max-width:850px;aspect-ratio:16/9;background:#14221c;border-radius:12px;object-fit:contain}.dota-ability-identity{display:flex;align-items:center;gap:20px;margin:24px 0;padding:20px;background:#edf1e7;border-radius:12px}.dota-ability-identity img{flex:none}.dota-stat-table{overflow-x:auto}.dota-stat-table table{width:100%;border-collapse:collapse}.dota-stat-table th,.dota-stat-table td{padding:12px;text-align:left;border-bottom:1px solid #d3dbcf}.dota-problem-cases section{padding:16px 20px;margin:14px 0;background:#fff;border-left:4px solid #627e56}.dota-problem-cases h3{margin:0 0 10px}@media(max-width:600px){.dota-ability-identity{align-items:flex-start;gap:12px;padding:14px}.dota-ability-identity img.dota-skill-icon{width:72px!important;max-width:72px!important;height:72px!important}.dota-stat-table{font-size:14px}}