/* Knolquiz: focused content-first layout, 2026-10-29 */
.home-page .home-section{padding-top:14px;gap:12px}
.home-page .intro-copy{display:grid;grid-template-columns:auto minmax(0,1fr);gap:8px 18px;padding:12px 0 16px;align-items:center}
.home-page .intro-copy .hero-brand{grid-column:1;grid-row:1 / span 2}
.home-page .intro-copy .hero-logo{width:45px;height:45px}
.home-page .intro-copy .hero-brand h1{font-size:26px}
.home-page .intro-copy .hero-brand small{font-size:11px}
.home-page .intro-copy>p{grid-column:2;grid-row:1;margin:0;font-size:16px;font-weight:700}
.home-page .hero-actions{grid-column:2;grid-row:2;display:flex;justify-content:flex-start;flex-wrap:wrap;gap:8px}
.home-page .hero-actions :is(.home-button,.teacher-console-toggle){min-height:38px;padding:7px 12px;font-size:13px}
.home-page .hero-actions .teacher-console-toggle{background:#ffda56;border-color:#c49c28;color:#302600;font-weight:800}
.home-page .hero-actions .content-count{margin-left:auto;align-self:center;font-size:12px}
.home-more-menu{position:relative;font-size:13px;z-index:5}
.home-more-menu>summary{list-style:none;cursor:pointer;min-height:38px;display:flex;align-items:center;padding:7px 12px;border:1px solid #d6cba9;border-radius:9px;background:#fff;font-weight:700}
.home-more-menu>summary::-webkit-details-marker{display:none}
.home-more-links{position:absolute;right:0;top:calc(100% + 6px);display:grid;gap:4px;min-width:180px;padding:9px;border:1px solid #dfd4b9;background:#fff;border-radius:10px;box-shadow:0 12px 24px #31241422}
.home-more-links>a{padding:10px;color:#302b20;text-decoration:none}
.home-more-links .home-button{width:100%;white-space:nowrap}
.home-page .library-top .section-heading{margin-bottom:7px}
.home-page .library-top h2{font-size:23px}
.home-page .library-top p{font-size:13px}
.home-page .filter-toolbar{padding:9px 10px;margin-bottom:12px}
.home-page .filter-chip-list{gap:6px;max-height:82px}
.home-page .filter-button{min-height:34px;padding:6px 11px;font-size:12px}
.home-page .content-grid{grid-template-columns:repeat(auto-fit,minmax(min(265px,100%),1fr));gap:13px}
.home-page .content-card{min-height:330px}
.home-page .content-card-front{grid-template-rows:142px 1fr}
.home-page .content-art img{max-height:130px}
.home-page .content-body{gap:7px;padding:14px}
.home-page .content-body h3{font-size:20px}
.home-page .content-body p{font-size:13px;line-height:1.45}
.home-page .content-meta{max-height:30px;overflow:hidden;gap:4px}
.home-page .content-tags{max-height:25px;overflow:hidden}
.home-page .content-actions{margin-top:auto}
.home-page .content-action{min-height:40px}
.home-page .teacher-share-panel{display:grid;gap:12px;padding:17px;margin:0 20px 8px;background:#fff9e7;border:1px solid #e6d5a3;border-radius:13px}
.teacher-share-heading{display:flex;justify-content:space-between;gap:8px;flex-wrap:wrap;align-items:baseline}
.teacher-share-heading strong{font-size:17px;color:#332b1e}
.teacher-share-heading span,.teacher-share-hint{font-size:12px;color:#665b43}
.teacher-share-fields{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:9px}
.home-page .teacher-share-fields .shared-quiz-pack-field{min-width:0;display:grid;gap:5px;padding:9px 10px;white-space:normal}
.home-page .teacher-share-fields .shared-quiz-pack-field select{width:100%;max-width:100%;min-height:36px}
.teacher-share-hint{margin:0;line-height:1.5}
.home-page .console-modal-card{max-height:min(92vh,930px);overflow-y:auto}
.home-page .console-modal-body{padding-top:4px}
.home-page .console-section{border-radius:10px}
.home-page .console-modal-footer{position:sticky;bottom:0;background:#fff;z-index:2}
@media(max-width:900px){.home-page .intro-copy{grid-template-columns:1fr;gap:8px}.home-page .intro-copy .hero-brand,.home-page .intro-copy>p,.home-page .hero-actions{grid-column:1;grid-row:auto}.home-page .intro-copy>p{font-size:15px}.home-page .hero-actions{justify-content:flex-start}.home-page .hero-actions .content-count{margin-left:0}.teacher-share-fields{grid-template-columns:1fr}.home-page .teacher-share-panel{margin:0 12px 8px}}
@media(max-width:540px){.home-page .content-grid{grid-template-columns:1fr}.home-page .content-card{min-height:0}.home-page .hero-actions :is(.teacher-console-toggle,.home-button){font-size:12px}.home-page .teacher-share-panel{padding:12px}.home-page .content-card-front{grid-template-rows:136px 1fr}}

/* 2026-10-29 second-pass visual hierarchy */
.home-page .update-banner{margin-top:7px;box-shadow:none;animation:none}
.home-page .update-banner-main{padding:6px 12px;gap:9px}
.home-page .update-banner-badge{min-height:24px;padding:0 9px;font-size:11px}
.home-page .update-banner-copy strong{font-size:12px;line-height:1.2}
.home-page .update-banner-copy p{display:none}
.home-page .update-banner-button,.home-page .update-banner-close{min-height:30px;font-size:11px}
.home-page .home-section{padding-top:6px;gap:7px}
.home-page .intro-copy{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:7px 0 10px}
.home-page .intro-headline{display:flex;align-items:baseline;flex-wrap:wrap;gap:10px}
.home-page .intro-headline h1{font-size:25px;line-height:1.25;margin:0;font-weight:900;letter-spacing:-.05em}
.home-page .intro-headline p{font-size:13px;margin:0;color:#665b43;font-weight:600;line-height:1.5}
.home-page .hero-actions{display:flex;align-items:center;justify-content:flex-end;width:auto;gap:7px}
.home-page .hero-actions .teacher-console-toggle{background:#fff;border:1px solid #d6cba9}
.home-page .hero-actions .teacher-console-toggle:hover{background:#ffefae}
.home-page .hero-actions .content-count{display:none}
.home-page .library-top{margin:0;padding:0}
.home-page .library-top .section-heading{margin:0}
.home-page .library-top h2{font-size:16px;margin:0 0 6px}
.library-search-field{display:flex;align-items:center;gap:9px;min-height:42px;padding:0 13px;background:#fff;border:1px solid #d9cba9;border-radius:10px;margin:0 0 7px}
.library-search-field:focus-within{outline:2px solid #d4aa3a;outline-offset:1px}
.library-search-field .library-search-symbol{font-size:25px;color:#89744a}
.library-search-field input{flex:1;min-width:0;border:0;background:transparent;outline:none;font:inherit;font-size:14px;color:#302b20}
.library-search-hint{font-size:11px;color:#92836b}
.home-page .filter-toolbar{margin:0 0 10px;padding:7px 10px;gap:8px}
.home-page .filter-chip-list{max-height:35px;gap:6px;align-items:center}
.home-page .filter-chip-list.is-expanded{max-height:none}
.home-page .filter-button{min-height:32px;padding:5px 10px;font-size:12px}
.home-page .filter-toggle{min-height:32px;padding:4px 9px}
.home-page .content-card-front{grid-template-rows:152px 1fr}
.home-page .content-body{padding:12px;gap:6px}
.home-page .content-body h3{font-size:19px;order:-1}
.home-page .content-meta{max-height:28px;order:0}
.home-page .content-description{order:1}
.home-page .content-tags{order:2;max-height:22px}
.home-page .content-actions{order:3}
@media(max-width:900px){.home-page .intro-copy{align-items:flex-start;flex-direction:column}.home-page .hero-actions{width:100%;justify-content:flex-start}.home-page .intro-headline{gap:4px}.home-page .intro-headline h1{font-size:23px}}
@media(max-width:540px){.home-page .intro-headline{display:block}.home-page .intro-headline p{font-size:12px}.home-page .update-banner-copy p{display:none}.home-page .library-search-field{min-height:44px}.home-page .filter-chip-list{max-height:35px}}