/* Matter: the approved reading-table composition, with one-line brand and folio divider.
   Geometry is semantic CSS; paper and book/chart materials are genuine raster assets. */
html[data-theme=library]{color-scheme:light;--card-radius:3px}
[data-theme=library] body:not([data-page=watch])::before{background-image:var(--scene);background-size:900px 900px;background-repeat:repeat;background-position:0 0}
[data-theme=library] body{padding-left:0}
[data-theme=library] .site-header{border-bottom:1px solid var(--line);background:transparent}
[data-theme=library] body:not([data-page=watch]) .site-header{background-image:var(--scene);background-size:900px}
[data-theme=library] .appearance{margin-left:auto}
[data-theme=library] body:not([data-page=watch]) :is(.content-card,.course-card,.course-intro,.session-row,.trail-list>a,.trail-stops>li,.trail-reflection,.resume-row,.result,.saved-item,.my-course,.account-section,.account-profile,.admin-totals,.admin-section,.empty-card,.next-session){background:color-mix(in srgb,var(--surface) 42%,transparent);border-radius:3px}
[data-theme=library] :is(button,select,.search-field,.saved-item textarea,.account-form input,.primary){border-radius:4px}
[data-theme=library] .home-stage{max-width:1600px;grid-template-columns:minmax(300px,.82fr) minmax(0,2fr);column-gap:48px;padding-top:36px;align-items:start}
[data-theme=library] .home-intro{grid-column:1;grid-row:1 / 3;padding:0;container-type:inline-size}
[data-theme=library] .home-intro h1{font-family:'EB Garamond',Georgia,serif;font-size:clamp(26px,10.3cqw,42px);font-weight:500;white-space:nowrap;text-wrap:nowrap;letter-spacing:-.035em;line-height:1.12;margin:0 0 30px;max-width:none}
[data-theme=library] .home-intro .lead{display:block;font-family:Georgia,serif;font-size:clamp(22px,1.9vw,29px);line-height:1.45;max-width:26ch;color:var(--ink)}
[data-theme=library] .home-stage>.catalog{grid-column:2;grid-row:2;padding:0}
[data-theme=library] .home-stage>#resume{grid-column:2;grid-row:1;padding-bottom:24px}
[data-theme=library] .home-stage .resume-row{width:100%}
[data-theme=library] .home-stage .section-heading{margin-bottom:22px;gap:12px}
[data-theme=library] .home-stage .section-heading h2{font-size:clamp(40px,3.6vw,54px);font-weight:500}
[data-theme=library] .home-stage .section-heading p{font-size:14px}
[data-theme=library] .home-stage .course-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:18px}
[data-theme=library] .home-stage .course-card{display:grid;grid-template-columns:minmax(100px,.95fr) minmax(0,1fr);gap:10px 20px;padding:16px;align-content:center;min-height:188px}
[data-theme=library] .home-stage .course-card img,[data-theme=library] .home-stage .course-card .art-fallback{grid-column:1;grid-row:1 / 4;width:100%;height:auto;aspect-ratio:4/3;object-fit:contain;border-radius:0;align-self:center}
[data-theme=library] .home-stage .course-card .course-visual{grid-column:1;grid-row:1/4;width:100%;align-self:center}
[data-theme=library] .home-stage .course-card h3{grid-column:2;align-self:end;margin:0;min-height:0;font-size:clamp(24px,2vw,31px);font-weight:500;line-height:1.1;text-wrap:pretty}
[data-theme=library] .home-stage .course-card h3::after{content:"";display:block;width:32px;height:1px;background:var(--field);margin-top:14px}
[data-theme=library] .home-stage .course-card p{grid-column:2;font-family:Figtree,system-ui,sans-serif;font-size:14px;margin:0;line-height:1.4;align-self:start}
[data-theme=library] .more-courses{grid-column:2;grid-row:3;padding-top:26px;min-width:0}
[data-theme=library] .more-courses::before{content:"";display:block;height:100px;margin:0 0 26px;background:var(--bg) url('/themes/matter-divider.webp') center / cover no-repeat;border-block:1px solid var(--line)}
[data-theme=library] .home-stage>.trails{grid-column:2;grid-row:4;padding:38px 0 0}
[data-theme=library] .home-stage .trail-list{grid-template-columns:1fr}
[data-theme=library] .trail-list h3{font-weight:500;font-size:30px}
[data-theme=library] .course-intro>img,[data-theme=library] .session-row>img{border-radius:2px}
/* The reader remains a black screening room, including all text and focus colors. */
[data-theme=library] body[data-page=watch]{color-scheme:dark;--ink:#f3eada;--violet:#dec5a3;--action:#443a2e;--action-ink:#fffaf0;--selection:#594735}
[data-theme=library] body[data-page=watch]::before{background-image:none;background:#000}
@media(min-width:1001px){
 [data-theme=library] .home-stage::after{content:"";position:absolute;top:36px;bottom:0;left:calc(4.3vw + (100% - 8.6vw - 48px)*.82/2.82 + 24px);width:1px;background:var(--line);pointer-events:none}
}
@media(min-width:1001px) and (max-width:1250px){
 [data-theme=library] .home-stage{grid-template-columns:minmax(260px,.85fr) minmax(0,2fr);column-gap:32px}
 [data-theme=library] .home-stage .course-card{grid-template-columns:90px minmax(0,1fr);gap:8px 14px;padding:12px;min-height:176px}
 [data-theme=library] .home-stage .course-card h3{font-size:24px}
 [data-theme=library] .home-stage::after{left:calc(4.3vw + (100% - 8.6vw - 32px)*.85/2.85 + 16px)}
}
@media(max-width:1000px){
 [data-theme=library] .home-stage{grid-template-columns:1fr;padding-top:28px;gap:0}
 [data-theme=library] .home-stage>:is(.home-intro,.catalog,#resume,.more-courses,.trails){grid-column:1;grid-row:auto}
 [data-theme=library] .home-intro{padding:0 0 30px}
 [data-theme=library] .home-intro h1{font-size:clamp(28px,6.7vw,46px);margin-bottom:18px}
 [data-theme=library] .home-intro .lead{max-width:36ch;font-size:23px}
 [data-theme=library] .home-stage .course-card h3{font-size:28px}
 [data-theme=library] .home-stage .course-card{min-height:170px}
}
@media(max-width:680px){
 [data-theme=library] .home-stage{display:flex;flex-direction:column;padding-top:28px}
 [data-theme=library] .home-stage>*{width:100%;min-width:0}
 [data-theme=library] .home-intro{order:0;padding:0 0 28px}
 [data-theme=library] .home-intro h1{font-size:clamp(25px,8.8vw,44px);white-space:nowrap;text-wrap:nowrap}
 [data-theme=library] .home-intro .lead{font-size:21px;max-width:30ch}
 [data-theme=library] #resume{order:1}
 [data-theme=library] .catalog{order:2}
 [data-theme=library] .more-courses{order:3}
 [data-theme=library] .trails{order:5}
 [data-theme=library] .home-stage .course-grid{grid-template-columns:1fr;gap:16px}
 [data-theme=library] .home-stage .course-card{grid-template-columns:105px minmax(0,1fr);gap:8px 18px;min-height:134px;padding:14px}
 [data-theme=library] .home-stage .course-card h3{font-size:27px}
 [data-theme=library] .home-stage .course-card img{width:105px}
 [data-theme=library] .home-stage .section-heading h2{font-size:36px}
 [data-theme=library] .home-stage .section-heading p{font-size:12px}
 [data-theme=library] .more-courses::before{height:80px}
}