/* Mobile-first polish. Desktop retains the approved Knowist art direction. */
html{scroll-padding-bottom:100px}
body{overflow-wrap:break-word}
.sidebar .nav-item{gap:0;padding:var(--space-3) var(--space-4);font-size:var(--text-base)}
.side-nav{gap:var(--space-2)}
.sidebar .nav-item.active{background:var(--soft);color:var(--ink)}
.sidebar .side-bottom .nav-item{font-size:var(--text-sm)}
.side-note .tiny-portrait{width:66px;height:94px}
.side-note{padding-bottom:var(--space-8)}
.portrait-profile{display:none}
.cta-short{display:none}
.art-label{white-space:nowrap}
.book-card:nth-child(4){display:block}
.book-info{padding-top:var(--space-3)}
.book-card h3{margin:0;min-height:2.75em}
.book-title{text-align:left;display:flex;align-items:flex-start;font-weight:700;font-size:inherit;line-height:1.35;padding:0;min-height:44px;max-width:100%;overflow-wrap:normal}
.book-title:hover{color:var(--accent)}
.book-card .author{margin-top:var(--space-1)}
.book-meta{display:block;margin-top:var(--space-2);line-height:1.5}
.catalog-page{width:100%;min-width:0}
.catalog-heading{display:block;margin-bottom:var(--space-6)}
.catalog-heading .eyebrow{display:block;color:var(--accent);margin-bottom:var(--space-3)}
.catalog-heading h1{max-width:none}
.catalog-heading p{max-width:none}
.catalog-page .search-field{margin-bottom:var(--space-4);width:100%;min-width:0;min-height:52px}
.search-field input{min-width:0;font-size:16px}
.catalog-page .filter-row{display:flex;flex-wrap:wrap;gap:var(--space-2);margin:0 0 var(--space-5);padding:0;overflow:visible}
.catalog-page .filter{min-height:44px;font-size:var(--text-sm);padding:var(--space-2) var(--space-4)}
.catalog-count{font-size:var(--text-xs);color:var(--muted);padding-bottom:var(--space-4);margin-bottom:var(--space-6);border-bottom:1px solid var(--line)}
.explore-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:var(--space-8) var(--space-6);align-items:start}
.explore-grid .book-card{display:block}
.explore-grid .book-art{aspect-ratio:1.15;height:auto;min-height:0}
.explore-grid .book-art>button:first-child{padding:var(--space-6)}
.explore-grid .book-art img{height:180px;width:auto;max-width:70%;max-height:100%;transform:rotate(0);object-fit:contain}
.explore-grid .book-card:nth-child(even) .book-art img{transform:rotate(0)}
.explore-grid .book-art:hover img,.explore-grid .book-card:nth-child(even) .book-art:hover img{transform:translateY(-4px)}
.empty-portrait{width:65px;height:96px;object-fit:contain;margin:0 auto var(--space-5)}
.catalog-page .empty{padding-block:var(--space-8)}
[data-theme=dark] .empty-portrait{filter:invert(.85)}
.toast{max-width:calc(100vw - 32px);white-space:normal;text-align:center}
@media(min-width:1025px) and (max-width:1200px){
 .explore-grid{gap:var(--space-8) var(--space-4)}
 .explore-grid .book-art img{height:150px}
 .explore-grid .book-art>button:first-child{padding:var(--space-5)}
}
@media(max-width:1024px){
 .sidebar{display:none}
 .shell{margin-left:0}
 .topbar{height:76px;padding-inline:var(--space-6)}
 .mobile-brand{display:flex}
 .breadcrumb,.top-pill{display:none}
 .top-actions{gap:var(--space-1)}
 .portrait-profile{display:grid;place-items:center;width:44px;height:44px;border-radius:50%;background:var(--peach);overflow:hidden}
 .portrait-profile img{width:28px;height:42px;object-fit:contain;align-self:end}
 .main{max-width:850px;padding:var(--space-8) var(--space-6) 120px}
 .mobile-nav{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));position:fixed;inset:auto 0 0;z-index:20;align-items:center;border-top:1px solid var(--line);background:var(--surface);padding:var(--space-2) var(--space-4) max(12px,env(safe-area-inset-bottom));gap:var(--space-1);box-shadow:0 -6px 24px #25292404}
 .mobile-nav button{display:flex;align-items:center;justify-content:center;min-width:0;min-height:48px;padding:var(--space-2) var(--space-1);border-radius:9px;font-size:var(--text-sm);color:var(--muted);line-height:1.2;white-space:nowrap}
 .mobile-nav button.active{background:var(--soft);color:var(--ink);font-weight:700}
 .mobile-nav button[aria-current=page]::after{content:'';display:block;width:18px;height:2px;margin-top:var(--space-1);border-radius:3px;background:var(--accent)}
 .mobile-nav button{flex-direction:column}
 .book-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
 .explore-grid{grid-template-columns:repeat(3,minmax(0,1fr))}
 .explore-grid .book-art img{height:160px}
 .book-art{height:220px}
 .book-art img{height:170px;max-width:120px}
 .page-heading{align-items:flex-start;gap:var(--space-4)}
 .page-heading>div{min-width:0}
 .page-heading p{max-width:none}
 .path-row{flex-wrap:wrap}
 .path-row>div{flex:1;min-width:0}
 .path-row .secondary{flex-shrink:0}
 .practice-actions .quiet-link:last-child{margin-left:0}
 .onboard-panel .option,.onboard-panel .select-book{min-width:0}
 .review-fields input,.quiz-textarea,.recall-input{font-size:16px}
 .toast{bottom:88px}
}
@media(min-width:601px) and (max-width:1024px){
 .mobile-nav{padding-inline:max(24px,calc((100vw - 620px)/2))}
 .hero{min-height:292px}
 .hero-art>img{height:288px}
 .explore-grid .book-art{aspect-ratio:.96}
 .onboard-footer .primary{min-height:52px}
}
/* Keep desktop navigation in narrower app previews, not just full-width windows. */
@media(min-width:701px) and (max-width:1024px){
 .sidebar{display:flex;width:176px;padding:var(--space-8) var(--space-3) var(--space-5);overflow-y:auto}
 .sidebar>.brand{margin-left:var(--space-2);justify-content:flex-start;font-size:24px}
 .sidebar .brand svg{width:26px}
 .sidebar .brand>span,.sidebar .brand-dot,.sidebar .nav-item>span{display:inline}
 .sidebar .nav-item{justify-content:flex-start;font-size:var(--text-sm);padding-inline:var(--space-3)}
 .side-note{display:block}
 .side-note small{font-size:11px}
 .side-bottom{margin-top:0}
 .shell{margin-left:176px}
 .mobile-nav,.mobile-brand,.portrait-profile{display:none}
 .breadcrumb{display:flex}
 .main{padding:var(--space-6) var(--space-6) var(--space-10)}
 .hero{grid-template-columns:minmax(0,1.7fr) minmax(0,1fr)}
 .hero-copy{padding:var(--space-6)}
 .hero-copy .eyebrow{font-size:10px;letter-spacing:.7px}
 .hero h2{font-size:27px}
 .hero-art>img{width:150px;height:260px}
 .hero-art .sun-disc{width:160px;height:160px;top:82px}
 .hero-art .art-star{font-size:34px;top:35px}
 .hero-art .art-label{font-size:20px;right:8px}
 .hero-art .art-caption{display:none}
 .hero .primary{padding-inline:var(--space-4);font-size:13px}
}
@media(min-width:701px) and (max-width:900px){
 .explore-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
}
@media(max-width:600px){
 :root{--text-sm:14px;--text-xs:12px}
 .topbar{height:68px;padding-inline:var(--space-5)}
 .mobile-brand .brand{font-size:25px}
 .mobile-brand .brand svg{width:24px}
 .main{padding:var(--space-6) var(--space-5) 112px}
 .page-heading h1{font-size:27px;line-height:1.15;letter-spacing:-.9px}
 .page-heading p{max-width:none;font-size:var(--text-sm);line-height:1.55}
 .page-heading>.quiet-link{flex-shrink:0;max-width:95px;line-height:1.4;text-align:right}
 .catalog-heading .eyebrow{margin-bottom:var(--space-2)}
 .catalog-heading h1{font-size:30px;max-width:none;line-height:1.15}
 .catalog-page .search-field{padding:var(--space-3);margin-bottom:var(--space-4);gap:var(--space-2)}
 .catalog-page .filter-row{gap:var(--space-2);margin-bottom:var(--space-4)}
 .catalog-page .filter{font-size:var(--text-xs);padding:var(--space-2) var(--space-3);min-height:40px}
 .catalog-count{margin-bottom:var(--space-5);padding-bottom:var(--space-3)}
 .explore-grid,.book-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--space-6) var(--space-4)}
 .book-art,.explore-grid .book-art{height:auto;aspect-ratio:.84;min-height:0}
 .book-art>button:first-child,.explore-grid .book-art>button:first-child{padding:var(--space-5) var(--space-4)}
 .book-art img,.explore-grid .book-art img{width:100%;height:148px;max-width:106px;max-height:100%;object-fit:contain}
 .book-card h3{font-size:var(--text-sm);min-height:2.75em}
 .book-title{min-height:44px}
 .book-info{padding-top:var(--space-2)}
 .book-card .author{line-height:1.5;font-size:var(--text-xs)}
 .book-meta{font-size:var(--text-xs);line-height:1.45;margin-top:var(--space-1);min-height:2.9em}
 .save-btn{width:44px;height:44px;top:3px;right:3px;background:#fffffff0}
 .hero{min-height:336px;border-radius:16px}
 .hero-copy{padding:var(--space-6)}
 .hero h2{font-size:27px;max-width:100%;line-height:1.14}
 .hero-copy>p{max-width:220px;font-size:var(--text-sm);margin-top:var(--space-3)}
 .hero-copy .eyebrow{font-size:var(--text-xs);letter-spacing:1px}
 .hero-art{width:134px;height:210px;right:-13px;bottom:0}
 .hero-art>img{height:204px;width:126px;bottom:-8px}
 .hero-art .sun-disc{width:134px;height:134px;top:57px}
 .hero-art .art-label{font-size:18px;right:5px;bottom:12px}
 .hero-art .art-star{display:none}
 .hero-copy .primary{font-size:var(--text-xs);padding-inline:var(--space-3);min-height:48px;gap:var(--space-2);margin-top:var(--space-5)}
 .hero-copy .primary svg{width:16px}
 .journey-strip{margin-bottom:var(--space-5);gap:var(--space-1)}
 .journey-item{font-size:var(--text-xs);white-space:nowrap}
 .journey-strip>.arrow{display:none}
 .journey-item svg{width:14px}
 .section-head{align-items:flex-start;gap:var(--space-2)}
 .section-head h2{font-size:20px}
 .section-head p{max-width:240px}
 .section-head .quiet-link{padding:0;min-height:30px}
 .thought{margin-top:var(--space-6)}
 .mobile-nav{padding-inline:var(--space-3)}
 .mobile-nav button{font-size:13px}
 .onboard-header{height:68px;padding-inline:var(--space-5)}
 .onboard-layout{padding:var(--space-5);padding-bottom:var(--space-8)}
 .option strong{line-height:1.35}
 .onboard-footer .primary{min-height:52px}
 .onboard-note{line-height:1.55}
 dialog{width:calc(100% - 24px);max-height:calc(100dvh - 24px);border-radius:16px}
 .dialog-header{padding:var(--space-3) var(--space-4);position:sticky;top:0;z-index:2;background:var(--surface)}
 .detail-body{padding:var(--space-5)}
 .detail-top{gap:var(--space-4)}
 .detail-top>div{min-width:0}
 .detail-top h1{font-size:25px;overflow-wrap:normal}
 .detail-cover{width:76px}
 .detail-body>.intro-text{font-size:var(--text-sm)}
 .detail-actions{position:sticky;bottom:0;padding-top:var(--space-3);background:var(--surface)}
 .path-row .secondary{width:100%}
 .practice-card{padding:var(--space-5)}
 .practice-card-top{align-items:flex-start}
 .practice-card-top>div{min-width:0}
 .practice-date{line-height:1.5}
 .practice-actions{display:grid;grid-template-columns:1fr auto}
 .practice-actions>.primary,.practice-actions>.secondary{grid-column:1/-1;width:100%}
 .practice-actions>.quiet-link:last-child{justify-self:end}
 .reading-tabs button{min-height:44px}
 .quiz-options .quiz-option{min-height:64px}
 .learn-header{padding-inline:var(--space-5)}
 .learn-header-center{min-width:90px;max-width:150px;width:auto;flex:1}
 .learn-exit{min-width:44px;justify-content:center}
 .learn-layout{padding-inline:var(--space-5)}
 .review-actions .primary,.review-actions .secondary{font-size:var(--text-sm);white-space:normal;line-height:1.4}
 .review-fields{grid-template-columns:minmax(0,1.1fr) minmax(0,1fr)}
 .reminder-disclosure{font-size:var(--text-xs)}
}
@media(max-width:359px){
 .hero .cta-long{display:none}
 .hero .cta-short{display:inline}
 .topbar,.learn-header,.onboard-header{padding-inline:var(--space-4)}
 .main,.learn-layout,.onboard-layout{padding-inline:var(--space-4)}
 .top-actions{gap:0}
 .mobile-brand .brand{font-size:24px}
 .mobile-brand .brand svg{width:23px}
 .portrait-profile{width:40px;height:40px}
 .hero-copy{padding:var(--space-5)}
 .hero-copy .eyebrow{letter-spacing:.4px;font-size:var(--text-xs)}
 .hero h2{font-size:24px}
 .hero-copy>p{max-width:195px}
 .hero-art{width:112px;right:-12px}
 .hero-art>img{width:110px;height:184px}
 .hero-art .sun-disc{width:115px;height:115px;top:78px}
 .hero-art .art-label{font-size:16px}
 .hero-copy .primary{font-size:var(--text-xs)}
 .explore-grid,.book-grid{gap:var(--space-6) var(--space-3)}
 .book-art>button:first-child,.explore-grid .book-art>button:first-child{padding:var(--space-5) var(--space-3)}
 .book-art img,.explore-grid .book-art img{max-width:88px;height:128px}
 .book-card h3{font-size:13px}
 .onboard-panel h1,.reading-paper h1{font-size:26px}
 .reading-paper{padding:var(--space-4)}
 .learning-toolbar{gap:var(--space-1)}
 .reading-tabs{gap:0}
 .reading-tabs button{padding:var(--space-2);gap:var(--space-1)}
 .reading-tabs svg{display:none}
 .section-bottom{padding-inline:var(--space-4)}
 .section-bottom .primary{padding-inline:var(--space-3);font-size:13px}
 .review-card{padding:var(--space-5)}
 .review-fields{grid-template-columns:1fr}
 .ready-stack{gap:var(--space-2)}
 .ready-stack img{height:112px;max-width:72px}
 .option{padding:var(--space-3)}
 .option strong{font-size:13px}
 .select-book{gap:var(--space-3)}
 .select-book strong{font-size:13px}
}
@media(max-width:600px){.plan-strip{flex-wrap:wrap;padding:var(--space-5);gap:var(--space-3)}.plan-strip>div{flex:1;min-width:200px}.plan-strip>.secondary{margin-left:0;width:100%}}