/* Approved CueZip mobile visual styling, shared by all devices. */
:root{--ink:#14263f;--muted:#5d6d83;--teal:#008799;--cyan:#12c5d7;--aqua:#b9f2f6;--paper:#f6fcfd;--line:#d6eaf0;--round:22px;font-family:system-ui,-apple-system,'Segoe UI',sans-serif;color:var(--ink)}
*,*::before,*::after{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--paper);min-height:100dvh;display:flex;flex-direction:column;font-size:16px;line-height:1.55}button,input,select,textarea{font:inherit}button{cursor:pointer}img,svg{max-width:100%}h1,h2,h3,p{margin-top:0}h1{font-size:23px;line-height:1.13;letter-spacing:-.035em;margin-bottom:18px}h2{font-size:22px;line-height:1.25}p{color:#455e70}.hidden,[hidden]{display:none!important}
.header{position:sticky;top:0;z-index:100;background:#fff;border-bottom:1px solid #cceef1;min-height:78px}.nav{height:78px;padding:0 16px;display:flex;align-items:center;gap:14px;position:relative}.desktop-menu-btn{border:0;background:transparent;color:var(--teal);font-size:27px;padding:4px 6px;line-height:1}.logo{border:0;background:none;padding:0;flex:none}.brand-mark-window{display:block;width:75px;height:55px;overflow:hidden}.brand-mark-window img{width:100%;height:100%;object-fit:contain}.navlinks{display:flex;align-items:center;gap:3px;margin-left:auto}.navlinks button{border:0;background:transparent;color:#34445d;font-weight:600;font-size:12px;padding:9px 5px;border-radius:9px;white-space:nowrap}.navlinks button.active{background:#e8fafd;color:var(--teal)}.navlinks button:nth-child(n+4){display:none}.desktop-menu{display:none;position:absolute;top:calc(100% - 4px);left:10px;width:min(300px,78vw);padding:12px;background:#fff;border:1px solid var(--line);border-radius:17px;box-shadow:0 16px 35px #183e4929;z-index:105}.desktop-menu.open,.desktop-menu.show,.desktop-menu.active{display:grid}.desktop-menu button{display:block;width:100%;text-align:left;background:transparent;border:0;padding:11px 14px;color:var(--ink);font-size:17px}.desktop-menu button:hover{background:#e9fafd}.mobile-menu-btn,.mobile-menu,.cz-dashboard-tagline{display:none}
.site-shell{width:100%;flex:1;display:block}.side-rail{display:none}.wrap{width:100%;max-width:800px;margin:0 auto;padding:0 20px 64px}.wrap>section{margin-top:30px}.wrap>section#home{margin-top:7px}.back{border:0;background:transparent;color:var(--teal);font-size:17px;font-weight:700;padding:0;margin:0 0 26px}.eyebrow,.section-kicker,.label,.stepnum{font-size:13px;letter-spacing:.15em;text-transform:uppercase;font-weight:750;color:var(--teal)}.lead,.sub{font-size:17px;color:#536b7a;line-height:1.6}.panel{background:#fff;border:1px solid var(--line);border-radius:21px;padding:20px;margin:0 0 18px}.panel p:last-child{margin-bottom:0}.label{margin-bottom:10px}.text-link{border:0;background:none;color:var(--teal);font-weight:700;padding:0;text-decoration:underline}.searchbtn,.inv-searchbtn{background:var(--teal);color:white;border:0;border-radius:14px;padding:13px 17px;font-weight:700}.searchbox,.inv-search,input:not([type=hidden]),select,textarea{min-width:0;max-width:100%;border:1px solid var(--line);background:white;border-radius:14px;padding:12px 15px;color:var(--ink)}textarea{width:100%;resize:vertical}.searchrow,.inv-searchrow{display:flex;gap:8px;align-items:stretch;margin:22px 0}.search-input-wrap{position:relative;flex:1;min-width:0}.searchbox{width:100%;height:100%}.search-clear-x{display:none;position:absolute;right:8px;top:50%;transform:translateY(-50%);border:0;background:white;color:#657}.search-clear-x.visible{display:block}.filters{display:flex;gap:6px;flex-wrap:nowrap;overflow-x:auto;overflow-y:hidden;max-width:100%;-webkit-overflow-scrolling:touch}.filter{border:1px solid var(--line);background:white;border-radius:13px;padding:10px 11px;color:#214457;font-size:14px;font-weight:700;flex:0 0 auto;white-space:nowrap}.filter.active{background:var(--cyan);border-color:var(--cyan);color:#07334a}.filter[data-cat=Science]:not(.active){background:#ddf6e7;color:#267e47}.filter[data-cat=Math]:not(.active){background:#e0ebff;color:#315ca8}.filter[data-cat=English]:not(.active){background:#fbe3f0;color:#a43870}.filter[data-cat='Social Studies']:not(.active){background:#f2e9d8;color:#7b6945}
/* Home: one feature, no legacy secondary desktop sections. */
.hero{position:relative;overflow:hidden;background:linear-gradient(125deg,#b9f3f5,#7ce5ec 56%,#b8f7f7);border:1px solid #35cad7;border-radius:25px;padding:30px 20px;min-height:190px}.hero::before{content:'';position:absolute;width:230px;height:230px;border-radius:50%;right:-85px;top:-85px;background:#ffffff4b}.hero>*{position:relative}.hero h1{font-size:23px;margin:10px 0 14px}.hero .sub{margin:0;font-size:17px;color:#34566b}.hero-brand-card,.cz-home-feature-copy,.cz-home-subject-search,.home-actions-stack,.cz-why-clean,.cz-home-about-founder-row{display:none}.cz-home-cue-heading{font-size:18px;color:var(--teal);font-weight:800;letter-spacing:.06em;margin:26px 0 14px}.cz-home-feature-layout,.cz-home-cue-column{display:block}.cz-home-explore-mobile{display:inline-flex!important;margin:28px 0 30px;border:0;border-radius:14px;padding:13px 22px;background:var(--cyan);font-weight:750;color:#09263d}.cz-daily-grid{display:block}
/* Library */
.library-head h1{margin:8px 0 10px}.library-head .lead{margin:0}.library-controls{margin-top:24px}.control-label{color:var(--muted);font-size:12px;text-transform:uppercase;margin:12px 0 6px}.library-right-controls{display:flex;gap:7px;align-items:stretch;flex-wrap:nowrap;margin:10px 0 34px}.topic-filter-wrap,.sort-filter-wrap{flex:1 1 0;min-width:0}.topic-filter-wrap select,.sort-filter-wrap select{width:100%;min-width:0;font-size:12px;padding:10px 5px}.sort-filter-wrap .control-label{display:none}.library-save-row{display:flex;align-items:center;flex:0 0 auto}.library-save-row .control-label{display:none}.saved-filter{white-space:nowrap;padding:10px 7px;font-size:12px}.results-head{color:var(--muted);font-size:14px;margin:22px 0 16px}.grid{display:grid;grid-template-columns:minmax(0,1fr);gap:18px}.card{position:relative;border:1px solid #d8e8f1;border-top:5px solid #5792f4;border-radius:22px;background:#e7efff;padding:14px;min-width:0}.card[data-cat=English]{background:#fce5f0;border-top-color:#dd88b2}.card[data-cat=Science]{background:#e3f8ed;border-top-color:#56b88d}.card[data-cat='Social Studies']{background:#f6ecdb;border-top-color:#bd9d5b}.card h2{padding-right:10px;margin:6px 0 12px;font-size:17px}.cardtop{display:flex;align-items:center;justify-content:space-between;padding-right:42px;gap:8px}.tag{font-size:12px;text-transform:uppercase;letter-spacing:.1em;color:#5b7086}.cz-open-top{font-weight:750;color:var(--teal);font-size:14px;white-space:nowrap}.card-save{position:absolute;right:12px;top:13px;width:36px;height:36px;border:1px solid #dae4ed;background:white;border-radius:50%;color:var(--teal);font-size:23px;line-height:1}.card-save.saved{color:#e02c75}.library-preview{background:white;border-radius:18px;padding:9px;min-width:0}.library-preview-visual,.cz-mini-public-wrap,.cz-mini-public-image{max-width:100%}.cardcue,.cuebox{font-size:15px;font-weight:650;text-align:center;overflow-wrap:anywhere}.cue-lines{display:grid;gap:7px}.cue-line{background:white;border:1px solid #d9e6ef;border-radius:12px;padding:12px 8px;min-height:72px;display:flex;align-items:center;justify-content:center}.magenta{color:#ec0878}.alphabet-wrap,.load-more-wrap{text-align:center;margin-top:18px}.alphabet{display:flex;flex-wrap:wrap;gap:5px}.alphabet button{border:1px solid var(--line);background:white;border-radius:8px;padding:6px;color:#1688e8}.alphabet button.active{background:var(--cyan);border-color:var(--cyan);color:#07334a;font-weight:750}.alphabet button:disabled{color:#bfc4cb}
/* Inventions */
/* Inventions: structured card layout */
.inv-grid{display:grid;grid-template-columns:minmax(0,1fr);gap:18px}
.inv-card{background:#e6f9f9;border:1px solid #b7e8e9;border-top:5px solid #22a6b1;border-radius:22px;padding:12px;min-width:0;overflow:hidden}
.inv-card.discovery{background:#e8f0ff;border-top-color:#5b91ed}
.inv-title{font-size:17px;line-height:1.3;margin:0 0 12px;color:var(--ink)}
.inv-strip{display:grid;grid-template-columns:minmax(0,30%) minmax(0,1fr);gap:8px;align-items:center;background:white;border-radius:17px;padding:6px;min-width:0}
.inv-visual{display:grid;place-items:center;min-height:112px;min-width:0;overflow:hidden;background:#f4f9fc;border-radius:10px}
.inv-visual img{display:block;width:100%;height:auto;max-height:135px;object-fit:contain}
.inv-fallback{text-align:center;font-weight:700;font-size:13px;color:var(--teal);overflow-wrap:anywhere}
.inv-info{min-width:0;overflow-wrap:anywhere}.inv-person{font-weight:600;color:var(--teal);font-size:15px}.inv-year{color:var(--muted);font-size:13px;margin:2px 0 7px}.inv-cue{font-size:14px;font-weight:600;line-height:1.45}.inv-fact{grid-column:1/-1;margin-top:2px;padding-top:10px;border-top:1px solid #e2edf0;font-size:13px;font-weight:400;line-height:1.5;color:var(--muted)}.inv-fact-label{font-weight:800;color:var(--ink)}
#inventions h1{margin:16px 0 10px}#inventions .inv-lead{color:var(--muted);font-size:17px}.inv-search{flex:1;width:100%}.inv-controlrow{display:flex;gap:8px;align-items:center;margin:16px 0}.inv-tabs{display:flex;gap:7px;flex:1;flex-wrap:nowrap}.inv-tab{border:1px solid #c9dfe5;border-radius:18px;padding:10px 11px;background:white;color:var(--ink);font-weight:700;font-size:14px;white-space:nowrap}.inv-tab[aria-selected=true]{background:var(--cyan);border-color:var(--cyan)}.inv-sort{flex:1;min-width:100px;font-size:12px;padding:11px 6px}.inv-count{color:var(--muted);margin:15px 0}.inv-grid>*,.inv-card{min-width:0;max-width:100%}
/* Shared aqua informational pages and cue detail */
/* Cue cards: real markup used by the cue renderer */
.library-preview,.library-preview-visual,.library-preview-text{width:100%;min-width:0;max-width:100%;overflow:hidden;border-radius:16px;background:#fff;padding:8px}
.cue-visual-fixed{position:relative;width:100%;aspect-ratio:2 / 1;overflow:hidden;background:#fff;border-radius:12px}
.cue-visual-fixed>img{position:absolute;inset:0;width:100%;height:100%;object-fit:contain}
.cue-visual-text{position:absolute;transform:translateY(-50%);font-size:clamp(10px,2.7vw,16px);line-height:1.3;font-weight:700;color:var(--ink);overflow-wrap:anywhere}
.cz-mini-public{display:grid;grid-template-columns:minmax(0,1fr);gap:8px;width:100%;min-width:0;max-width:100%;overflow:hidden}
.cz-mini-public-card{display:grid;grid-template-columns:minmax(0,30%) minmax(0,1fr);align-items:center;min-width:0;min-height:78px;background:#fff;border:1px solid #d9e6ef;border-radius:12px;overflow:hidden}
.cz-mini-public-image{display:grid;place-items:center;min-width:0;height:100%;min-height:78px;overflow:hidden;background:#f7fbff}
.cz-mini-public-image img{display:block;width:100%;height:auto;max-height:105px;object-fit:contain}
.cz-mini-public-label{min-width:0;padding:8px 6px;font-size:clamp(12px,3vw,16px);line-height:1.35;font-weight:700;color:var(--ink);overflow-wrap:anywhere}
.cz-mini-sized-text{max-width:100%;overflow-wrap:anywhere}
.cue-highlight,.inv-pink{color:#ed1374}
.about,.detail,.review-wrap{background:linear-gradient(130deg,#bff5f7,#90e9f0 68%,#d0f8f9);border-radius:26px;padding:23px 17px 24px}.about .eyebrow,.review-wrap .eyebrow{color:#486e7b;margin-bottom:12px}.about h1,.review-wrap h1,.detail h1{margin:8px 0 20px}.about .lead,.review-wrap .lead{margin-bottom:20px}.step{background:#fff;border-radius:20px;padding:22px;margin:0 0 15px}.stepnum{margin-bottom:10px}.step p{margin:0}.method-note{background:#e5fbfc;border-radius:20px;padding:20px;color:#455f70}.about-copy p,.founder-about-card p{line-height:1.75;margin-bottom:20px}.request-form{padding:22px}.request-submit{border:0;border-radius:14px;padding:13px 22px;background:var(--cyan);color:#09263d;font:inherit;font-weight:750}.field{margin-bottom:19px}.field label{display:block;font-weight:750;color:#203b4b;margin-bottom:8px}.field input,.field select,.field textarea{width:100%}.optional{font-weight:400;color:var(--muted)}.privacy-note{margin:55px 0 8px;line-height:1.8}.hp-field{position:absolute;left:-10000px}.review-controls{background:white;border-radius:20px;padding:22px}.review-controls select{display:block;width:100%;margin-bottom:12px}.review-controls button{display:inline-flex;align-items:center;justify-content:center;border:0;border-radius:14px;padding:13px 22px;background:var(--cyan);color:#09263d;font:inherit;font-weight:750;cursor:pointer}
.detail .crumb{color:var(--muted);font-size:15px}.cue-actions{display:flex;gap:10px;margin:15px 0 20px}.cue-action{flex:1;background:white;border:1px solid #d3e3e8;border-radius:14px;padding:10px;font-weight:800;color:var(--teal)}.detail .panel{margin-bottom:15px}.detail .cue-panel{background:#e2fbfd}.cue-why-grid,.cue-right-stack{display:grid;grid-template-columns:minmax(0,1fr);gap:0}.cue-panel,.cuebox,.cz-detail-mini-fit,.cue-visual,.cue-visual-composed{width:100%;max-width:100%;min-width:0;overflow:hidden}.cz-detail-mini-fit{overflow:hidden;background:#fff;border-radius:16px;padding:8px}.cue-visual-composed{overflow:hidden}.cue-visual img{width:100%;height:auto;display:block;object-fit:contain}.explain,.question{font-size:17px;line-height:1.65;margin-bottom:0}.answers{display:grid;gap:9px;margin-top:16px}.answer{background:white;border:1px solid var(--line);border-radius:13px;text-align:left;padding:14px;color:var(--ink)}.answer.correct{background:#dcf9e8}.answer.wrong{background:#ffe8ee}.feedback{min-height:22px}.cue-recall-panel{background:white}.detail .text-link{font-size:16px}
/* Footer follows the document flow; never overlays page content. */
.site-footer{position:static;margin-top:auto;padding:22px 15px 18px;background:#e7fbfd;border-top:1px solid #c8eef1;text-align:center;color:#607186}.footer-copyright{font-size:13px}.footer-privacy{border:0;background:none;color:var(--teal);font-weight:700;padding:0}.footer-social-group{display:flex;align-items:center;justify-content:center;flex-direction:column;gap:5px}.footer-handle{font-weight:800;color:var(--teal)}.footer-social{display:flex;gap:13px;align-items:center}.footer-social a,.footer-facebook-pending{display:grid;place-items:center;width:37px;height:37px;border:1px solid #b9e7ed;background:white;border-radius:50%;color:var(--teal)}.footer-social svg{width:21px;height:21px;fill:currentColor}
@media(max-width:370px){.nav{gap:7px;padding:0 9px}.brand-mark-window{width:65px}.navlinks button{font-size:11px;padding:8px 3px}.wrap{padding-left:12px;padding-right:12px}.inv-controlrow{flex-wrap:wrap}.inv-sort{flex-basis:100%}}

/* Home: Why CueZip? shared across all screen sizes. */
.cz-why-home{margin:22px 0 12px;padding:20px 22px;background:#e7f8fa;border:1px solid #b8e5e9;border-radius:16px;color:#52677b;max-width:100%;box-sizing:border-box}
.cz-why-home h2{margin:0 0 12px;color:#14263f;font-size:21px;font-weight:700;line-height:1.3}
.cz-why-home p{margin:0 0 12px;font-size:15px;line-height:1.65;color:#52677b}
.cz-why-home .cz-why-lead{font-weight:600;color:#14263f}
.cz-why-home .cz-why-story{display:inline-flex;align-items:center;gap:6px;margin:2px 0 0;padding:0;background:none;border:0;box-shadow:none;color:#008a9b;font-size:14px;font-weight:600;cursor:pointer;text-align:left}
.cz-why-home .cz-why-story:hover{text-decoration:underline}