/* Subject category detail pages: cohesive FactBurst quiz-library experience */
.category-page{max-width:1480px;padding:28px 24px 68px;color:var(--color-text);--subject-ink:#102b4d;--subject-muted:#55718d;--subject-line:#d8e8f3;--subject-teal:#079cbd}
.category-page .category-hero{position:relative;isolation:isolate;overflow:hidden;display:grid;grid-template-columns:minmax(0,1.35fr) minmax(370px,.9fr);grid-template-rows:auto auto 1fr;column-gap:32px;align-items:center;max-width:none;margin:0;padding:clamp(30px,4.3vw,54px) clamp(28px,4.5vw,64px);border:1px solid #d6eaf5!important;border-radius:25px!important;background:linear-gradient(115deg,#f1faff 0%,#f8fcff 52%,#d9f3ff 100%)!important;box-shadow:0 15px 40px rgba(25,75,105,.07)}
.category-page .category-hero:before{content:"";position:absolute;z-index:-1;right:-95px;top:-235px;width:430px;height:430px;border:1px solid #b3e5f7;border-radius:50%;box-shadow:0 0 0 38px rgba(105,205,240,.12),0 0 0 82px rgba(105,205,240,.09)}
.category-page .category-hero>.eyebrow{grid-column:1;grid-row:1;margin:0 0 12px;color:#0786ae;font-size:11px;font-weight:900;letter-spacing:.19em;text-transform:uppercase}
.category-page .category-hero h1{grid-column:1;grid-row:2;max-width:800px;margin:0;color:var(--subject-ink);font-size:clamp(38px,4.3vw,61px);font-weight:900;line-height:1.04;letter-spacing:-.06em}
.category-page .category-hero .hero-text{grid-column:1;grid-row:3;max-width:760px;margin:17px 0 0;color:#456583;font-size:17px;line-height:1.7}
.category-page .category-stat-grid{grid-column:2;grid-row:1/4;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;margin:0;align-self:stretch;align-items:stretch}
.category-page .category-stat{display:flex;min-width:0;min-height:170px;flex-direction:column;align-items:center;justify-content:center;gap:10px;padding:18px 8px;border:1px solid #cfe5f3!important;border-radius:17px!important;background:rgba(255,255,255,.92)!important;text-align:center}
.category-page .category-stat:before{display:grid;place-items:center;min-height:35px;color:#119ec8;font-size:30px;font-weight:900;line-height:1}
.category-page .category-stat:nth-child(1):before{content:"▦"}
.category-page .category-stat:nth-child(2):before{content:"?" ;display:grid;place-items:center;width:35px;height:35px;min-height:35px;border-radius:50%;background:#27a8e4;color:#fff;font-size:24px}
.category-page .category-stat:nth-child(3):before{content:"✓";color:#7854e9}
.category-page .category-stat span{color:#58728c;font-size:10px;font-weight:900;letter-spacing:.12em;text-transform:uppercase}
.category-page .category-stat strong{color:var(--subject-ink);font-size:clamp(21px,2vw,29px);font-weight:900;line-height:1.08;letter-spacing:-.04em;overflow-wrap:anywhere}
.category-page .category-content-card,.category-page .category-learning-card,.category-page .category-practice-card,.category-page .category-amazon-card{margin-top:19px;padding:clamp(23px,3vw,36px);border:1px solid var(--subject-line)!important;border-radius:21px!important;background:#fff!important;box-shadow:0 9px 28px rgba(19,45,73,.035)}
.category-page .category-content-card{display:grid;grid-template-columns:minmax(0,1.35fr) minmax(270px,.75fr);gap:24px;align-items:stretch}
.category-page .category-content-card .eyebrow,.category-page .category-learning-card .eyebrow,.category-page .category-practice-card .eyebrow,.category-page .category-amazon-section .eyebrow,.category-page .category-quiz-section .eyebrow,.category-page .category-related-section .eyebrow{margin:0 0 9px;color:#0786ae;font-size:10px;font-weight:900;letter-spacing:.16em;text-transform:uppercase}
.category-page .category-content-card h2,.category-page .category-learning-card h2,.category-page .category-practice-card h2{margin:0 0 11px;color:var(--subject-ink);font-size:clamp(23px,2.5vw,32px);font-weight:900;line-height:1.17;letter-spacing:-.045em}
.category-page .category-content-card p:not(.eyebrow),.category-page .category-learning-card p:not(.eyebrow),.category-page .category-practice-card p:not(.eyebrow){margin:0;color:var(--subject-muted);font-size:15px;line-height:1.75}
.category-page .category-content-detail{display:flex;flex-direction:column;align-items:flex-start;justify-content:center;gap:12px;padding:20px 22px;border:1px solid #d9edf6!important;border-radius:16px!important;background:linear-gradient(145deg,#f4fbff,#eaf8ff)!important}
.category-page .category-content-detail span{color:#58728c;font-size:10px;font-weight:900;letter-spacing:.13em;text-transform:uppercase}
.category-page .category-content-detail strong{color:var(--subject-ink);font-size:16px;line-height:1.6}
.category-page .category-content-detail .text-link{margin-top:3px;color:#078db5;font-size:13px;font-weight:850;text-decoration:none}
.category-page .category-content-detail .text-link:hover{text-decoration:underline}
.category-page .category-learning-card{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:24px;background:linear-gradient(120deg,#f5fbff,#eaf8ff)!important}
.category-page .category-learning-card h2{max-width:700px}
.category-page .category-learning-card .button{align-self:center;white-space:nowrap;border-radius:12px}
.category-page .category-practice-card{background:linear-gradient(125deg,#fff,#f7fbff)!important}
.category-page .category-practice-card h2{font-size:25px}
.category-page .category-amazon-section{padding-top:30px}
.category-page .section-heading{margin-bottom:15px}
.category-page .section-heading h2{margin:0;color:var(--subject-ink);font-size:clamp(27px,3vw,36px);font-weight:900;line-height:1.13;letter-spacing:-.045em}
.category-page .category-amazon-card{display:flex;align-items:center;justify-content:space-between;gap:24px;background:linear-gradient(115deg,#fff,#f4fbff)!important}
.category-page .category-amazon-card h3{margin:13px 0 8px;color:var(--subject-ink);font-size:22px;font-weight:900;letter-spacing:-.03em}
.category-page .category-amazon-card p,.category-page .category-amazon-card small{display:block;margin:0 0 8px;color:var(--subject-muted);font-size:14px;line-height:1.65}
.category-page .category-amazon-card .button{flex:0 0 auto;min-height:48px;border-radius:12px}
.category-page .category-quiz-section{padding-top:34px;padding-bottom:15px}
.category-page .category-quiz-section .quiz-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:15px}
.category-page .category-quiz-section .quiz-card{display:flex;min-width:0;min-height:220px;flex-direction:column;padding:22px;border:1px solid var(--subject-line)!important;border-radius:18px!important;background:#fff!important;box-shadow:0 8px 24px rgba(19,45,73,.035);text-decoration:none;transition:transform .16s,border-color .16s,box-shadow .16s}
.category-page .category-quiz-section .quiz-card:hover{transform:translateY(-3px);border-color:#b9deef!important;box-shadow:0 13px 30px rgba(19,45,73,.075)}
.category-page .category-quiz-section .category-pill{align-self:flex-start;margin-bottom:13px;padding:6px 9px;border-radius:99px;background:#eaf8fd;color:#0785aa;font-size:10px;font-weight:850}
.category-page .category-quiz-section .quiz-card h3{margin:0 0 10px;color:var(--subject-ink);font-size:19px;font-weight:900;line-height:1.3;letter-spacing:-.025em}
.category-page .category-quiz-section .quiz-card p{margin:0 0 18px;color:var(--subject-muted);font-size:13px;line-height:1.65}
.category-page .category-quiz-section .quiz-card .quiz-card-footer{display:flex;justify-content:space-between;gap:10px;margin-top:auto;padding-top:14px;border-top:1px solid #edf3f7;color:#078db5;font-size:12px;font-weight:850}
.category-page .category-related-section{padding-top:27px}
.category-page .category-related-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}
.category-page .category-related-card{min-height:86px;padding:18px;border:1px solid var(--subject-line)!important;border-radius:15px!important;background:#fff!important;text-decoration:none}
.category-page .category-related-card strong{color:var(--subject-ink);font-size:15px;font-weight:850}
.category-page .category-related-card span{color:var(--subject-muted);font-size:12px}
.category-page .category-not-found{margin-top:30px;padding:35px;border:1px solid var(--subject-line);border-radius:20px;background:#fff}
@media(max-width:1050px){.category-page .category-hero{grid-template-columns:1fr;grid-template-rows:auto}.category-page .category-hero>.eyebrow,.category-page .category-hero h1,.category-page .category-hero .hero-text{grid-column:1;grid-row:auto}.category-page .category-stat-grid{grid-column:1;grid-row:auto;margin-top:24px}.category-page .category-stat{min-height:125px}.category-page .category-hero h1{font-size:clamp(38px,5.8vw,54px)}.category-page .category-content-card{grid-template-columns:1fr}.category-page .category-learning-card{grid-template-columns:1fr;align-items:start}.category-page .category-learning-card .button{justify-self:start}.category-page .category-quiz-section .quiz-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:650px){.category-page{padding:20px 15px 45px}.category-page .category-hero{gap:0;padding:25px 20px;border-radius:20px}.category-page .category-hero h1{font-size:clamp(34px,8.7vw,46px)}.category-page .category-hero .hero-text{font-size:15px}.category-page .category-stat-grid{gap:6px;margin-top:20px}.category-page .category-stat{min-height:108px;gap:6px;padding:12px 4px;border-radius:12px}.category-page .category-stat:before{min-height:27px;font-size:24px}.category-page .category-stat:nth-child(2):before{width:29px;height:29px;min-height:29px;font-size:20px}.category-page .category-stat span{font-size:8px;letter-spacing:.05em}.category-page .category-stat strong{font-size:20px}.category-page .category-content-card,.category-page .category-learning-card,.category-page .category-practice-card,.category-page .category-amazon-card{margin-top:13px;padding:19px 16px;border-radius:17px!important}.category-page .category-content-card h2,.category-page .category-learning-card h2{font-size:24px}.category-page .category-content-card p:not(.eyebrow),.category-page .category-learning-card p:not(.eyebrow),.category-page .category-practice-card p:not(.eyebrow){font-size:14px}.category-page .category-content-detail{padding:17px}.category-page .category-learning-card .button{width:100%;text-align:center}.category-page .category-amazon-card{align-items:stretch;flex-direction:column;gap:15px}.category-page .category-amazon-card .button{width:100%;text-align:center}.category-page .category-quiz-section .quiz-grid,.category-page .category-related-grid{grid-template-columns:1fr;gap:10px}.category-page .category-quiz-section .quiz-card{min-height:190px;padding:18px}.category-page .category-quiz-section .quiz-card h3{font-size:18px}.category-page .section-heading h2{font-size:27px}}
@media(prefers-reduced-motion:reduce){.category-page *{transition:none!important}}

/* Category detail redesign: editorial hero, compact controls and quiz-first layout. */
.category-page{max-width:1480px;padding:24px 26px 64px;background:linear-gradient(180deg,#f4faff 0%,#edf7fd 100%);border-radius:0 0 24px 24px}
.category-page .category-hero{grid-template-columns:minmax(0,1.35fr) minmax(360px,.9fr);grid-template-rows:auto auto 1fr;column-gap:28px;min-height:300px;padding:34px clamp(26px,3.5vw,48px);background:linear-gradient(115deg,#effaff 0%,#f7fcff 48%,#c9f0ff 100%)!important}
.category-page .category-hero:after{content:"🍿  🎞️";position:absolute;z-index:-1;right:34%;bottom:-14px;font-size:clamp(52px,6vw,86px);letter-spacing:-.2em;opacity:.78;filter:drop-shadow(0 8px 10px rgba(30,90,120,.13));pointer-events:none}
.category-page .category-hero h1{font-size:clamp(36px,4vw,57px);line-height:1.05;letter-spacing:-.055em}
.category-page .category-hero .hero-text{font-size:16px;line-height:1.65}
.category-page .category-stat{min-height:150px;gap:8px;padding:15px 7px}
.category-page .category-stat:nth-child(1):before{content:"▣"}
.category-page .category-stat:nth-child(3):before{content:"★";color:#f4ad24}
.category-page .category-stat strong{font-size:clamp(19px,1.7vw,27px)}
.category-page .category-browser{display:grid;grid-template-columns:minmax(250px,1fr) auto;gap:14px;align-items:center;margin:24px 0 19px}
.category-page .category-search{display:flex;align-items:center;gap:12px;min-height:48px;padding:0 18px;border:1px solid #dce9f3;border-radius:99px;background:#fff;box-shadow:0 5px 18px rgba(25,75,105,.035)}
.category-page .category-search>span{font-size:29px;line-height:1;color:#294966;transform:rotate(-20deg)}
.category-page .category-search input{width:100%;min-width:0;border:0;outline:0;background:transparent;color:var(--subject-ink);font:inherit;font-size:14px}
.category-page .category-search:focus-within{border-color:#75cde5;box-shadow:0 0 0 3px rgba(7,156,189,.1)}
.category-page .category-sort{display:flex;gap:8px;flex-wrap:wrap;justify-content:flex-end}
.category-page .category-sort button{min-height:44px;padding:9px 19px;border:1px solid #dce9f3;border-radius:99px;background:#fff;color:#58728c;font:inherit;font-size:12px;font-weight:850;white-space:nowrap;cursor:pointer}
.category-page .category-sort button.active{border-color:#079cbd;background:linear-gradient(100deg,#0798bd,#0cb8cf);color:#fff;box-shadow:0 5px 12px rgba(7,156,189,.12)}
.category-page .category-main-layout{display:grid;grid-template-columns:minmax(0,1.65fr) minmax(280px,.9fr);gap:15px;align-items:start}
.category-page .category-quiz-section{min-width:0;padding-top:8px}
.category-page .category-quiz-section .section-heading{display:flex;justify-content:space-between;align-items:flex-end;gap:15px;margin-bottom:14px}
.category-page .category-quiz-section .section-heading h2,.category-page .category-related-section .section-heading h2{font-size:clamp(23px,2.5vw,31px)}
.category-page .category-result-count{flex-shrink:0;color:#58728c;font-size:12px;font-weight:800}
.category-page .category-quiz-section .quiz-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:13px}
.category-page .category-quiz-section .quiz-card{min-height:230px;padding:16px;border-radius:16px!important}
.category-page .category-quiz-card-top{display:grid;grid-template-columns:88px minmax(0,1fr);gap:13px;align-items:start}
.category-page .category-quiz-art{display:grid;place-items:center;width:88px;height:88px;border-radius:14px;background:linear-gradient(145deg,#d8f2ff,#8edcf8);font-size:43px;line-height:1}
.category-page .category-quiz-card:nth-child(4n+2) .category-quiz-art{background:linear-gradient(145deg,#fff0bc,#ffc14e)}
.category-page .category-quiz-card:nth-child(4n+3) .category-quiz-art{background:linear-gradient(145deg,#efdfff,#ae7bff)}
.category-page .category-quiz-card:nth-child(4n) .category-quiz-art{background:linear-gradient(145deg,#d5fbe1,#63d88d)}
.category-page .category-quiz-copy{min-width:0}
.category-page .category-quiz-section .category-pill{margin-bottom:8px;padding:5px 8px;font-size:9px}
.category-page .category-quiz-section .quiz-card h3{font-size:17px;line-height:1.25}
.category-page .category-quiz-section .quiz-card p{display:-webkit-box;overflow:hidden;margin-bottom:12px;font-size:12px;line-height:1.55;-webkit-line-clamp:3;-webkit-box-orient:vertical}
.category-page .category-quiz-section .quiz-card .quiz-card-footer{padding-top:12px;font-size:12px}
.category-page .category-sidebar{display:grid;gap:15px}
.category-page .category-sidebar-card{min-width:0;padding:22px;border:1px solid var(--subject-line);border-radius:17px;background:rgba(255,255,255,.97);box-shadow:0 8px 24px rgba(19,45,73,.035)}
.category-page .category-sidebar-heading{display:flex;align-items:flex-start;justify-content:space-between;gap:12px}
.category-page .category-sidebar-card .eyebrow{margin:0 0 10px;color:#0786ae;font-size:10px;font-weight:900;letter-spacing:.15em;text-transform:uppercase}
.category-page .category-sidebar-card h2{margin:0;color:var(--subject-ink);font-size:20px;font-weight:900;line-height:1.25;letter-spacing:-.035em}
.category-page .category-sidebar-icon{display:grid;place-items:center;flex:0 0 48px;width:48px;height:48px;border-radius:13px;background:linear-gradient(145deg,#ffb8d9,#f44b98);font-size:27px}
.category-page .category-sidebar-card>p:not(.eyebrow){margin:14px 0 0;color:var(--subject-muted);font-size:13px;line-height:1.72}
.category-page .category-sidebar-card .text-link{display:inline-block;margin-top:14px;color:#078db5;font-size:12px;font-weight:850;text-decoration:none}
.category-page .category-topics-card h2{margin-bottom:13px;font-size:19px}
.category-page .category-topic-tags{display:flex;flex-wrap:wrap;gap:7px}
.category-page .category-topic-tags span{padding:8px 11px;border-radius:99px;background:#eaf6fd;color:#315473;font-size:11px;line-height:1.2}
.category-page .category-no-results{margin:0;padding:22px;border:1px dashed #cbdfea;border-radius:14px;color:var(--subject-muted);text-align:center}
.category-page .category-related-section{margin-top:24px;padding:21px;border:1px solid #e0edf6;border-radius:18px;background:rgba(255,255,255,.88)}
.category-page .category-related-section .section-heading{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-bottom:14px}
.category-page .category-view-all{color:#0785c5;font-size:12px;font-weight:850;text-decoration:none;white-space:nowrap}
.category-page .category-related-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}
.category-page .category-related-card{display:flex;align-items:center;gap:10px;min-height:78px;padding:12px;border-radius:13px!important;transition:transform .15s,border-color .15s}
.category-page .category-related-card:hover{transform:translateY(-2px);border-color:#b9deef!important}
.category-page .category-related-icon{display:grid;place-items:center;flex:0 0 46px;width:46px;height:46px;border-radius:12px;background:linear-gradient(145deg,#c9f1ff,#39afea);font-size:24px}
.category-page .category-related-card:nth-child(3n+2) .category-related-icon{background:linear-gradient(145deg,#eedfff,#a875ff)}
.category-page .category-related-card:nth-child(3n) .category-related-icon{background:linear-gradient(145deg,#ffedbf,#ffb947)}
.category-page .category-related-copy{display:grid;min-width:0;gap:5px}
.category-page .category-related-copy strong{font-size:12px;line-height:1.3}
.category-page .category-related-copy small{color:var(--subject-muted);font-size:10px}
.category-page .category-related-arrow{margin-left:auto;color:#078db5;font-size:17px}
.category-page .category-learning-card,.category-page .category-practice-card,.category-page .category-amazon-section{margin-top:18px}
@media(max-width:1050px){.category-page .category-hero{grid-template-columns:1fr;grid-template-rows:auto}.category-page .category-hero>.eyebrow,.category-page .category-hero h1,.category-page .category-hero .hero-text{grid-column:1;grid-row:auto}.category-page .category-stat-grid{grid-column:1;grid-row:auto;margin-top:22px}.category-page .category-hero:after{right:10%;bottom:80px}.category-page .category-main-layout{grid-template-columns:minmax(0,1.3fr) minmax(250px,.8fr)}.category-page .category-quiz-section .quiz-grid{grid-template-columns:1fr}.category-page .category-related-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:760px){.category-page .category-main-layout{grid-template-columns:1fr}.category-page .category-quiz-section .quiz-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.category-page .category-quiz-card-top{grid-template-columns:72px minmax(0,1fr);gap:10px}.category-page .category-quiz-art{width:72px;height:72px;font-size:35px}.category-page .category-hero:after{right:4%;bottom:160px;font-size:58px}}
@media(max-width:560px){.category-page{padding:18px 13px 40px}.category-page .category-hero{padding:24px 19px}.category-page .category-hero h1{font-size:clamp(32px,8vw,43px)}.category-page .category-hero:after{display:none}.category-page .category-stat{min-height:100px}.category-page .category-browser{grid-template-columns:1fr;margin:16px 0 14px}.category-page .category-sort{display:flex;justify-content:flex-start}.category-page .category-sort button{flex:1;padding:8px 11px;min-height:40px}.category-page .category-quiz-section .quiz-grid{grid-template-columns:1fr}.category-page .category-quiz-card-top{grid-template-columns:78px minmax(0,1fr)}.category-page .category-quiz-art{width:78px;height:78px}.category-page .category-sidebar-card{padding:18px}.category-page .category-related-section{padding:16px}.category-page .category-related-grid{grid-template-columns:1fr}.category-page .category-related-section .section-heading{align-items:flex-start;flex-direction:column}.category-page .category-learning-card .button{width:100%;text-align:center}}

.category-page .category-hero h1 span{color:#0798bc}
.category-page .category-stat:nth-child(3) strong{color:#0798bc}


/* Final visual alignment with the category-page reference */
.category-page{max-width:1480px;padding-top:22px}
.category-page .category-hero{min-height:310px;grid-template-columns:minmax(0,1.3fr) minmax(390px,.9fr);grid-template-rows:auto auto auto auto;align-content:center;row-gap:0;padding:34px clamp(28px,3.8vw,52px)}
.category-page .category-hero>.eyebrow{grid-row:1;margin-bottom:12px}
.category-page .category-hero h1{grid-row:2;align-self:end;max-width:760px}
.category-page .category-hero .hero-text{grid-row:3;align-self:start;max-width:590px;margin-top:15px;margin-bottom:0;font-size:16px;line-height:1.62}
.category-page .category-hero-cta{grid-column:1;grid-row:4;display:inline-flex;align-items:center;justify-self:start;gap:11px;margin-top:17px;padding:14px 22px;border-radius:13px;background:linear-gradient(100deg,#ff4b72,#ed168b);box-shadow:0 9px 20px rgba(238,35,124,.17);color:#fff;font-size:14px;font-weight:900;text-decoration:none;transition:transform .16s,box-shadow .16s}
.category-page .category-hero-cta:hover{transform:translateY(-2px);box-shadow:0 12px 25px rgba(238,35,124,.23)}
.category-page .category-hero-cta span{font-size:13px}
.category-page .category-stat-grid{grid-row:1/5;align-self:center}
.category-page .category-stat{min-height:190px}
.category-page .category-stat:nth-child(3):before{content:"★";color:#f4ad24}
.category-page .category-browser{margin-top:24px;margin-bottom:18px}
.category-page .category-main-layout{grid-template-columns:minmax(0,1.65fr) minmax(300px,.9fr);gap:15px}
.category-page .category-quiz-section .quiz-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:13px}
.category-page .category-quiz-section .quiz-card{min-height:230px}
.category-page .category-quiz-section .quiz-card .quiz-card-footer{border-top:0;padding-top:8px}
.category-page .category-sort button{padding-inline:17px}
@media(max-width:1050px){
 .category-page .category-hero{grid-template-columns:1fr;grid-template-rows:auto;row-gap:0}
 .category-page .category-hero>.eyebrow,.category-page .category-hero h1,.category-page .category-hero .hero-text,.category-page .category-hero-cta{grid-column:1;grid-row:auto}
 .category-page .category-stat-grid{grid-column:1;grid-row:auto;margin-top:22px}
 .category-page .category-stat{min-height:125px}
}
@media(max-width:650px){
 .category-page .category-hero{padding:25px 20px}
 .category-page .category-hero-cta{width:100%;justify-content:center;text-align:center;font-size:13px}
 .category-page .category-stat{min-height:105px}
}


/* Tighten the hero to the reference proportions: the stat cards must not stretch the grid. */
.category-page .category-hero{min-height:310px;height:auto;grid-template-rows:auto auto auto auto;align-items:center}
.category-page .category-hero .category-stat-grid{height:190px;min-height:190px;max-height:190px;align-self:center;grid-row:1/5;grid-column:2}
.category-page .category-hero .category-stat{height:190px;min-height:190px;max-height:190px;box-sizing:border-box}
.category-page .category-hero .hero-text{max-width:590px}
@media(max-width:1050px){
 .category-page .category-hero{min-height:0}
 .category-page .category-hero .category-stat-grid{height:auto;min-height:0;max-height:none;grid-row:auto;grid-column:1}
 .category-page .category-hero .category-stat{height:auto;min-height:125px;max-height:none}
}
@media(max-width:650px){
 .category-page .category-hero .category-stat{min-height:105px}
}


/* Crawlable category pagination */
.category-page .category-pagination{display:flex;align-items:center;justify-content:center;gap:14px;flex-wrap:wrap;margin:24px 0 8px;padding:12px 0}
.category-page .category-pagination-link{display:inline-flex;align-items:center;justify-content:center;min-height:42px;padding:9px 16px;border:1px solid #d7e4e7;border-radius:10px;background:#fff;color:#126b7d;font-weight:800;text-decoration:none;transition:background .15s,border-color .15s,transform .15s}
.category-page .category-pagination-link:hover{background:#eef9fb;border-color:#0798bc;transform:translateY(-1px)}
.category-page .category-pagination-status{color:var(--text-muted,#64748b);font-size:14px;font-weight:700}
@media(max-width:560px){.category-page .category-pagination{gap:9px}.category-page .category-pagination-link{padding:8px 12px}.category-page .category-pagination-status{width:100%;order:-1;text-align:center}}

/* Content-quality pass: real question/explanation counts and truthful filters. */
.category-page .category-browser-note{
  margin:-6px 0 18px;padding:0 4px;color:#506b87;font-size:13px;line-height:1.6;
}
.category-page .category-browser-note a{color:#066e94;font-weight:800;text-underline-offset:2px}
.category-page .category-quiz-coverage{
  display:flex;flex-wrap:wrap;gap:6px;margin-top:auto;margin-bottom:6px
}
.category-page .category-quiz-coverage span{
  display:inline-block;padding:4px 8px;border-radius:8px;
  color:#315673;background:#edf6fb;font-size:11px;font-weight:750;line-height:1.4
}
.category-page .category-quiz-coverage span:last-child:not(:first-child){margin-right:2px}
.category-page .category-quiz-section .category-quiz-card[hidden],
.category-page .category-no-results[hidden]{display:none!important}
@media (max-width:560px){
  .category-page .category-browser-note{font-size:12px;margin-top:0}
  .category-page .category-quiz-coverage{gap:5px}
  .category-page .category-sort{gap:6px}
}

/* Crawlable, accessible category path back to the main quiz collection. */
.category-page .category-breadcrumb{
  display:flex;flex-wrap:wrap;align-items:center;gap:9px;
  margin:0 0 15px;color:#53718d;font-size:13px;line-height:1.45;
}
.category-page .category-breadcrumb a{
  color:#08779a;font-weight:750;text-underline-offset:2px;
}
.category-page .category-breadcrumb [aria-current="page"]{
  max-width:100%;overflow-wrap:anywhere;font-weight:800;color:#183e61;
}