@font-face{font-family:Newsreader;src:url(./assets/newsreader.woff2) format('woff2'),url(./assets/newsreader.ttf) format('truetype');font-weight:200 800;font-display:swap}@font-face{font-family:DM;src:url(./assets/dm-sans.woff2) format('woff2'),url(./assets/dm-sans.ttf) format('truetype');font-weight:100 900;font-display:swap}
:root{--paper:#f8f5ef;--surface:#fffdf8;--ink:#292d2b;--muted:#6b6b63;--accent:#955443;--accent-hover:#7b4031;--rose:#eee1d9;--line:#c9c5b8;--soft:#efeee7;--serif:Newsreader,Georgia,serif;--sans:DM,Arial,sans-serif;color-scheme:light}html[data-theme=dark]{--paper:#202421;--surface:#292d28;--ink:#f0eadd;--muted:#b6b6a8;--accent:#e5af97;--accent-hover:#efc1ac;--rose:#35302c;--line:#5a5e53;--soft:#30362e;color-scheme:dark}@media(prefers-color-scheme:dark){html:not([data-theme=light]){--paper:#202421;--surface:#292d28;--ink:#f0eadd;--muted:#b6b6a8;--accent:#e5af97;--accent-hover:#efc1ac;--rose:#35302c;--line:#5a5e53;--soft:#30362e;color-scheme:dark}}
*{box-sizing:border-box}body{margin:0;background:var(--paper);color:var(--ink);font:15px/1.6 var(--sans);-webkit-font-smoothing:antialiased}button,input,textarea,select{font:inherit;color:inherit}button,a,input,textarea,select{-webkit-tap-highlight-color:transparent}button,a{touch-action:manipulation}button{cursor:pointer}a{color:inherit;text-decoration:none}button{border:0;background:none}button:disabled{opacity:.55;cursor:default}h1,h2,h3,p{margin:0}h1,h2,h3{font-family:var(--serif);font-weight:400;line-height:1.1}h1{font-size:clamp(42px,5.5vw,76px);letter-spacing:-2.5px}h2{font-size:36px;letter-spacing:-.8px}h3{font-size:27px;letter-spacing:-.4px}p{color:var(--muted)}a:hover{color:var(--accent)}:focus-visible{outline:2px solid var(--accent);outline-offset:4px;border-radius:3px}.icon{width:20px;height:20px;flex-shrink:0;vertical-align:middle}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.skip-link{position:fixed;left:16px;top:-80px;background:var(--surface);padding:12px;z-index:200}.skip-link:focus{top:16px}.site-header{height:98px;max-width:1440px;padding:0 5%;margin:auto;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line);gap:32px}.wordmark{display:inline-flex;align-items:center;gap:9px;font:33px/1 var(--serif);letter-spacing:-1px;white-space:nowrap}.brand-moon{color:var(--accent);font:39px/1 Georgia;transform:rotate(-35deg)}.brand-star{font-size:17px;color:var(--accent);margin:-20px 0 0 -5px}.site-header nav{display:flex;align-items:center;gap:34px;align-self:stretch}.site-header nav a{display:flex;align-items:center;position:relative;font-size:13px}.site-header nav a[aria-current=page]:after{content:'';position:absolute;bottom:24px;left:50%;width:4px;height:4px;border-radius:50%;background:var(--accent)}.header-actions{display:flex;align-items:center;gap:15px}.header-search{margin:0;flex:1;max-width:280px;min-width:170px;padding:3px 5px 3px 14px;gap:8px}.header-search input{min-height:36px;font-size:13px}.header-search button{width:32px;height:32px}.header-search .icon{width:17px;height:17px}.header-actions .search-link{display:none}.theme-toggle .icon-sun{display:none}.theme-toggle span{display:inline-flex}html[data-theme=dark] .theme-toggle .icon-sun{display:inline-flex}html[data-theme=dark] .theme-toggle .icon-moon{display:none}@media(prefers-color-scheme:dark){html:not([data-theme=light]) .theme-toggle .icon-sun{display:inline-flex}html:not([data-theme=light]) .theme-toggle .icon-moon{display:none}}.button{display:inline-flex;justify-content:center;align-items:center;gap:11px;border-radius:5px;padding:14px 24px;font-size:13px;min-height:48px;line-height:1.4;white-space:nowrap;background:var(--soft);border:1px solid transparent}.button.dark{background:var(--ink);color:var(--paper)}.button.dark:hover{background:var(--accent);color:var(--paper)}.button.accent{background:var(--accent);color:var(--paper)}.button.accent:hover{background:var(--accent-hover)}.button.outline{border-color:var(--line);background:transparent}.button.small{min-height:38px;padding:8px 14px}.icon-button{display:inline-flex;align-items:center;justify-content:center;width:42px;height:42px;border-radius:50%}.icon-button:hover{background:var(--soft)}main{max-width:1440px;margin:auto;padding:0 5%;min-height:60vh}.hero{display:grid;grid-template-columns:1fr 1fr;align-items:center;position:relative;min-height:520px;padding:56px 0 34px;gap:10px}.hero-copy{position:relative;z-index:1}.eyebrow{font:11px/1.5 var(--sans);font-weight:600;letter-spacing:2px;text-transform:uppercase;color:var(--accent);display:block}.tiny-star{font-size:15px;margin-right:6px}.hero h1{margin:23px 0 23px;font-size:clamp(44px,5vw,71px);line-height:1.04;letter-spacing:-2.2px}.hero h1 em{font-style:normal;color:var(--accent)}.hero-description{font-size:15px;line-height:1.8;max-width:450px}.hero-art{position:relative;align-self:center;margin:0 -20px 0 -12px}.hero-art img{width:100%;height:auto;display:block;mix-blend-mode:normal}.art-caption{display:block;text-align:center;font:italic 16px var(--serif);color:var(--muted);margin-top:-10px}.search-form{max-width:560px;border:1px solid var(--line);background:var(--surface);border-radius:5px;position:relative;display:flex;align-items:center;padding:5px 7px 5px 18px;gap:13px;margin:24px 0 0;z-index:4}.search-form input{width:100%;min-width:0;border:0;outline:none;background:none;min-height:46px;font-size:14px}.search-form button{display:flex;align-items:center;justify-content:center;background:var(--soft);border-radius:3px;width:40px;height:40px;flex-shrink:0}.search-form:focus-within{border-color:var(--accent);box-shadow:0 0 0 2px #95544315}.search-suggestions{position:absolute;top:calc(100% + 5px);left:0;right:0;background:var(--surface);box-shadow:0 12px 32px #0002;border:1px solid var(--line);border-radius:6px;overflow:hidden}.search-suggestions a{display:flex;justify-content:space-between;align-items:center;padding:13px 18px;border-bottom:1px solid var(--line)}.search-suggestions a:hover{background:var(--soft)}.search-suggestions small{color:var(--muted);font-size:12px}.popular{display:flex;gap:15px;align-items:center;flex-wrap:wrap;margin-top:17px;font-size:13px}.popular span{color:var(--muted)}.popular a{text-decoration:underline;text-underline-offset:3px}.alphabet{border-top:1px solid var(--line);border-bottom:1px solid var(--line);display:flex;align-items:center;gap:34px;padding:17px 0}.alphabet>.eyebrow{color:var(--muted);white-space:nowrap;padding-right:26px;border-right:1px solid var(--line);font-size:11px}.alphabet>div{display:flex;flex:1;justify-content:space-between;gap:3px}.alphabet>div a{font:16px var(--serif);width:28px;height:32px;display:flex;align-items:center;justify-content:center;border-radius:50%}.alphabet>div a:hover{background:var(--rose)}.featured{padding:45px 0 38px}.section-heading{display:flex;align-items:flex-end;justify-content:space-between;gap:24px;margin-bottom:24px}.section-heading h2{margin-top:10px}.text-link{display:inline-flex;align-items:center;gap:12px;color:var(--accent);font-size:12px;letter-spacing:.6px}.text-link:hover{text-decoration:underline;text-underline-offset:4px}.text-link .icon{width:17px}.card-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:18px}.symbol-card{border:1px solid var(--line);border-radius:7px;background:var(--surface);overflow:visible;display:block;transition:transform .2s,border-color .2s}.symbol-card:hover{transform:translateY(-4px);border-color:var(--accent);color:var(--ink)}.card-art{margin:8px 8px 0;border-radius:0;overflow:visible;background:transparent;aspect-ratio:1.7}.card-art img{width:100%;height:100%;object-fit:contain;display:block;mix-blend-mode:normal}.card-copy{padding:17px 18px 18px}.card-copy .eyebrow{font-size:10px;letter-spacing:1.4px;color:var(--muted);margin-bottom:8px}.card-copy h3{font-size:26px}.card-copy p{font-size:13px;line-height:1.6;margin:8px 0 15px;min-height:42px}.card-link{display:flex;align-items:center;gap:12px;color:var(--accent);font-size:12px}.card-link .icon{width:15px;height:15px}.journal-invitation{display:flex;align-items:center;gap:30px;background:var(--rose);border-radius:7px;padding:33px 42px}.invitation-mark{font:90px/.6 var(--serif);color:var(--accent)}.journal-invitation h2{font-size:32px;margin:10px 0 6px}.journal-invitation p{font-size:14px}.journal-invitation>.button{margin-left:auto}.quiet-promise{display:flex;justify-content:center;gap:50px;font-size:12px;color:var(--muted);padding:27px 0 38px}.quiet-promise>span{display:flex;gap:8px;align-items:center}.quiet-promise .icon{width:14px;height:14px}.site-footer{max-width:1440px;padding:28px 5% 23px;margin:auto;border-top:1px solid var(--line);display:flex;align-items:center;gap:25px;flex-wrap:wrap}.site-footer .wordmark{font-size:24px}.site-footer .brand-moon{font-size:26px}.site-footer>p{font-size:12px}.site-footer>div{margin-left:auto;display:flex;gap:22px;align-items:center;font-size:13px}.text-button{padding:0;font-size:inherit;color:inherit}.text-button:hover{color:var(--accent)}.footer-note{width:100%;font-size:11px;color:var(--muted);letter-spacing:.3px;text-align:right}.page-intro{padding:60px 0 36px}.page-intro h1{font-size:56px;margin:18px 0 14px}.page-intro>p{font-size:15px}.page-intro .search-form{max-width:640px}.category-list{display:flex;gap:8px;flex-wrap:wrap;margin:0 0 28px}.chip{display:inline-flex;gap:6px;align-items:center;justify-content:center;border:1px solid var(--line);border-radius:30px;padding:8px 14px;background:transparent;font-size:12px;min-height:38px}.chip.selected{background:var(--ink);color:var(--paper);border-color:var(--ink)}.chip:hover{border-color:var(--accent)}.chip .icon{width:14px}.library-summary{display:flex;align-items:center;justify-content:space-between;color:var(--muted);font-size:13px;margin:20px 0}.library-summary a{display:flex;gap:10px;align-items:center}.library-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:20px}.editorial-note{font-size:12px;line-height:1.7;color:var(--muted);padding:25px 0}.editorial-note a{text-decoration:underline}.symbol-page{padding:28px 0 30px}.breadcrumb{display:flex;align-items:center;gap:10px;font-size:12px;color:var(--muted);margin-bottom:35px;flex-wrap:wrap}.symbol-intro{max-width:760px;margin:auto;text-align:center}.symbol-intro h1{font-size:68px;margin:18px 0 12px}.symbol-tagline{font:22px/1.4 var(--serif);margin:auto;max-width:570px}.symbol-illustration{max-width:460px;margin:25px auto 30px;border-radius:0;overflow:visible;height:220px}.symbol-illustration img{width:100%;height:100%;object-fit:contain;mix-blend-mode:normal}.symbol-article{max-width:680px;margin:auto}.symbol-article>section{margin:40px 0}.symbol-article h2{font-size:33px;margin:14px 0 18px}.symbol-article p{font-size:15px;line-height:1.9}.symbol-article .in-short{background:var(--soft);border-left:2px solid var(--accent);border-radius:0 5px 5px 0;padding:26px 30px;margin-top:0}.in-short p{font:24px/1.4 var(--serif);color:var(--ink);margin-top:10px}.symbol-cta{display:flex;align-items:center;gap:20px}.symbol-cta p{font-size:12px;max-width:260px}.symbol-article p.perspective-note{font-size:12px;margin-top:18px}.scenario-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}.scenario{border:1px solid var(--line);border-radius:5px;padding:18px}.scenario h3{font-size:21px;margin-bottom:10px}.scenario p{font-size:13px;line-height:1.7}.reflection-prompt{border-top:1px solid var(--line);padding:18px 0;display:flex;align-items:center;text-align:left;width:100%;gap:20px;font:20px/1.4 var(--serif)}.reflection-prompt:last-child{border-bottom:1px solid var(--line)}.reflection-prompt span{font:11px var(--sans);color:var(--accent)}.reflection-prompt .icon{margin-left:auto}.reflection-prompt:hover{color:var(--accent)}.related{display:flex;gap:8px;flex-wrap:wrap;margin-bottom:25px}.prose{max-width:680px;margin:0 auto;padding-bottom:65px}.prose h1{font-size:60px}.prose h2{font-size:31px;margin:35px 0 14px}.prose p,.prose li{font-size:15px;line-height:1.9}.prose .lead{font:25px/1.5 var(--serif);margin-bottom:30px}.prose li{margin:12px 0;color:var(--muted)}.prose a,.inline-button{text-decoration:underline;text-underline-offset:3px}.inline-button{padding:0;color:var(--accent)}.journal-intro{display:flex;align-items:center;justify-content:space-between;gap:25px}.journal-intro h1{font-size:58px}.journal-tabs{border-bottom:1px solid var(--line);display:flex;align-items:center;gap:30px;font-size:13px}.journal-tabs a{display:flex;align-items:center;gap:9px;padding:16px 0}.journal-tabs a[aria-current=page]{border-bottom:2px solid var(--accent);color:var(--accent)}.vault-link{margin-left:auto;display:flex;gap:8px;align-items:center}.vault-link .icon{width:15px}.empty-state{text-align:center;padding:70px 0 90px;max-width:550px;margin:auto}.empty-state h2{margin:20px 0 12px}.empty-state .empty-icon{font-size:66px;color:var(--accent);line-height:1}.empty-state p{font-size:14px;line-height:1.8;margin:0 auto 23px;max-width:390px}.empty-state>.button{margin-top:5px}.empty-note{text-align:center;padding:60px 0}.journal-toolbar{display:flex;gap:12px;align-items:center;margin:30px 0}.journal-toolbar input{min-width:0;flex:1}.field{border:1px solid var(--line);background:var(--surface);border-radius:5px;padding:11px 14px}.journal-toolbar select{max-width:130px}.view-toggle{border:1px solid var(--line);border-radius:5px;display:flex}.view-toggle button{padding:10px}.view-toggle button.selected{background:var(--soft)}.month-label{font-size:11px;letter-spacing:2px;text-transform:uppercase;color:var(--muted);margin:28px 0 15px}.entry-card{display:flex;align-items:flex-start;border-bottom:1px solid var(--line);padding:22px 0;gap:26px}.entry-date{min-width:50px;text-align:center;font:36px/1 var(--serif)}.entry-date small{display:block;font:11px var(--sans);color:var(--muted);letter-spacing:1px;margin-top:7px}.entry-open{flex:1;text-align:left;padding:0;min-width:0}.entry-open h3{font-size:29px}.entry-open p{font-size:13px;margin:8px 0 13px;white-space:pre-line;overflow-wrap:anywhere}.entry-chips{display:flex;gap:7px;flex-wrap:wrap}.entry-chips .chip{font-size:11px;padding:4px 10px;min-height:26px;pointer-events:none}.mood-dot{width:7px;height:7px;background:var(--accent);border-radius:50%;display:inline-block;margin-right:6px}.entry-meta{font-size:11px;color:var(--muted);white-space:nowrap}.stats-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:15px;margin-top:32px}.stat-card{border:1px solid var(--line);border-radius:5px;padding:25px}.stat-card strong{display:block;font:48px var(--serif);font-weight:400}.stat-card span{color:var(--muted);font-size:12px}.pattern-section{padding:40px 0 60px;max-width:760px}.pattern-section h2{margin:12px 0 24px}.pattern-row{display:flex;align-items:center;gap:20px;margin:19px 0}.pattern-row>a{width:150px;font:22px var(--serif)}.pattern-bar{height:6px;flex:1;background:var(--soft);border-radius:10px;overflow:hidden}.pattern-bar>span{display:block;background:var(--accent);height:100%;border-radius:10px}.pattern-row small{color:var(--muted);width:75px;text-align:right}.calendar-grid{display:grid;grid-template-columns:repeat(7,1fr);gap:6px;margin:20px 0 40px}.calendar-grid>span,.calendar-grid>button{padding:12px;text-align:center;border-radius:5px}.calendar-grid>span{color:var(--muted);font-size:11px}.calendar-grid>button{border:1px solid var(--line);min-height:65px}.calendar-grid>button.has-entry{background:var(--rose);color:var(--accent);font-weight:600}.calendar-grid>button:disabled{opacity:.8}.calendar-head{display:flex;align-items:center;justify-content:space-between;margin-top:30px}.calendar-head h2{font-size:26px}.calendar-head .button{padding:8px 14px}.calendar-grid i{display:block;width:4px;height:4px;background:var(--accent);border-radius:50%;margin:4px auto 0}dialog{background:var(--paper);color:var(--ink);border:1px solid var(--line);border-radius:12px;max-width:720px;width:calc(100% - 32px);max-height:90dvh;padding:0;box-shadow:0 25px 100px #0003}dialog::backdrop{background:#21282080;backdrop-filter:blur(3px)}.modal-body{padding:30px 36px}.modal-head{display:flex;justify-content:space-between;align-items:flex-start;gap:20px;margin-bottom:20px}.modal-head h2{font-size:35px;margin-top:8px}.capture textarea{display:block;width:100%;min-height:245px;resize:vertical;background:transparent;border:0;border-bottom:1px solid var(--line);border-radius:0;padding:12px 0 24px;outline:0;font:23px/1.6 var(--serif)}.capture textarea::placeholder{color:var(--muted);opacity:.75}.capture textarea:focus-visible{outline:1px solid var(--accent);outline-offset:8px}.capture .draft-status{font-size:11px;color:var(--muted);display:flex;align-items:center;gap:5px}.draft-status .icon{width:12px;height:12px}.capture-controls{display:flex;align-items:center;gap:12px;margin:18px 0}.capture-controls .text-button{font-size:12px;margin-left:auto}.voice-button{display:flex;align-items:center;gap:8px;font-size:13px;border:1px solid var(--line);border-radius:5px;padding:11px 14px}.voice-button.listening{border-color:var(--accent);background:var(--rose)}.capture-details{display:flex;gap:14px;flex-wrap:wrap;border-bottom:1px solid var(--line);padding-bottom:18px;margin-bottom:15px}.capture-details label{font-size:12px;color:var(--muted);display:flex;flex-direction:column;gap:6px}.capture-details .checkbox-label{flex-direction:row;align-items:center;font-size:12px;gap:8px}.capture-details input,.capture-details select{padding:8px 10px;border:1px solid var(--line);border-radius:4px;background:var(--surface)}.capture-details[hidden],.search-suggestions[hidden]{display:none}.detected-label{font-size:12px;color:var(--muted);margin:8px 0}.detected-chips{display:flex;gap:6px;flex-wrap:wrap}.detected-chips .chip{font-size:12px;padding:6px 11px;min-height:32px}.capture-bottom{display:flex;justify-content:space-between;align-items:center;gap:20px;margin-top:25px}.capture-bottom>span{font-size:11px;color:var(--muted);max-width:240px}.capture-error,.error{color:var(--accent);font-size:13px;margin-top:12px}.toast{position:fixed;bottom:25px;left:50%;transform:translateX(-50%);background:var(--ink);color:var(--paper);padding:13px 22px;border-radius:6px;z-index:200;font-size:13px;box-shadow:0 8px 25px #0002;max-width:calc(100% - 30px);text-align:center}.toast[hidden]{display:none}.vault-section{border-top:1px solid var(--line);padding:20px 0}.vault-section h3{font-size:25px;margin-bottom:8px}.vault-section p{font-size:13px;line-height:1.8;margin-bottom:12px}.vault-section .button{margin:0 7px 7px 0}.passphrase-form{display:flex;gap:10px;flex-wrap:wrap}.passphrase-form label{width:100%;font-size:12px}.passphrase-form input{flex:1;min-width:160px}.danger{color:var(--accent)}.entry-reading{white-space:pre-wrap;font:23px/1.8 var(--serif);color:var(--ink);overflow-wrap:anywhere}.entry-reading .inline-symbol{display:inline;background:none;padding:0;color:var(--accent);font:inherit;text-decoration:underline;text-decoration-style:dotted;text-underline-offset:4px}.entry-reading .inline-symbol:hover{text-decoration-style:solid}.reading-actions{display:flex;gap:10px;margin-top:25px;flex-wrap:wrap}.drawer dialog{max-width:600px}.drawer-content .in-short{padding:20px;background:var(--soft);margin:20px 0;font:22px/1.5 var(--serif)}.drawer-content p{line-height:1.9}.drawer-content .text-link{margin-top:20px}.confirmation{background:var(--rose);border-radius:6px;padding:18px;font-size:13px;margin-top:14px}.confirmation p{margin-bottom:12px}.file-label{cursor:pointer}.personal-note{display:block;margin:25px 0;background:var(--rose);padding:15px 20px;border-radius:5px;font-size:13px}.symbol-picker{width:100%;margin:12px 0}.vault-top-note{font-size:13px;line-height:1.8;margin-bottom:24px}.locked-form{max-width:400px;margin:auto;display:flex;flex-direction:column;gap:12px}.entry-title-input{width:100%;font:30px var(--serif);border:0;background:none;border-bottom:1px solid var(--line);padding:10px 0}.entry-title-input:focus-visible{outline:none;border-bottom-color:var(--accent)}.unlock-label{font-size:12px}.no-results{padding:40px 0;color:var(--muted)}.empty-footnote{font-size:12px;margin-top:18px}.related-note{font-size:12px;letter-spacing:.4px;text-transform:uppercase;color:var(--muted);margin:22px 0 10px}.record-heading-note{font-size:16px;color:var(--muted)}.catalogue-pagination[hidden]{display:none}
html[data-theme=dark] .hero-art img,html[data-theme=dark] .card-art img,html[data-theme=dark] .symbol-illustration img{mix-blend-mode:normal;filter:none;border-radius:0}html[data-theme=dark] .hero-art img{border-radius:0}html[data-theme=dark] .button.accent{color:#202421}@media(prefers-color-scheme:dark){html:not([data-theme=light]) .hero-art img,html:not([data-theme=light]) .card-art img,html:not([data-theme=light]) .symbol-illustration img{mix-blend-mode:normal;filter:none;border-radius:0}html:not([data-theme=light]) .hero-art img{border-radius:0}html:not([data-theme=light]) .button.accent{color:#202421}}
@media(min-width:1600px){.hero{min-height:590px}.hero h1{font-size:76px}}
@media(max-width:1050px){.site-header{gap:20px;padding:0 4%}.header-search{display:none}.header-actions .search-link{display:inline-flex}.site-header nav{gap:22px}.wordmark{font-size:28px}.header-actions{gap:4px}.button{padding:13px 18px}.hero h1{font-size:57px}.hero-art{margin-right:-15px}.popular{gap:10px}.card-copy{padding:14px}.card-copy h3{font-size:24px}.card-grid,.library-grid{gap:13px}.journal-invitation{padding:28px}.quiet-promise{gap:25px}.site-footer{gap:18px}.site-footer>p{display:none}}
@media(max-width:760px){.site-header{height:auto;min-height:82px;padding:19px 5% 0;flex-wrap:wrap;gap:18px}.wordmark{font-size:29px}.brand-moon{font-size:33px}.header-actions{margin-left:auto}.header-actions .button{padding:10px 12px;min-height:40px;font-size:12px}.header-actions .button .icon{width:15px}.theme-toggle{width:40px}.site-header nav{order:3;width:100%;justify-content:center;gap:35px;padding:0 0 14px}.site-header nav a{font-size:13px}.site-header nav a[aria-current=page]:after{bottom:-7px}.hero{grid-template-columns:1fr;padding-top:40px;gap:8px}.hero h1{font-size:59px;letter-spacing:-2px;margin:18px 0}.hero-description{font-size:14px}.hero-art{max-width:470px;width:100%;margin:0 auto}.art-caption{font-size:14px;margin-top:-5px;margin-bottom:18px}.hero-search{max-width:100%}.eyebrow{font-size:10px;letter-spacing:1.6px}.alphabet{display:block;padding:14px 0}.alphabet>.eyebrow{border:0;margin-bottom:8px}.alphabet>div{display:flex;flex-wrap:wrap;justify-content:flex-start;gap:1px}.alphabet>div a{width:29px;height:29px}.featured{padding-top:32px}.section-heading{align-items:flex-start;gap:10px}.section-heading h2{font-size:30px}.section-heading>.text-link{font-size:11px;white-space:nowrap;margin-top:29px;gap:5px}.card-grid,.library-grid{grid-template-columns:repeat(2,1fr);gap:13px}.card-copy{padding:13px}.card-copy h3{font-size:25px}.card-copy p{font-size:12px;min-height:54px}.card-copy .eyebrow{font-size:9px}.journal-invitation{padding:27px 23px;flex-wrap:wrap;gap:15px}.invitation-mark{display:none}.journal-invitation h2{font-size:29px}.journal-invitation>.button{margin:5px 0 0;width:100%}.quiet-promise{flex-wrap:wrap;gap:12px 22px;font-size:11px;padding:23px 0 30px}.site-footer{padding:25px 5%;gap:19px}.site-footer>div{width:100%;margin:0;gap:20px}.footer-note{text-align:left}.page-intro{padding-top:38px}.page-intro h1{font-size:44px;letter-spacing:-1.5px}.page-intro>p{font-size:13px}.category-list{gap:6px;flex-wrap:nowrap;overflow-x:auto;margin:0 -5% 22px;padding:2px 5% 8px;scrollbar-width:thin;-webkit-overflow-scrolling:touch}.category-list .chip{flex-shrink:0}.chip{font-size:12px;padding:6px 12px}.journal-intro{display:block}.journal-intro>.button{margin-top:20px}.journal-tabs{gap:22px;font-size:12px}.journal-tabs .icon{width:16px}.vault-link{font-size:0}.vault-link .icon{width:18px}.journal-toolbar{flex-wrap:wrap;gap:9px}.journal-toolbar input{flex-basis:100%;width:100%}.journal-toolbar select{font-size:12px;max-width:120px}.journal-toolbar .field{padding:10px}.view-toggle{margin-left:auto}.entry-card{gap:15px;padding:20px 0}.entry-date{min-width:35px;font-size:30px}.entry-open h3{font-size:25px}.entry-open p{font-size:12px}.entry-meta{font-size:10px;max-width:70px;white-space:normal}.stats-grid{gap:8px}.stat-card{padding:19px 13px}.stat-card strong{font-size:39px}.stat-card span{font-size:11px}.pattern-row{gap:14px}.pattern-row>a{width:115px;font-size:20px}.pattern-row small{width:50px;font-size:11px}.symbol-intro h1{font-size:55px}.symbol-tagline{font-size:21px}.symbol-illustration{height:190px;max-width:370px}.symbol-article .in-short{padding:22px}.in-short p{font-size:22px}.symbol-article p{font-size:14px}.symbol-cta{gap:16px}.symbol-cta p{font-size:11px}.symbol-article h2{font-size:30px}.scenario-grid{grid-template-columns:1fr}.scenario{padding:18px}.scenario h3{font-size:23px}.reflection-prompt{font-size:21px;gap:13px}.prose h1{font-size:49px}.prose p,.prose li{font-size:14px}.modal-body{padding:24px}.modal-head h2{font-size:32px}.capture textarea{min-height:230px;font-size:22px}.capture-bottom{gap:10px}.capture-bottom>span{font-size:11px}.capture-bottom .button{padding:12px 16px}.calendar-grid>button{padding:8px;min-height:45px}.calendar-head h2{font-size:22px}.calendar-head .button{font-size:12px;padding:8px 10px}.entry-reading{font-size:21px}dialog{max-height:92dvh}.symbol-cta{position:sticky;bottom:0;background:var(--paper);padding:14px 0;z-index:3;border-bottom:1px solid var(--line)}.symbol-article{padding-bottom:50px}}
@media(max-width:390px){.header-actions .button span{display:none}.header-actions .button{width:40px;padding:8px}.hero h1{font-size:52px}.popular{font-size:12px;gap:10px}.card-copy h3{font-size:22px}.card-copy{padding:11px}.section-heading{display:block}.section-heading>.text-link{margin-top:12px}.modal-body{padding:20px}.capture-bottom{flex-wrap:wrap}.capture-bottom .button{width:100%;margin-top:5px}.entry-meta{display:none}.journal-tabs{gap:17px}}
@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation:none!important;transition:none!important;scroll-behavior:auto!important}} 

.brand-moon{transform:none;display:inline-flex}.brand-moon .icon{width:28px;height:34px;fill:currentColor;stroke:none}.site-footer .brand-moon .icon{width:22px;height:25px}.hero-art img{mask-image:none}

.capture-details .capture-title{width:100%}.capture-details .entry-title-input{font:18px var(--serif);width:100%}.capture-controls .voice-button{flex-shrink:0}.capture-controls .text-button{font-size:12px}.capture-controls .text-button .icon{width:15px;height:15px}

body:has(dialog[open]){overflow:hidden}
.source-badge{display:inline-block;font:11px/1.5 var(--sans);color:var(--muted);border:1px solid var(--line);border-radius:20px;padding:3px 8px;margin-bottom:10px;letter-spacing:.2px}.symbol-intro .source-badge{margin:2px 0 13px}.source-filter-label{display:flex;gap:9px;align-items:center;font-size:13px}.source-filter-label select{font-size:13px;max-width:210px;padding:8px 12px}.catalogue-pagination{display:flex;justify-content:space-between;align-items:center;gap:15px;padding:30px 0 15px;color:var(--muted);font-size:13px}.catalogue-pagination a{font-size:13px}.historical-records{margin-top:25px}.symbol-article p.historical-context{font-size:13px;line-height:1.8;background:var(--soft);border-radius:5px;padding:16px 20px;margin-bottom:15px}.historical-record{border-top:1px solid var(--line);padding:13px 0;font-size:12px}.historical-record:last-child{border-bottom:1px solid var(--line)}.historical-record summary{cursor:pointer;font:19px/1.5 var(--serif);color:var(--ink)}.historical-record>div{padding:15px 3px}.historical-text{white-space:pre-wrap;font:14px/1.8 var(--serif);color:var(--muted);max-height:65vh;overflow:auto;padding:15px 0;overflow-wrap:anywhere}.symbol-article p.record-locator{font-size:12px;line-height:1.7;color:var(--muted)}.record-locator a{text-decoration:underline}.historical-record .text-link{margin-top:15px}.dataset-downloads{display:flex;gap:10px;flex-wrap:wrap;margin:25px 0}.dataset-downloads .button{font-size:12px}.dataset-downloads>.text-link{width:100%;margin-top:15px}
@media(max-width:760px){.library-summary{gap:14px;flex-wrap:wrap}.source-filter-label{width:100%}.site-footer>div{flex-wrap:wrap;gap:13px 18px}.historical-record summary{font-size:18px}.catalogue-pagination{font-size:12px}.catalogue-pagination .button{padding:10px 13px}.dataset-downloads .button{width:100%;justify-content:space-between}.source-badge{font-size:10px}}

.letter-directory{margin:48px 0 20px;padding-top:32px;border-top:1px solid var(--line)}.letter-directory h2{font:400 32px var(--serif)}.letter-directory>p{color:var(--muted);margin:12px 0 24px}.letter-directory ul{list-style:none;padding:0;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:0 30px}.letter-directory li{padding:14px 0;border-bottom:1px solid var(--line);display:flex;flex-direction:column;gap:4px;min-width:0}.letter-directory a{font-size:17px;overflow-wrap:anywhere}.letter-directory small{font-size:12px;color:var(--muted)}.numeric-index{margin:0 0 30px;display:inline-flex}.symbol-aliases{font-size:13px!important;color:var(--muted);line-height:1.8!important}.symbol-aliases span{font-weight:600}@media(max-width:700px){.letter-directory ul{grid-template-columns:repeat(2,minmax(0,1fr));gap:0 18px}.letter-directory a{font-size:15px}}

/* Source-led catalogue pages keep the existing paper, ink, and serif treatment. */
.archive-page .symbol-article>.source-accounts{margin-top:0}.archive-page .source-accounts>h2{margin-top:12px}.historical-records{margin-top:20px}.historical-record{padding:25px 0 30px;scroll-margin-top:24px}.historical-record>.record-heading{padding:0}.record-heading h3{font-size:25px;line-height:1.3;margin:9px 0 8px}.symbol-article p.record-source-title{font-size:12px;line-height:1.7;margin-bottom:12px;color:var(--ink)}.record-source-title span{color:var(--muted)}.symbol-article p.record-locator{font-size:12px;line-height:1.8;overflow-wrap:anywhere}.historical-text{margin:20px 0;padding:0 0 0 21px;border-left:2px solid var(--line);white-space:normal;max-height:none;overflow:visible}.symbol-article .historical-text p{font:19px/1.8 var(--serif);color:var(--ink);margin:0 0 17px;overflow-wrap:anywhere}.symbol-article .historical-text p:last-child{margin-bottom:0}.symbol-article p.record-note{font-size:12px;line-height:1.8;background:var(--soft);padding:12px 15px;border-radius:5px;margin:12px 0}.historical-record .text-link{font-size:12px;margin-top:2px}.symbol-article p.prompt-intro{font-size:13px;margin-bottom:22px}.browse-links{display:flex;flex-wrap:wrap;gap:14px 24px}.browse-links .text-link{font-size:12px}.supporting-sources ul{list-style:none;padding:0}.supporting-sources li{padding:15px 0;border-bottom:1px solid var(--line)}.supporting-sources li>a{font-size:14px;color:var(--accent);text-decoration:underline;text-underline-offset:3px}.supporting-sources .record-locator{margin:6px 0}.symbol-article p.source-scope{font-size:13px;line-height:1.8}.source-directory{list-style:none;padding:0}.source-directory>li{border-bottom:1px solid var(--line);padding:25px 0;margin:0}.source-directory h3{font-size:26px;line-height:1.35;letter-spacing:-.3px}.source-directory h3 a{text-decoration-thickness:1px;text-decoration-color:var(--line);text-underline-offset:5px}.prose .source-byline{font-size:12px;line-height:1.8;margin:10px 0}.prose .source-record-count{display:inline-block;font-size:12px;color:var(--accent);background:var(--rose);padding:4px 9px;border-radius:20px;margin:0 0 10px}.prose .source-rights{font-size:12px;line-height:1.8}.sources-page .lead{max-width:600px}
@media(max-width:760px){.historical-record{padding:22px 0 26px}.record-heading h3{font-size:23px}.historical-text{padding-left:15px;margin:18px 0}.symbol-article .historical-text p{font-size:18px;line-height:1.75}.source-directory h3{font-size:24px}.source-directory>li{padding:22px 0}.browse-links{flex-direction:column;align-items:flex-start}}

/* Comfortable reading, clear actions, and generous targets across screen sizes. */
/* Language editions share the same origin and private browser notebook. */
.language-picker{display:inline-flex;align-items:center;flex-shrink:0}
.language-picker select{font:13px var(--sans);max-width:126px;min-height:44px;padding:8px 24px 8px 10px;border:1px solid var(--line);border-radius:7px;background:var(--paper);color:var(--ink);cursor:pointer}
.language-picker select:focus-visible{outline:2px solid var(--accent);outline-offset:3px}
.edition-notice{font:13px/1.7 var(--sans);color:var(--muted);padding:16px 18px;background:var(--soft);border-radius:7px;margin:18px 0}
.edition-notice a{color:var(--accent);text-decoration:underline;text-underline-offset:3px}
html[lang="ar"]{--serif:"Noto Naskh Arabic","Amiri",Georgia,serif;--sans:"Noto Sans Arabic",Tahoma,Arial,sans-serif}
html[lang="hi"]{--serif:"Noto Serif Devanagari","Nirmala UI",serif;--sans:"Noto Sans Devanagari","Nirmala UI",sans-serif}
html[lang="zh-Hans"]{--serif:"Noto Serif CJK SC","Songti SC",SimSun,serif;--sans:"Noto Sans CJK SC","PingFang SC","Microsoft YaHei",sans-serif}
html[lang="ar"] h1,html[lang="ar"] h2,html[lang="hi"] h1,html[lang="hi"] h2,html[lang="zh-Hans"] h1,html[lang="zh-Hans"] h2{letter-spacing:normal;line-height:1.3}
html[lang="ar"] .eyebrow,html[lang="hi"] .eyebrow,html[lang="zh-Hans"] .eyebrow{letter-spacing:normal}
[dir="rtl"] .site-header nav,[dir="rtl"] .header-actions,[dir="rtl"] .hero-journal,[dir="rtl"] .popular,[dir="rtl"] .card-footer{direction:rtl}
[dir="rtl"] .wordmark,[dir="rtl"] .alphabet>div,[dir="rtl"] .calendar-grid,[dir="rtl"] [lang="en"]{direction:ltr}
[dir="rtl"] .home-header nav{margin-left:0;margin-right:auto}
[dir="rtl"] .header-actions{margin-left:0;margin-right:auto}
[dir="rtl"] .search-suggestions small,[dir="rtl"] #results-count{text-align:start}
[dir="rtl"] .category-card>.icon{margin-left:0;margin-right:auto;transform:scaleX(-1)}
[dir="rtl"] .card-link .icon,[dir="rtl"] .text-link>.icon{transform:scaleX(-1)}
[dir="rtl"] .historical-text{border-left:0;border-right:2px solid var(--line);padding-left:0;padding-right:21px}
[dir="rtl"] .footer-note{text-align:start}
[dir="rtl"] .view-toggle,[dir="rtl"] .vault-link{margin-left:0;margin-right:auto}
[dir="rtl"] .language-picker select{padding:8px 10px 8px 24px}
@media(max-width:1200px){.site-header{flex-wrap:wrap}.site-header .header-search{display:none}.header-actions .search-link{display:inline-flex}.language-picker select{max-width:116px}.site-header nav{gap:18px}}
@media(max-width:760px){.language-picker select{max-width:106px;font-size:12px;padding:7px 18px 7px 7px}.site-header .header-actions{gap:3px}.site-header .wordmark{font-size:25px}.site-header nav{gap:22px}.edition-notice{font-size:12px}[dir="rtl"] .site-header .header-actions{margin-right:auto;margin-left:0}[dir="rtl"] .historical-text{padding-right:15px}}
@media(max-width:440px){.site-header .header-actions .capture-trigger{width:44px;padding:10px}.site-header .header-actions .record-label,.site-header .header-actions .record-label-mobile{display:none}.site-header .wordmark{font-size:23px}.language-picker select{max-width:96px}.site-header .header-actions .search-link{display:none}.site-header nav{gap:16px}}
html{scroll-padding-top:24px}
main:focus{outline:none}
.site-header{min-height:88px;height:auto;gap:26px;padding-top:16px;padding-bottom:16px}
.site-header nav{gap:28px;align-self:center}
.site-header nav a{min-height:44px;font-size:14px;white-space:nowrap}
.site-header nav a[aria-current=page]{color:var(--accent)}
.site-header nav a[aria-current=page]:after{bottom:0;left:0;width:100%;height:2px;border-radius:2px}
.home-header nav{margin-left:auto}
.header-actions{gap:8px}
.header-actions .button{font-size:14px;padding:12px 18px}
.record-label-mobile{display:none}
.icon-button{min-width:44px;min-height:44px}
.button,.chip,.text-link,.symbol-card,.category-card{transition:background-color .18s,border-color .18s,transform .18s}
.button{font-size:14px;border-radius:7px}
.button.outline:hover{background:var(--soft);border-color:var(--accent)}
.text-link{font-size:13px;min-height:44px;letter-spacing:0}
.hero{grid-template-columns:minmax(0,1.02fr) minmax(0,1fr);gap:32px;padding:56px 0 42px;min-height:540px}
.hero h1{font-size:clamp(48px,5.2vw,72px);letter-spacing:-2px;line-height:1.05;margin:22px 0}
.hero-description{font-size:16px;line-height:1.75;max-width:440px}
.hero-art{margin:0;min-width:0;align-self:center}
.hero-art img{width:100%;border-radius:0}
.art-caption{margin:15px 0 0;font-size:16px;line-height:1.5}
.search-form{border-radius:8px;padding:7px 7px 7px 17px;gap:11px;margin-top:26px;min-height:60px}
.search-form input{font-size:16px;min-height:44px}
.search-form button{width:auto;min-width:44px;height:44px;padding:0 14px;gap:8px;background:var(--ink);color:var(--paper);border-radius:5px;font-size:13px}
.search-form button:hover{background:var(--accent)}
.header-search{margin:0;min-height:44px;padding:3px 4px 3px 12px;min-width:150px;max-width:230px}
.header-search input{font-size:13px;min-height:36px}
.header-search button{min-width:36px;height:36px;padding:0 8px;background:var(--soft);color:var(--ink)}
.search-suggestions{border-radius:8px;box-shadow:0 12px 32px #0003;max-height:min(420px,55vh);overflow-y:auto}
.search-suggestions a{min-height:52px;gap:16px;padding:13px 17px}
.search-suggestions a:last-child{border-bottom:0}
.search-suggestions a>span{font-weight:500}
.search-suggestions small{text-align:right;max-width:45%;line-height:1.4}
.search-suggestions [role=option][aria-selected=true]{background:var(--soft);box-shadow:inset 3px 0 var(--accent);color:var(--accent)}
.popular{gap:5px 12px;margin-top:12px;font-size:13px}
.popular a{min-height:32px;display:inline-flex;align-items:center;text-decoration-color:var(--line);text-underline-offset:5px}
.hero-journal{display:flex;align-items:center;gap:16px;flex-wrap:wrap;margin-top:22px}
.hero-journal .button{min-height:44px;padding:10px 16px}
.hero-journal>span{display:flex;align-items:center;gap:6px;font-size:12px;color:var(--muted)}
.hero-journal>span .icon{width:14px;height:14px}
.alphabet{gap:20px;padding:14px 0}
.alphabet>.eyebrow{padding-right:20px}
.alphabet>div{flex-wrap:wrap;justify-content:flex-start;gap:2px}
.alphabet>div a{font-size:17px;width:32px;min-height:40px;border-radius:5px}
.alphabet>div .alphabet-numbers{width:42px}
.alphabet>div a:hover,.alphabet>div a[aria-current=page]{background:var(--rose);color:var(--accent)}
.featured{padding:44px 0}
.section-heading{margin-bottom:24px}
.section-heading h2{font-size:35px}
.card-grid,.library-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:20px}
.symbol-card{display:flex;flex-direction:column;min-width:0;border-radius:10px}
.symbol-card:hover{transform:translateY(-3px)}
.card-art{margin:7px 7px 0;border-radius:0;aspect-ratio:1.65;flex-shrink:0}
.card-copy{padding:20px;display:flex;flex:1;flex-direction:column;min-width:0}
.card-copy .eyebrow{font-size:10px;line-height:1.6;letter-spacing:1.2px;margin-bottom:9px}
.card-copy h3{font-size:28px;line-height:1.15;overflow-wrap:anywhere}
.card-copy p{font-size:14px;line-height:1.65;min-height:0;margin:11px 0 20px}
.card-footer{display:flex;align-items:center;justify-content:space-between;gap:8px;margin-top:auto;padding-top:12px;border-top:1px solid var(--line)}
.card-footer .source-badge{border:0;border-radius:0;padding:0;margin:0;font-size:11px;line-height:1.5;letter-spacing:0}
.card-footer .card-link{display:inline-flex;align-items:center;justify-content:center;width:28px;height:28px;border-radius:50%;background:var(--soft)}
.card-footer .card-link .icon{width:16px;height:16px}
.home-categories{padding:8px 0 48px}
.category-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px 24px}
.category-card{display:flex;align-items:center;gap:18px;padding:17px 0;border-bottom:1px solid var(--line)}
.category-card img{width:66px;height:66px;object-fit:contain;border-radius:0;mix-blend-mode:normal}
.category-card h3{font-size:25px;line-height:1.2}
.category-card p{font-size:13px;line-height:1.5;margin-top:5px}
.category-card>.icon{margin-left:auto;color:var(--accent)}
.category-card:hover{border-color:var(--accent)}
.journal-invitation{padding:34px 38px;border-radius:10px;gap:26px}
.journal-invitation h2{line-height:1.2}
.quiet-promise{padding:28px 0 36px}
.site-footer a:not(.wordmark),.site-footer button{min-height:44px;display:inline-flex;align-items:center}
.page-intro>p{max-width:720px;line-height:1.8}
.page-intro h1{line-height:1.1;overflow-wrap:anywhere}
.category-list .chip{min-height:44px;padding:10px 16px;font-size:13px}
.library-summary{padding:16px 0;margin:0 0 22px;border-top:1px solid var(--line);border-bottom:1px solid var(--line);gap:16px}
.source-filter-label select{min-height:44px}
#results-count{margin-left:auto;text-align:right}
.library-summary>a{min-height:44px;color:var(--accent);white-space:nowrap}
.no-results{grid-column:1/-1;text-align:center;padding:60px 24px;background:var(--soft);border:1px dashed var(--line);border-radius:10px}
.no-results h2{font-size:32px;margin-bottom:14px}
.no-results p{max-width:500px;margin:0 auto 16px}
.catalogue-pagination{padding:28px 0 18px}
.catalogue-pagination[hidden]{display:none}
.catalogue-pagination .button{min-height:44px}
.symbol-tagline{line-height:1.55}
.symbol-intro h1{overflow-wrap:anywhere}
.symbol-article p{font-size:16px;line-height:1.85}
.symbol-article .in-short{border-radius:0 8px 8px 0}
.symbol-article .in-short p{font:25px/1.5 var(--serif)}
.symbol-illustration{height:240px}
.breadcrumb a{min-height:36px;display:inline-flex;align-items:center}
.journal-tabs a,.journal-tabs button{min-height:48px}
.journal-tabs .vault-link{font-size:13px}
.journal-toolbar .field{min-height:44px}
.view-toggle button{min-width:44px;min-height:44px}
.empty-state{padding:64px 20px 80px}
.empty-state .empty-icon{font-size:62px}
.empty-state p.empty-footnote{font-size:12px;margin:18px auto 0}
.stat-card{border-radius:8px}
.modal-head .icon-button{margin-top:-6px;margin-right:-8px}
.capture-controls .text-button{min-height:44px}
.capture textarea{font-size:24px;min-height:220px}
.capture-details .field,.capture-details input,.capture-details select{min-height:44px}
.capture-details input[type=checkbox]{min-height:auto;width:18px;height:18px;accent-color:var(--accent)}
.capture-details .checkbox-label{min-height:44px}
.detected-chips .chip{min-height:40px;padding:8px 12px}
.capture-bottom{border-top:1px solid var(--line);padding-top:20px}
.capture .draft-status{font-size:12px;line-height:1.6}
.capture-error:empty{display:none}
.reading-actions{flex-wrap:wrap;align-items:center}
html[data-theme=dark] .category-card img{mix-blend-mode:normal;filter:none}
@media(prefers-color-scheme:dark){html:not([data-theme=light]) .category-card img{mix-blend-mode:normal;filter:none}}
@media(min-width:1440px){.alphabet>div{justify-content:space-between;flex-wrap:nowrap}}
@media(max-width:1150px){
  .site-header{gap:18px}.site-header nav{gap:20px}.header-search{max-width:180px}
  .site-header .wordmark{font-size:29px}.header-actions .button{padding:12px 14px}
  .hero{gap:24px}.hero h1{font-size:58px}.card-copy{padding:17px}
  .library-grid{grid-template-columns:repeat(3,minmax(0,1fr))}
}
@media(max-width:900px){
  .site-header{gap:14px}.site-header nav{gap:18px}.site-header nav a{font-size:13px}
  .header-actions .button{padding:11px 13px}.header-actions .search-link{display:none}
  .hero h1{font-size:52px}.hero{gap:20px;padding-top:40px}.hero-description{font-size:15px}
  .hero-journal{gap:10px}.hero-journal>span{font-size:11px}
  .card-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
  .alphabet{align-items:flex-start}.alphabet>.eyebrow{padding-top:12px}
  .alphabet>div a{width:36px;min-height:44px}
  .card-copy h3{font-size:28px}
}
@media(max-width:760px){
  .site-header{padding:14px 5% 0;gap:9px 12px;min-height:0}
  .site-header .wordmark{font-size:28px;gap:7px}.brand-moon .icon{width:23px;height:28px}
  .header-actions{gap:3px}.header-actions .button{min-height:44px;width:auto;padding:10px 12px;font-size:12px}
  .header-actions .button .icon{width:17px;height:17px}
  .header-actions .record-label{display:none}.header-actions .button .record-label-mobile{display:inline}
  .header-actions .search-link{display:none}.theme-toggle{min-width:40px;width:40px}
  .site-header nav{width:100%;justify-content:space-between;gap:0;padding:0;order:3;margin:0}
  .site-header nav a{justify-content:center;padding:0 12px;min-height:46px;font-size:13px}
  .site-header nav a[aria-current=page]:after{bottom:0;left:12px;width:calc(100% - 24px)}
  .hero{grid-template-columns:1fr;gap:22px;padding:34px 0 28px;min-height:0}
  .hero h1{font-size:clamp(40px,8vw,58px);letter-spacing:-1.3px;margin:17px 0}
  .hero-description{font-size:15px;max-width:480px;line-height:1.75}
  .hero-art{max-width:470px;width:100%;margin:0 auto}
  .hero-art img{max-height:245px;object-fit:contain;object-position:center}
  .art-caption{font-size:14px;margin:10px 0 0}
  .hero-journal{margin-top:16px;gap:12px}.hero-journal .button{font-size:13px}
  .hero-journal>span{font-size:11px;gap:4px}
  .search-form{margin-top:21px;gap:9px;padding-left:13px;min-height:58px}
  .search-form input{font-size:16px}.search-form button{padding:0 12px}
  .search-form button .icon{display:none}
  .popular{font-size:12px;gap:2px 12px;margin-top:9px}
  .popular a{min-height:36px}
  .alphabet{padding:16px 0;display:block}
  .alphabet>.eyebrow{padding:0;border:0;margin-bottom:10px;display:inline-flex;min-height:30px;align-items:center}
  .alphabet>div{display:grid;grid-template-columns:repeat(7,minmax(0,1fr));gap:4px}
  .alphabet>div a,.alphabet>div .alphabet-numbers{width:auto;min-height:44px;background:var(--soft);font-size:17px}
  .featured{padding:34px 0}.section-heading{align-items:flex-start;gap:12px}
  .section-heading h2{font-size:30px;line-height:1.15}.section-heading>.text-link{font-size:12px;white-space:normal;line-height:1.5;margin-top:20px;flex-shrink:0;max-width:110px}
  .card-grid,.library-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}
  .card-copy{padding:16px}.card-copy h3{font-size:27px}.card-copy p{font-size:14px;min-height:0}
  .card-copy .eyebrow{font-size:10px}
  .home-categories{padding:4px 0 36px}.category-grid{grid-template-columns:1fr;gap:0}
  .category-card{padding:16px 0;gap:16px}.category-card h3{font-size:25px}
  .category-card p{font-size:13px}.category-card img{width:58px;height:58px}
  .journal-invitation{padding:26px 24px;gap:16px}.journal-invitation h2{font-size:30px}
  .journal-invitation p{font-size:14px}.journal-invitation>.button{margin-top:4px}
  .quiet-promise{font-size:12px;gap:10px 20px;padding:24px 0 28px}
  .page-intro{padding:34px 0 28px}.page-intro h1{font-size:42px;letter-spacing:-1px;margin:15px 0}
  .page-intro>p{font-size:14px;line-height:1.75}
  .category-list{margin-bottom:20px;padding-bottom:10px;gap:8px}
  .library-summary{gap:8px 16px;padding:14px 0;margin-bottom:20px;font-size:12px}
  .source-filter-label{width:100%;justify-content:space-between;font-size:13px}
  .source-filter-label select{flex:1;max-width:none;margin-left:8px}
  #results-count{margin:0;text-align:left;flex:1;min-width:0}
  .library-summary>a{font-size:13px;gap:6px}
  .library-summary>a .icon{width:16px}
  .symbol-article p{font-size:16px}.symbol-article .in-short p{font-size:24px}
  .symbol-intro h1{font-size:48px}.symbol-illustration{height:210px}
  .symbol-cta{position:static;border:0;flex-wrap:wrap;padding:0}
  .symbol-cta p{font-size:13px;max-width:100%}.symbol-article{padding-bottom:16px}
  .journal-tabs{gap:12px;justify-content:space-between}.journal-tabs a{font-size:12px;gap:6px}
  .journal-tabs .vault-link{font-size:0;min-width:44px;justify-content:center;margin-left:auto}
  .modal-body{padding:24px}.capture textarea{font-size:23px;min-height:200px}
  .capture-details input,.capture-details select,.journal-toolbar .field{font-size:16px}
  .journal-toolbar select{flex:1 1 120px;max-width:none;min-width:0}
  .journal-toolbar .view-toggle{margin-left:0}.entry-open p{font-size:14px}
  .capture-controls{gap:8px}.voice-button{font-size:12px;padding:10px}
  .capture-controls .text-button{font-size:12px}.capture-bottom{flex-wrap:wrap;gap:16px}
  .capture-bottom>span{max-width:none;flex:1;min-width:140px;font-size:12px}
  .capture-bottom .button{min-height:48px}
  .site-footer>div{gap:0 20px}.site-footer{gap:12px}
}
@media(max-width:520px){
  .card-grid,.library-grid{grid-template-columns:1fr;gap:12px}
  .symbol-card{display:grid;grid-template-columns:104px minmax(0,1fr);align-items:stretch}
  .card-art{margin:8px 0 8px 8px;aspect-ratio:auto;min-height:130px;max-height:210px}
  .card-art img{object-fit:contain}
  .card-copy{padding:17px 16px}.card-copy .eyebrow{font-size:9px;letter-spacing:1px;margin-bottom:7px}
  .card-copy h3{font-size:26px}.card-copy p{font-size:13px;line-height:1.6;margin:9px 0 14px}
  .card-footer{padding-top:9px}.card-footer .source-badge{font-size:11px}
  .card-footer .card-link{width:24px;height:24px}.card-footer .card-link .icon{width:14px}
  .hero h1{font-size:clamp(39px,10.8vw,54px)}
  .hero-art img{max-height:215px}
  .section-heading{display:block}.section-heading>.text-link{margin:5px 0 0;max-width:none;min-height:38px}
  .section-heading h2{font-size:30px}.section-heading{margin-bottom:17px}
  .capture-bottom .button{width:100%;margin:0}
  .stats-grid{gap:8px}.stat-card{padding:18px 12px}.stat-card strong{font-size:38px}
  .stat-card span{font-size:12px;line-height:1.5;display:block}
}
@media(min-width:371px) and (max-width:420px){
  .site-header .wordmark{font-size:26px}.site-header{column-gap:8px}
  .header-actions .button{padding:10px;gap:6px}
}
@media(max-width:370px){
  .site-header .wordmark{font-size:23px}.header-actions .button{padding:10px;gap:6px}
  .site-header{padding-left:4%;padding-right:4%;gap:8px}.header-actions{gap:0}
  .header-actions .button .icon{display:none}.theme-toggle{width:36px;min-width:36px}
  .site-header nav a{padding:0 9px}.hero-journal{gap:8px}
  .hero-journal>span{font-size:11px}.hero-journal .button{padding:10px 12px}
  .symbol-card{grid-template-columns:88px minmax(0,1fr)}.card-copy{padding:15px 12px}
  .capture-controls{flex-wrap:wrap}.capture-controls .text-button{margin-left:0}
  .modal-body{padding:20px}.capture textarea{font-size:22px}
}

/* Public Journal: a reading room beside the private notebook. */
.journal-preview{padding:40px 0 50px;border-top:1px solid var(--line)}
.journal-card-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:30px}
.journal-card{min-width:0;border-bottom:1px solid var(--line)}
.journal-card-link{display:flex;flex-direction:column;height:100%;color:var(--ink)}
.journal-card-link:hover{color:var(--ink)}
.journal-card-art{aspect-ratio:1.9;overflow:visible;border-radius:0;background:transparent}
.journal-card-art img{display:block;width:100%;height:100%;object-fit:contain;mix-blend-mode:normal;transition:transform .25s}
.journal-card-link:hover .journal-card-art img{transform:scale(1.025)}
.journal-card-copy{padding:20px 0 23px;display:flex;flex:1;flex-direction:column}
.journal-card-meta{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-bottom:12px}
.journal-card-meta .eyebrow{font-size:10px;letter-spacing:1.4px}
.journal-card-meta>span:last-child{font-size:11px;color:var(--muted);white-space:nowrap}
.journal-card-copy h3{font-size:29px;line-height:1.16;letter-spacing:-.55px}
.journal-card-link:hover h3{color:var(--accent)}
.journal-card-copy>p{font-size:13px;line-height:1.8;margin:13px 0 20px}
.journal-card-copy .card-link{margin-top:auto}
.editorial-index{padding-bottom:54px}
.editorial-index-intro{display:grid;grid-template-columns:1.1fr 1fr;align-items:center;gap:55px;padding:57px 0 49px;border-bottom:1px solid var(--line)}
.editorial-index-intro h1{font-size:clamp(56px,5.3vw,76px);margin:20px 0;line-height:1.04}
.editorial-index-intro h1 em{font-style:normal;color:var(--accent)}
.editorial-index-intro p{max-width:470px;font-size:15px;line-height:1.9}
.editorial-index-intro .text-link{margin-top:25px}
.editorial-index-art{max-width:470px;justify-self:center;width:100%}
.editorial-index-art img{display:block;width:100%;height:auto;mix-blend-mode:normal;border-radius:0;mask-image:none}
.editorial-index-art .art-caption{margin:5px 0 0}
.editorial-stories{padding:40px 0 0;scroll-margin-top:25px}
.editorial-stories .journal-card-grid{row-gap:35px}
.journal-story-count{font-size:12px;color:var(--muted)}
.journal-approach{font-size:12px;line-height:1.8;padding:25px 0 38px;max-width:690px}
.journal-approach a{text-decoration:underline;text-underline-offset:3px}
.editorial-invitation{margin-top:0}
.editorial-page{padding:28px 0 54px}
.editorial-page>.breadcrumb{margin-bottom:45px}
.editorial-article-header{text-align:center;max-width:890px;margin:0 auto 47px}
.editorial-article-header h1{font-size:clamp(43px,4.7vw,64px);line-height:1.07;letter-spacing:-1.7px;margin:19px 0 20px;text-wrap:balance}
.article-deck{font:23px/1.5 var(--serif);max-width:660px;margin:0 auto 24px}
.article-byline{display:flex;justify-content:center;align-items:center;gap:12px;font-size:12px;color:var(--muted)}
.article-byline a{color:var(--ink);text-decoration:underline;text-underline-offset:3px}
.article-byline a:hover{color:var(--accent)}
.article-dates{display:flex;justify-content:center;gap:7px 19px;flex-wrap:wrap;margin-top:9px;font-size:11px;color:var(--muted)}
.editorial-article-art{width:460px;max-width:100%;margin:25px auto 0;aspect-ratio:2;overflow:visible;border-radius:0}
.editorial-article-art img{width:100%;height:100%;display:block;object-fit:contain;mix-blend-mode:normal}
.editorial-reading-layout{display:grid;grid-template-columns:210px minmax(0,680px);gap:55px;max-width:945px;margin:0 auto}
.article-sidebar{min-width:0}
.article-toc{position:sticky;top:28px;border-top:1px solid var(--line);padding-top:20px}
.article-toc .eyebrow{font-size:10px;letter-spacing:1.5px}
.article-toc ol{list-style:none;padding:0;margin:18px 0 0}
.article-toc li{margin-bottom:13px}
.article-toc a{display:block;font-size:12px;line-height:1.65;color:var(--muted)}
.article-toc a:hover{color:var(--accent);text-decoration:underline;text-underline-offset:3px}
.editorial-article-body{min-width:0}
.editorial-article-body p,.editorial-article-body li{font-size:15px;line-height:1.95;color:var(--muted)}
.editorial-article-body p{margin:0 0 19px}
.article-introduction p:first-child{font:26px/1.55 var(--serif);color:var(--ink);margin-bottom:22px}
.editorial-article-body>section{margin-top:38px}
.editorial-article-body h2{font-size:34px;line-height:1.2;margin:0 0 19px;letter-spacing:-.6px;scroll-margin-top:28px;text-wrap:balance}
.editorial-article-body ul,.editorial-article-body ol{padding-left:24px;margin:0 0 23px}
.editorial-article-body li{margin:12px 0;padding-left:5px}
.editorial-article-body li::marker{color:var(--accent)}
.editorial-article-body .article-citations{font-size:11px;line-height:1.8;margin:18px 0 0}
.article-citations>span{color:var(--muted)}
.article-citations a{color:var(--accent);text-decoration:underline;text-underline-offset:3px}
.editorial-article-body .article-sources{border-top:1px solid var(--line);padding-top:30px}
.article-sources>.eyebrow,.article-symbols>.eyebrow{margin-bottom:13px}
.article-sources ol{margin-bottom:0}
.article-sources li{margin:0;padding:15px 0 16px 4px;border-bottom:1px solid var(--line);scroll-margin-top:24px}
.article-sources li:last-child{border-bottom:0}
.article-sources li>a{font-size:14px;color:var(--accent);text-decoration:underline;text-underline-offset:4px;line-height:1.7}
.article-source-publisher{display:block;font-size:11px;margin:5px 0}
.article-sources li p{font-size:12px;line-height:1.8;margin:0}
.editorial-article-body .article-symbols{padding:25px 27px 0;background:var(--soft);border-radius:5px}
.article-symbols h2{font-size:28px}
.article-symbols p{font-size:13px}
.article-symbols .related{padding-bottom:25px;margin-bottom:0}
.article-related{margin-top:58px;padding-top:34px}
.symbol-journal-reading ul{list-style:none;margin:0;padding:0}
.symbol-journal-reading li{padding:17px 0;border-bottom:1px solid var(--line)}
.symbol-journal-reading li:first-child{padding-top:0}
.symbol-journal-reading a{display:flex;align-items:center;justify-content:space-between;gap:20px;font:23px/1.35 var(--serif)}
.symbol-journal-reading a .icon{width:17px;color:var(--accent)}
.symbol-article .symbol-journal-reading p{font-size:13px;line-height:1.8;margin-top:9px}
html[data-theme=dark] .journal-card-art img,html[data-theme=dark] .editorial-index-art img,html[data-theme=dark] .editorial-article-art img{mix-blend-mode:normal;filter:none}
@media(prefers-color-scheme:dark){html:not([data-theme=light]) .journal-card-art img,html:not([data-theme=light]) .editorial-index-art img,html:not([data-theme=light]) .editorial-article-art img{mix-blend-mode:normal;filter:none}}
@media(max-width:1050px){
  .journal-card-grid{gap:23px}.journal-card-copy h3{font-size:26px}
  .editorial-reading-layout{grid-template-columns:180px minmax(0,680px);gap:35px}
  .editorial-index-intro{gap:30px}.editorial-index-intro h1{font-size:61px}
}
@media(max-width:760px){
  .journal-preview{padding:30px 0 37px}.journal-card-grid{grid-template-columns:1fr;gap:24px}
  .journal-preview .section-heading,.editorial-stories .section-heading{flex-wrap:wrap;gap:10px}
  .journal-preview .section-heading>.text-link{margin-top:0}
  .journal-card-art{aspect-ratio:2.2}.journal-card-copy{padding:18px 0 22px}
  .journal-card-copy h3{font-size:30px}.journal-card-copy>p{font-size:13px;margin:10px 0 17px}
  .journal-card-meta{margin-bottom:10px}.journal-card-meta .eyebrow{font-size:10px}
  .editorial-index{padding-bottom:35px}.editorial-index-intro{padding:38px 0 28px;grid-template-columns:1fr;gap:15px}
  .editorial-index-intro h1{font-size:58px;letter-spacing:-1.7px;margin:17px 0}
  .editorial-index-intro p{font-size:14px}.editorial-index-intro .text-link{margin-top:19px}
  .editorial-index-art{max-width:340px}.editorial-index-art .art-caption{font-size:14px;margin:-3px 0 9px}
  .editorial-stories{padding-top:30px}.editorial-stories .journal-card-grid{row-gap:24px}
  .journal-story-count{font-size:11px}.journal-approach{padding:22px 0 28px}
  .editorial-page{padding:23px 0 35px}.editorial-page>.breadcrumb{font-size:11px;margin-bottom:32px;gap:7px}
  .editorial-article-header{margin-bottom:25px}.editorial-article-header h1{font-size:43px;letter-spacing:-1.2px;line-height:1.08;margin:15px 0 17px}
  .article-deck{font-size:21px;line-height:1.45;margin-bottom:20px}.article-dates{font-size:10px}
  .editorial-article-art{width:370px;margin-top:22px}
  .editorial-reading-layout{display:block}.article-toc{position:static;padding:19px 0 16px;border-bottom:1px solid var(--line);margin-bottom:28px}
  .article-toc ol{display:grid;grid-template-columns:1fr 1fr;gap:10px 22px;margin-top:13px}.article-toc li{margin:0}.article-toc a{font-size:11px}
  .article-introduction p:first-child{font-size:24px;line-height:1.5}
  .editorial-article-body p,.editorial-article-body li{font-size:14px;line-height:1.9}
  .editorial-article-body>section{margin-top:30px}.editorial-article-body h2{font-size:30px;margin-bottom:15px}
  .editorial-article-body ul,.editorial-article-body ol{padding-left:21px}
  .editorial-article-body .article-sources{padding-top:24px}.editorial-article-body .article-symbols{padding:23px 21px 0}
  .article-symbols h2{font-size:27px}.article-related{margin-top:35px}
}
@media(max-width:390px){.editorial-article-header h1{font-size:38px}.article-toc ol{grid-template-columns:1fr}.journal-card-copy h3{font-size:28px}}

/* Public Journal topic hubs provide a complete reading path in static HTML. */
.journal-topic-browser{padding:35px 0 38px;border-bottom:1px solid var(--line)}
.journal-topic-browser>h2{font-size:34px;margin:12px 0 24px}
.journal-topic-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px}
.journal-topic-card{display:flex;flex-direction:column;border:1px solid var(--line);border-radius:6px;padding:25px;background:var(--surface);min-width:0}
.journal-topic-card:hover{border-color:var(--accent)}
.journal-topic-card h3{font-size:27px;line-height:1.2}
.journal-topic-card p{font-size:13px;line-height:1.8;margin:14px 0 22px}
.journal-topic-card .card-link{margin-top:auto}
.editorial-topic-page{padding:28px 0 54px}
.journal-topic-intro{max-width:850px}
.journal-topic-intro h1{font-size:clamp(43px,4.7vw,64px);margin:17px 0}
.journal-topic-overview{max-width:760px}
.journal-topic-overview p{font-size:15px;line-height:1.9;margin:0 0 18px}
.editorial-topic-page .editorial-stories{border-top:1px solid var(--line);margin-top:32px;padding-top:32px}
.editorial-topic-page .journal-topic-browser{margin:35px 0}
.article-topic-link:hover{text-decoration:underline;text-underline-offset:5px}
@media(max-width:760px){.journal-topic-grid{grid-template-columns:1fr;gap:12px}.journal-topic-browser{padding:28px 0}.journal-topic-card{padding:22px}.journal-topic-card h3{font-size:25px}.journal-topic-card p{margin:10px 0 14px}.editorial-topic-page{padding:23px 0 35px}.journal-topic-intro{padding-top:28px}.journal-topic-overview p{font-size:14px}.journal-topic-intro h1{font-size:43px}}

@media(max-width:440px){
  .site-header .header-actions .capture-trigger .record-label,
  .site-header .header-actions .capture-trigger .record-label-mobile{display:none}
  .site-header .header-actions .capture-trigger .icon{display:block}
}

/* DreamFolia design refresh: shared reading, discovery, and notebook surfaces. */
:root{--sage:#65715e;--reading-measure:720px}
html[data-theme=dark]{--sage:#b6c1a6}
@media(prefers-color-scheme:dark){html:not([data-theme=light]){--sage:#b6c1a6}}
.site-header{padding-block:18px;column-gap:24px;border-bottom-color:var(--line)}
.site-header .wordmark{letter-spacing:-1.2px}
.site-header nav a{font-weight:500}
.site-header nav a[aria-current=page]:after{height:1px;bottom:2px}
.site-header .header-actions .capture-trigger{border-radius:5px}
.language-picker select{border-radius:5px;background:transparent}
.theme-toggle:hover{background:var(--soft);color:var(--accent)}
.site-footer{padding-block:36px 28px;row-gap:16px}
.site-footer>p{font:italic 17px/1.5 var(--serif)}
.site-footer>div{gap:8px 24px;flex-wrap:wrap}
.site-footer .footer-note{padding-block-start:13px;border-top:1px solid var(--line);text-align:start;line-height:1.7}
.button{border-radius:5px;font-weight:500}
.button.accent{box-shadow:0 3px 0 color-mix(in srgb,var(--accent) 12%,transparent)}
.button:focus-visible,.icon-button:focus-visible{outline-offset:5px}
.page-intro{padding-block:52px 32px}
.page-intro h1{max-width:1000px;text-wrap:balance}

/* A quiet masthead and a clear control rail keep the catalogue easy to scan. */
.library-intro{display:grid;grid-template-columns:minmax(0,1.6fr) minmax(0,.7fr);align-items:center;gap:40px;padding-block:40px 32px}
.library-intro-copy{min-width:0}
.library-intro-copy>p{max-width:640px;font-size:16px;line-height:1.8}
.library-intro-copy h1{font-size:clamp(42px,4.5vw,62px);line-height:1.08;margin-block:15px 16px}
.library-intro-copy .search-form{max-width:640px;margin-block-start:23px}
.library-intro-art{min-width:0;margin:0}
.category-list{gap:8px;margin-block:0 22px;margin-inline:0;padding-block:4px 18px;border-bottom:1px solid var(--line)}
.category-list .chip{padding-inline:15px;min-height:42px;font-size:12px;line-height:1.4;background:var(--surface);border-color:transparent}
.category-list .chip:hover{border-color:var(--line);color:var(--accent)}
.category-list .chip.selected{background:var(--ink);border-color:var(--ink);color:var(--paper)}
.library-summary{border-top:0;padding-block:0 18px;margin-block:0 24px;align-items:center}
.source-filter-label{gap:10px;color:var(--muted)}
.source-filter-label .field{padding-block:10px;padding-inline:12px;border-radius:5px;background:transparent;font-size:13px}
.library-summary #results-count{font-variant-numeric:tabular-nums;font-size:12px}
.catalogue-pagination{border-top:1px solid var(--line);margin-block-start:28px;padding-block:24px}
.letter-directory{padding-block-start:35px}
.letter-directory li{padding-block:15px;gap:6px}
.letter-directory a{font-family:var(--serif);font-size:22px;line-height:1.25}
.letter-directory small{font-size:11px}
.no-results{padding-block:52px;background:var(--surface);border-style:solid;border-radius:6px}

/* Symbol pages read like individual entries in a well-kept field guide. */
.symbol-page{padding-block:27px 50px}
.symbol-page>.breadcrumb{font-size:12px;margin-block-end:34px}
.symbol-intro{max-width:820px}
.symbol-intro h1{font-size:clamp(46px,6vw,76px);line-height:1.04;letter-spacing:-1.8px;margin-block:16px 13px;text-wrap:balance}
.symbol-intro>.source-badge{margin-block:0 13px;font-size:10px;letter-spacing:.6px}
.symbol-tagline{max-width:580px;font-size:24px;line-height:1.5}
.symbol-illustration{margin-block:26px 36px;border-radius:0}
.symbol-article{max-width:var(--reading-measure)}
.symbol-article>section{margin-block:44px}
.symbol-article .in-short{padding:28px 32px;background:var(--soft);border-left-width:0;border-inline-start:2px solid var(--sage);border-radius:5px;border-start-start-radius:0;border-end-start-radius:0;margin-block-start:0}
.symbol-article .in-short .eyebrow{color:var(--sage)}
.symbol-article .in-short p{font-size:27px;line-height:1.5}
.symbol-article h2{font-size:35px;line-height:1.18;margin-block:13px 18px;text-wrap:balance}
.symbol-article p{line-height:1.9}
.symbol-article>section>p+p:not(.perspective-note){margin-block-start:1.1em}
.interpretation-page .symbol-intro{display:grid;grid-template-columns:minmax(0,1fr) 210px;align-items:center;gap:32px;text-align:start;max-width:var(--reading-measure);margin-inline:auto;margin-block-end:28px}
.interpretation-page .symbol-intro h1{font-size:clamp(42px,5vw,65px);margin-block:13px 10px}
.interpretation-page .symbol-tagline{font-size:23px;line-height:1.4;max-width:520px;margin-inline:0}
.interpretation-page .symbol-illustration{width:100%;height:auto;aspect-ratio:1.15;margin:0;border-radius:0}
.interpretation-page .symbol-illustration img{height:100%;object-fit:contain}
.theme-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:20px 26px}
.interpretation-theme{border-inline-start:2px solid var(--sage);padding-inline-start:18px}
.interpretation-theme h3{font-size:24px;line-height:1.25;margin-block-end:10px}
.interpretation-theme p{font-size:14px;line-height:1.8}
.entry-evidence{border-block:1px solid var(--line);margin-block:38px;padding-block:0}
.entry-evidence>summary{display:flex;align-items:center;justify-content:space-between;gap:24px;padding-block:22px;cursor:pointer;list-style:none}
.entry-evidence>summary::-webkit-details-marker{display:none}
.entry-evidence>summary .evidence-title{display:block;font:26px/1.3 var(--serif);color:var(--ink);margin-block-start:8px}
.entry-evidence>summary .icon{flex-shrink:0;transition:transform .15s}
.entry-evidence[open]>summary .icon{transform:rotate(45deg)}
.evidence-content>section{margin-block:22px 36px}
.evidence-content>section>p+p{margin-block-start:1.1em}
.evidence-content .supporting-sources{padding-block-start:18px}
@media(max-width:760px){.interpretation-page .symbol-intro{grid-template-columns:minmax(0,1fr) 112px;gap:18px}.interpretation-page .symbol-intro h1{font-size:42px;letter-spacing:-1px}.interpretation-page .symbol-tagline{font-size:19px}.theme-grid{grid-template-columns:1fr;gap:23px}.entry-evidence>summary .evidence-title{font-size:23px}.interpretation-page .symbol-cta{position:static}}
@media(max-width:440px){.interpretation-page .symbol-intro{grid-template-columns:1fr}.interpretation-page .symbol-illustration{width:130px;height:105px;aspect-ratio:auto;margin-inline:auto}.interpretation-page .symbol-intro h1{font-size:44px}}
.symbol-cta{padding-block:4px 18px;border-bottom:1px solid var(--line);gap:24px}
.symbol-cta p{font-size:12px;line-height:1.75}
.symbol-aliases{padding-block-end:5px}
.scenario-grid{gap:14px}
.scenario{border:0;border-top:1px solid var(--line);border-radius:0;background:transparent;padding:18px 0 0}
.scenario h3{font-size:23px;line-height:1.25}
.scenario p{font-size:14px;line-height:1.8}
.reflection-prompt{min-height:72px;padding-block:19px;gap:20px;font-size:22px;line-height:1.45}
.reflection-prompt>span{color:var(--sage);font-variant-numeric:tabular-nums}
.reflection-prompt .icon{margin-inline-start:auto;margin-inline-end:0}
.supporting-sources{padding-block-start:24px;border-top:1px solid var(--line)}
.related-section{padding-block-start:24px;border-top:1px solid var(--line)}
.historical-record{padding-block:27px 32px}
.symbol-article .historical-text p{font-size:20px;line-height:1.8}

/* The notebook gives the user's words most of the visual weight. */
.journal-intro{display:flex;padding-block:49px 35px;align-items:flex-end}
.journal-intro h1{font-size:clamp(42px,4.8vw,62px);line-height:1.1;max-width:780px}
.journal-intro>div>p{font-size:16px;line-height:1.8}
.journal-tabs{gap:32px}
.journal-tabs a{padding-block:17px;font-weight:500}
.journal-tabs a[aria-current=page]{border-bottom-width:1px}
.journal-tabs .vault-link{margin-inline-start:auto;margin-inline-end:0;font-size:12px;color:var(--muted)}
#journal-content{padding-block-end:34px}
#journal-content>.empty-state{max-width:610px;padding-block:64px 62px}
#journal-content .empty-state .eyebrow{color:var(--sage)}
#journal-content .empty-state h2{font-size:38px;line-height:1.15;margin-block:17px 15px;text-wrap:balance}
#journal-content .empty-state>p{font-size:15px;line-height:1.85;max-width:410px}
#journal-content .empty-state>.empty-footnote{font-size:12px;margin-block-start:20px}
.journal-toolbar{gap:10px;padding-block:21px;border-bottom:1px solid var(--line);margin-block:0 24px;flex-wrap:wrap}
.journal-toolbar>input{flex:1 1 220px}
.journal-toolbar>.field{border-radius:5px;background:var(--surface);font-size:13px}
.month-label{display:flex;align-items:center;gap:18px;font-size:10px;letter-spacing:1.8px;margin-block:33px 5px}
.month-label:after{content:'';height:1px;background:var(--line);flex:1;opacity:.6}
.entry-card{padding-block:25px;gap:24px;align-items:flex-start}
.entry-date{min-width:60px;font-size:40px;color:var(--sage);padding-block-start:3px}
.entry-date small{font-size:10px;letter-spacing:1.2px;color:var(--muted);line-height:1.5}
.entry-open h3{font-size:31px;line-height:1.2}
.entry-open:hover h3{color:var(--accent)}
.entry-open p{font-size:14px;line-height:1.85;margin-block:10px 15px;max-width:760px}
.entry-chips{gap:6px}
.entry-chips .chip{background:var(--soft);border-color:transparent;font-size:11px;padding-inline:10px}
.entry-meta{padding-block-start:8px;font-size:11px}
.mood-dot{background:var(--sage);margin-inline-end:6px;margin-inline-start:0}
.stats-grid{gap:0;border-block:1px solid var(--line);margin-block-start:33px}
.stat-card{border:0;border-inline-end:1px solid var(--line);border-radius:0;padding:27px}
.stat-card:last-child{border-inline-end:0}
.stat-card strong{font-size:51px;line-height:1.2;color:var(--sage);margin-block-end:9px}
.stat-card span{font-size:12px;line-height:1.6}
.calendar-grid>button{border-radius:4px;min-height:74px;background:var(--surface)}
.calendar-grid>button.has-entry{background:var(--soft);border-color:var(--sage);color:var(--ink)}
.calendar-grid>button.has-entry i{background:var(--sage)}
.pattern-bar>span{background:var(--sage)}
dialog{border-radius:8px;box-shadow:0 22px 80px #0003}
.modal-body{padding:34px 38px}
.modal-head{padding-block-end:16px;border-bottom:1px solid var(--line);margin-block-end:14px}
.modal-head h2{font-size:37px;line-height:1.2;overflow-wrap:anywhere}
.capture textarea{font-size:25px;line-height:1.7;padding-block:14px 24px;min-height:235px}
.capture-controls{gap:10px}
.capture-bottom{margin-block-start:24px;padding-block-start:22px}
.capture .draft-status{color:var(--sage)}
.vault-section{padding-block:23px}
.vault-section h3{font-size:27px}
.vault-section p{font-size:14px;line-height:1.8}
.vault-section .button{max-width:100%;white-space:normal;min-height:44px;text-align:center;line-height:1.5}
.vault-section .text-button{min-height:44px;padding-block:10px;line-height:1.6;text-align:start}
.passphrase-form input,.locked-form input{min-width:0;max-width:100%}
.entry-reading{font-size:24px;line-height:1.8;padding-block:10px}
.reading-actions{border-top:1px solid var(--line);padding-block-start:20px;gap:12px}

/* Information and editorial pages share a comfortable reading measure. */
.prose{max-width:var(--reading-measure);padding-block-end:76px}
.prose.page-intro{padding-block-start:55px}
.prose h1{font-size:clamp(43px,5.2vw,65px);line-height:1.08;text-wrap:balance}
.prose .lead{font-size:27px;line-height:1.5;margin-block:22px 32px}
.prose h2{font-size:34px;line-height:1.2;margin-block:38px 16px;text-wrap:balance}
.prose p,.prose li{font-size:16px;line-height:1.9}
.prose p+p{margin-block-start:18px}
.prose ul{padding-inline-start:23px}
.prose li{padding-inline-start:4px}
.prose li::marker{color:var(--sage)}
.prose a{text-decoration-thickness:1px;text-decoration-color:var(--line);text-underline-offset:5px}
.prose a:hover{text-decoration-color:var(--accent)}
.sources-page .source-directory{padding-inline-start:0}
.sources-page .source-directory>li{padding-inline-start:0}
.source-directory .source-byline{margin-block:10px 8px}
.source-directory .source-rights{font-size:13px;line-height:1.75}
.article-toc a{font-size:13px;line-height:1.7;padding-block:4px}
.editorial-article-body p,.editorial-article-body li{font-size:16px;line-height:1.9}
.editorial-article-body .article-citations{font-size:12px}

@media(max-width:1100px){
  .site-header{column-gap:16px}
  .site-header nav{gap:20px}
  .library-intro{grid-template-columns:minmax(0,1.65fr) minmax(0,.65fr);gap:24px}
  .library-intro-copy h1{font-size:50px}
  .journal-intro h1{font-size:52px}
  .site-footer>div{gap:6px 18px}
}
@media(max-width:760px){
  .site-header{padding-block:14px 0;column-gap:10px;row-gap:8px}
  .site-header .wordmark{font-size:27px;letter-spacing:-1px}
  .site-header nav{gap:0}
  .site-header nav a{font-size:13px;min-height:48px}
  .site-header nav a[aria-current=page]:after{bottom:0}
  .site-footer{padding-block:28px 24px;gap:14px 24px}
  .site-footer>p{font-size:16px}
  .site-footer>div{width:100%;margin-inline:0;gap:3px 22px}
  .site-footer .footer-note{font-size:11px;margin-block-start:3px}
  .page-intro{padding-block:32px 25px}
  .library-intro{grid-template-columns:1fr;gap:18px;padding-block:32px 24px}
  .library-intro-copy h1{font-size:43px;letter-spacing:-1px;margin-block:14px}
  .library-intro-copy>p{font-size:15px;line-height:1.8}
  .library-intro-copy .search-form{margin-block-start:20px}
  .category-list{gap:7px;padding-block:0 17px;margin-block-end:17px}
  .category-list .chip{min-height:44px;padding-inline:13px;font-size:12px}
  .library-summary{gap:12px;padding-block-end:17px;margin-block-end:20px}
  .source-filter-label .field{font-size:16px;margin-inline-start:8px;margin-inline-end:0}
  .library-summary #results-count{text-align:start;font-size:12px}
  .letter-directory h2{font-size:29px;line-height:1.2}
  .letter-directory a{font-size:21px}
  .symbol-page{padding-block:21px 35px}
  .symbol-page>.breadcrumb{font-size:11px;margin-block-end:24px}
  .symbol-intro h1{font-size:49px;letter-spacing:-1.25px}
  .symbol-tagline{font-size:22px;line-height:1.5}
  .symbol-illustration{margin-block:23px 27px}
  .symbol-article>section{margin-block:33px}
  .symbol-article .in-short{padding:23px 24px}
  .symbol-article .in-short p{font-size:25px;line-height:1.45}
  .symbol-article h2{font-size:31px;line-height:1.2}
  .symbol-cta{gap:14px;padding-block-end:19px}
  .scenario-grid{grid-template-columns:1fr;gap:20px}
  .scenario{padding-block-start:17px}
  .scenario h3{font-size:25px}
  .scenario p{font-size:15px;line-height:1.8}
  .reflection-prompt{font-size:21px;gap:14px;padding-block:18px}
  .symbol-article .historical-text p{font-size:19px}
  .journal-intro{align-items:flex-start;gap:18px;padding-block:33px 27px}
  .journal-intro h1{font-size:43px;letter-spacing:-1px}
  .journal-intro>div>p{font-size:15px}
  .journal-tabs{gap:18px;flex-wrap:wrap}
  .journal-tabs a{font-size:12px;padding-block:14px;gap:7px}
  .journal-tabs .vault-link{font-size:11px;gap:6px}
  #journal-content>.empty-state{padding-block:43px 42px;padding-inline:5px}
  #journal-content .empty-state h2{font-size:34px}
  #journal-content .empty-state>p{font-size:15px;line-height:1.8}
  .journal-toolbar{padding-block:18px;gap:9px}
  .journal-toolbar>input{flex-basis:100%}
  .journal-toolbar>.field{font-size:16px}
  .entry-card{gap:17px;padding-block:22px;flex-wrap:wrap}
  .entry-date{min-width:42px;font-size:35px}
  .entry-open{min-width:calc(100% - 65px)}
  .entry-open h3{font-size:28px}
  .entry-open p{font-size:14px;line-height:1.8}
  .entry-meta{padding-block-start:0;margin-inline-start:59px;font-size:11px}
  .stat-card{padding:21px 15px}
  .stat-card strong{font-size:41px}
  .stat-card span{font-size:11px}
  .calendar-grid{gap:4px}
  .calendar-grid>button{padding:8px 4px;min-height:56px}
  .modal-body{padding:24px}
  .modal-head h2{font-size:32px}
  .capture textarea{font-size:23px;line-height:1.65;min-height:220px}
  .entry-reading{font-size:22px;line-height:1.8}
  .prose.page-intro{padding-block-start:34px}
  .prose{padding-block-end:49px}
  .prose h1{font-size:44px;letter-spacing:-1px;line-height:1.1}
  .prose .lead{font-size:25px;line-height:1.5;margin-block:19px 27px}
  .prose h2{font-size:30px;margin-block:33px 15px}
  .prose p,.prose li{font-size:16px;line-height:1.85}
  .article-toc a{font-size:13px;line-height:1.7;padding-block:7px}
  .article-toc ol{gap:4px 20px}
  .editorial-article-body p,.editorial-article-body li{font-size:16px;line-height:1.85}
  .editorial-article-body .article-citations{font-size:12px}
}
@media(max-width:440px){
  .site-header .wordmark{font-size:23px}
  .site-header .header-actions{gap:2px}
  .site-header .language-picker select{max-width:96px}
  .site-header .header-actions .capture-trigger{width:44px;min-width:44px;padding:10px}
  .site-header .header-actions .capture-trigger .record-label,
  .site-header .header-actions .capture-trigger .record-label-mobile{display:none}
  .site-header .header-actions .capture-trigger .icon{display:block}
  .journal-intro{flex-direction:column}
  .journal-intro>.button{width:auto}
  .journal-tabs{gap:10px 17px}
  .journal-tabs .vault-link{margin-inline-start:0}
  .stats-grid{grid-template-columns:repeat(3,minmax(0,1fr))}
  .stat-card{padding:19px 10px}
  .stat-card strong{font-size:36px}
  .stat-card span{font-size:11px}
  .modal-body{padding:21px}
  .symbol-intro h1{font-size:44px}
  .symbol-cta{align-items:flex-start;flex-direction:column}
  .symbol-cta p{max-width:none}
}
@media(prefers-reduced-motion:reduce){
  *,*::before,*::after{scroll-behavior:auto!important;animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}
  .symbol-card:hover,.journal-card-link:hover .journal-card-art img{transform:none}
}
/* ImageGen landing concept: an open editorial layout with embedded artwork. */
main[data-route=""]{padding:0}
.landing-page{--landing-gutter:clamp(24px,5vw,72px);overflow:clip}
.home-header{min-height:88px;border-bottom:1px solid var(--line)}
.home-header nav{margin-inline:auto;gap:30px}
.home-header .language-picker select{border-color:transparent;background-color:transparent}
.home-header .button{border-radius:2px;background:#30392f;color:#faf7ef}
.home-header .brand-star{display:none}
.landing-page .eyebrow{font-size:10px;letter-spacing:1.8px;line-height:1.7}
.landing-page .hero{grid-template-columns:1fr 1.06fr;min-height:625px;padding:38px var(--landing-gutter) 35px;gap:0;isolation:isolate}
.landing-page .hero-copy{padding:28px 0;max-width:610px}
.landing-page .hero h1{font-size:clamp(55px,5.25vw,78px);line-height:1.02;letter-spacing:-2.6px;margin:22px 0 28px}
.landing-page .hero h1 em{font-style:italic;font-weight:350}
.landing-page .hero-description{max-width:350px;font-size:16px;line-height:1.8;color:var(--ink)}
.landing-page .hero-search{max-width:500px;border-radius:0;margin-top:30px;background:var(--paper);padding:0 0 0 18px;min-height:62px;gap:12px}
.landing-page .hero-search input{font-size:15px}
.landing-page .hero-search button{border-radius:0;min-height:60px;min-width:61px;background:var(--accent);color:var(--paper)}
.landing-page .hero-search button span{display:none}
.landing-page .hero-search button .icon{display:block}
.landing-page .hero-search button:hover{background:var(--accent-hover)}
.landing-page .hero-search>.icon{width:18px;color:var(--muted)}
.landing-page .popular{gap:4px 15px;max-width:510px;font-size:12px;margin-top:13px}
.landing-page .popular a{text-decoration-color:var(--line)}
.landing-page .hero-journal{margin-top:25px;gap:20px}
.landing-page .hero-journal>.text-link{padding:0;font-size:13px;text-decoration:underline;text-underline-offset:5px;gap:11px}
.landing-page .hero-journal>.text-link>.icon:first-child{width:25px;height:30px}
.landing-page .hero-journal>span{font-size:10px;gap:6px}
.landing-page .hero-art{width:calc(100% + 90px);margin:10px 0 0 -65px;position:relative;z-index:-1;align-self:center}
.landing-page .hero-art picture{display:block}
.landing-page .hero-art img{display:block;width:100%;height:auto;max-height:none;object-fit:contain;mix-blend-mode:normal;filter:none;border-radius:0;mask-image:none}
.landing-page .hero-art .art-caption{margin:4px 0 0 13%;font:italic 15px/1.5 var(--serif);letter-spacing:.2px}
.landing-page .quiet-promise{margin:0 var(--landing-gutter);border-top:1px solid var(--line);border-bottom:1px solid var(--line);padding:26px 0;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:0}
.landing-page .quiet-promise>span{justify-content:center;min-height:34px;gap:14px;font:18px/1.35 var(--serif);color:var(--ink);padding:0 20px}
.landing-page .quiet-promise>span+span{border-inline-start:1px solid var(--line)}
.landing-page .quiet-promise .icon{width:23px;height:26px;color:var(--accent)}
.landing-page .featured{padding:64px var(--landing-gutter) 0}
.landing-page .section-heading{gap:25px;margin-bottom:34px}
.landing-page .section-heading h2{font-size:clamp(34px,3.4vw,49px);line-height:1.12;letter-spacing:-1.4px;margin-top:11px}
.landing-page .section-heading>.text-link{color:var(--ink);flex-shrink:0;font-size:12px}
.landing-page .card-grid{gap:0}
.landing-page .symbol-card{display:flex;flex-direction:column;border:0;border-inline-end:1px solid var(--line);border-radius:0;background:transparent;padding:0 24px;overflow:visible}
.landing-page .symbol-card:first-child{padding-inline-start:0}
.landing-page .symbol-card:last-child{border-inline-end:0;padding-inline-end:0}
.landing-page .symbol-card:hover{transform:none}
.landing-page .symbol-card:hover h3{color:var(--accent)}
.landing-page .card-art{width:100%;min-width:0;min-height:0;max-height:none;aspect-ratio:1.42;margin:0 0 18px;border-radius:0;overflow:visible;background:transparent}
.landing-page .card-art img{object-fit:contain;transition:transform .25s ease}
.landing-page .symbol-card:hover .card-art img{transform:translateY(-4px)}
.landing-page .card-copy{padding:0}
.landing-page .card-copy .eyebrow{font-size:9px;letter-spacing:1.3px;margin-bottom:8px}
.landing-page .card-copy h3{font-size:30px;line-height:1.1;letter-spacing:-.7px;overflow-wrap:normal}
.landing-page .card-copy p{margin:10px 0 18px;font-size:13px;line-height:1.7}
.landing-page .card-footer{border-top:0;padding-top:0;gap:10px;min-height:30px}
.landing-page .card-footer .source-badge{font-size:10px;color:var(--muted)}
.landing-page .card-footer .card-link{background:transparent;color:var(--accent)}
.landing-page .alphabet{border-bottom:0;margin-top:34px;padding:17px 0;gap:18px}
.landing-page .alphabet>.eyebrow{font-size:9px;letter-spacing:1.4px;border-inline-end:1px solid var(--line);padding-inline-end:18px;flex-shrink:0}
.landing-page .alphabet>div{gap:0;justify-content:space-between;flex-wrap:wrap}
.landing-page .alphabet>div a{width:29px;min-height:35px;font-size:14px}
.landing-page .alphabet>div .alphabet-numbers{width:35px}
.landing-page .home-categories{margin-top:10px;padding:40px var(--landing-gutter) 45px;background:var(--soft);border-top:1px solid var(--line);border-bottom:1px solid var(--line)}
.landing-page .home-categories .section-heading{margin-bottom:26px}
.landing-page .home-categories .section-heading h2{font-size:35px;letter-spacing:-.8px}
.landing-page .home-categories .section-heading .eyebrow{display:none}
.landing-page .category-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:0}
.landing-page .category-card{display:grid;grid-template-columns:64px 1fr;grid-template-rows:1fr auto;align-items:center;column-gap:13px;row-gap:8px;padding:5px 19px;border-bottom:0;border-inline-end:1px solid var(--line)}
.landing-page .category-card:first-child{padding-inline-start:0}
.landing-page .category-card:last-child{border-inline-end:0;padding-inline-end:0}
.landing-page .category-card img{grid-row:1/3;border-radius:0;width:64px;height:94px;object-fit:contain}
.landing-page .category-card h3{font-size:21px;line-height:1.2}
.landing-page .category-card p{font-size:11px;line-height:1.65;margin-top:7px}
.landing-page .category-card>.icon{grid-column:2;grid-row:2;margin:0;width:16px}
.landing-page .landing-notebook{background:#303b32;color:#f9f5e9;padding:66px var(--landing-gutter);display:grid;grid-template-columns:1fr 1fr;gap:70px;align-items:center;position:relative}
.notebook-copy{max-width:470px;position:relative;z-index:1}
.landing-notebook .eyebrow{color:#ddc1a8}
.notebook-copy h2{font-size:clamp(39px,3.8vw,55px);line-height:1.07;letter-spacing:-1.25px;margin:17px 0 20px}
.notebook-copy>p{color:#d4d7ca;font-size:14px;line-height:1.8;max-width:420px}
.notebook-actions{display:flex;align-items:center;gap:24px;flex-wrap:wrap;margin-top:26px}
.notebook-actions .button{background:#f4f0e3;color:#303b32;border-radius:1px;padding:13px 18px;font-size:13px;gap:12px;white-space:normal}
.notebook-actions .button:hover{background:#e4d3bd}
.notebook-actions .button>.icon:last-child{width:17px;margin-inline-start:9px}
.notebook-actions .text-link{color:#f4f0e3;font-size:12px;text-decoration:underline;text-underline-offset:5px}
.notebook-preview{position:relative;padding:10px 18px 10px 0;min-width:0}
.dream-note{position:relative;background:#f6f0e2;color:#30382e;padding:33px 35px 26px;transform:rotate(-3deg);z-index:1;border:1px solid #ded6c4;box-shadow:0 14px 26px #10191126;max-width:460px}
.dream-note .eyebrow{color:#8b5540;font-size:9px;text-transform:uppercase}
.dream-note h3{font-size:29px;line-height:1.2;letter-spacing:-.6px;margin:14px 0 16px}
.dream-note-body{font:italic 21px/1.5 var(--serif);color:#5a5f51}
.dream-note-symbols{display:flex;gap:9px;flex-wrap:wrap;margin-top:21px}
.dream-note-symbols a{border:1px solid #d8ceba;background:#ebe3d2;border-radius:20px;font-size:11px;padding:3px 13px;color:#535b4a;min-height:32px;display:inline-flex;align-items:center}
.dream-note-symbols a:hover{background:#dfd2b9}
.dream-note-prompt{display:flex;align-items:center;gap:10px;margin-top:23px;padding-top:18px;border-top:1px solid #d6cdbb;color:#626854;font-size:11px}
.dream-note-prompt .icon{width:17px}
.notebook-orbit{position:absolute;inset-inline-end:-25px;top:-17px;font:140px/1 var(--serif);color:#b9bf9b;opacity:.55;transform:rotate(-25deg)}
.landing-ritual{padding:61px var(--landing-gutter) 57px;border-bottom:1px solid var(--line)}
.ritual-intro{margin-bottom:32px}
.ritual-intro h2{font-size:clamp(34px,3.4vw,48px);line-height:1.12;letter-spacing:-1.2px;margin:12px 0 15px}
.ritual-intro>p{max-width:610px;font-size:13px;line-height:1.8}
.ritual-steps{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:32px}
.ritual-step{padding-inline-end:32px;border-inline-end:1px solid var(--line)}
.ritual-step:last-child{padding-inline-end:0;border-inline-end:0}
.ritual-step .eyebrow{font-size:10px;letter-spacing:1.6px}
.ritual-step h3{font-size:26px;line-height:1.2;letter-spacing:-.4px;margin:13px 0 11px}
.ritual-step p{font-size:13px;line-height:1.8;max-width:320px}
.landing-page .journal-preview{padding:59px var(--landing-gutter) 54px}
.landing-page .journal-card-grid{grid-template-columns:1.2fr 1fr;gap:0 32px}
.landing-page .journal-card-grid>div:first-child{grid-row:1/3;border-inline-end:1px solid var(--line);padding-inline-end:32px}
.landing-page .journal-card-grid>div+div .journal-card-link{display:grid;grid-template-columns:120px minmax(0,1fr);gap:24px}
.landing-page .journal-card-grid>div:nth-child(2){padding-bottom:23px;border-bottom:1px solid var(--line);margin-bottom:23px}
.landing-page .journal-card{border:0}
.landing-page .journal-card-art{border-radius:0;aspect-ratio:1.8}
.landing-page .journal-card-grid>div:first-child .journal-card-art{aspect-ratio:2.25;background:transparent}
.landing-page .journal-card-grid>div+div .journal-card-art{aspect-ratio:1;height:auto;align-self:start;margin-top:12px}
.landing-page .journal-card-grid>div:first-child .journal-card-art img{object-fit:contain}
.landing-page .journal-card-copy{padding:20px 0 0}
.landing-page .journal-card-copy h3{font-size:31px;line-height:1.15;letter-spacing:-.7px}
.landing-page .journal-card-grid>div+div .journal-card-copy{padding:0}
.landing-page .journal-card-grid>div+div .journal-card-copy h3{font-size:25px;line-height:1.2}
.landing-page .journal-card-copy>p{font-size:12px;line-height:1.8;margin:12px 0 16px}
.landing-page .journal-card-meta{margin-bottom:10px;flex-wrap:wrap;gap:6px}
.landing-page .journal-card-meta .eyebrow{font-size:9px;letter-spacing:1.2px}
.landing-page .journal-card-meta>span:last-child{font-size:10px}
.landing-page .journal-card-copy .card-link{font-size:11px;min-height:36px}
.landing-page .english-guides-notice{margin:28px var(--landing-gutter) 0}
.landing-signoff{display:flex;align-items:center;gap:20px;margin:0 var(--landing-gutter);padding:25px 0;border-top:1px solid var(--line)}
.landing-signoff>span{font-size:32px;color:var(--accent)}
.landing-signoff p{font:24px/1.4 var(--serif);color:var(--ink)}
.landing-signoff>.text-link{margin-inline-start:auto}
body:has(.landing-page) .site-footer{padding-top:34px;padding-bottom:30px;gap:16px 30px}
body:has(.landing-page) .site-footer .wordmark{font-size:33px}
body:has(.landing-page) .site-footer>p{font-size:11px}
body:has(.landing-page) .site-footer>div{font-size:11px;gap:20px}
body:has(.landing-page) .footer-note{font-size:10px;letter-spacing:.5px}
[dir="rtl"] .landing-page .hero-art{margin-left:0;margin-right:-65px}
[dir="rtl"] .landing-page .hero h1{letter-spacing:0;font-size:clamp(48px,5.1vw,72px);line-height:1.2}
[dir="rtl"] .home-header nav{margin-inline:auto}
@media(min-width:1500px){.landing-page .hero{min-height:670px}.landing-page .hero-art{width:calc(100% + 140px);margin-inline-start:-80px}}
@media(max-width:1100px){
  .home-header{gap:18px}.home-header nav{gap:21px}.home-header .header-actions{gap:4px}.home-header .wordmark{font-size:28px}
  .landing-page .hero{min-height:560px;grid-template-columns:1fr 1fr;padding-top:25px;padding-bottom:28px}
  .landing-page .hero h1{font-size:58px;letter-spacing:-1.8px}
  .landing-page .hero-art{width:calc(100% + 100px);margin-inline-start:-65px}
  .landing-page .hero-journal{gap:8px 17px}.landing-page .hero-journal>span{font-size:10px}
  .landing-page .quiet-promise>span{font-size:16px;gap:10px;padding:0 16px}
  .landing-page .symbol-card{padding:0 17px}.landing-page .card-copy h3{font-size:26px}
  .landing-page .category-card{grid-template-columns:48px 1fr;gap:10px;padding-inline:12px}.landing-page .category-card img{width:48px;height:80px}.landing-page .category-card h3{font-size:19px}
  .landing-page .landing-notebook{gap:44px;padding-top:50px;padding-bottom:50px}.dream-note{padding:28px}.dream-note-body{font-size:19px}
  .landing-page .journal-card-grid{gap:0 25px}.landing-page .journal-card-grid>div:first-child{padding-inline-end:25px}
  .landing-page .journal-card-grid>div+div .journal-card-link{grid-template-columns:90px 1fr;gap:17px}
}
@media(max-width:900px) and (min-width:761px){
  .home-header{flex-wrap:wrap}.home-header nav{order:3;width:100%;justify-content:center;margin:0}.home-header .header-actions{margin-inline-start:auto}
  .landing-page .hero{min-height:520px}.landing-page .hero h1{font-size:49px}.landing-page .hero-description{font-size:14px}.landing-page .popular{gap:2px 10px;font-size:11px}
  .landing-page .hero-art{width:calc(100% + 70px);margin-inline-start:-40px}
  .landing-page .category-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:24px}.landing-page .category-card{grid-template-columns:65px 1fr}.landing-page .category-card img{width:65px}.landing-page .category-card:nth-child(2){border-inline-end:0}.landing-page .category-card:nth-child(3){padding-inline-start:0}
}
@media(max-width:760px){
  .home-header{padding:18px 24px 0;min-height:0;gap:12px;border-bottom:1px solid var(--line)}
  .home-header .wordmark{font-size:27px}.home-header .header-actions{margin-inline-start:auto;gap:3px}.home-header .header-actions .search-link{display:none}
  .home-header .language-picker select{max-width:92px;font-size:11px;padding-inline:7px 16px}.home-header .header-actions .capture-trigger{width:40px;min-width:40px;min-height:40px;padding:9px}.home-header .capture-trigger .record-label,.home-header .capture-trigger .record-label-mobile{display:none}
  .home-header .theme-toggle{min-width:36px;width:36px;min-height:40px;height:40px}.home-header .theme-toggle .icon{width:18px}
  .home-header nav{order:3;justify-content:center;width:100%;margin:0;gap:35px;padding:0;border:0}.home-header nav a{padding:0;min-height:45px;font-size:12px}
  .landing-page .hero{display:flex;flex-direction:column;padding:26px 24px 21px;gap:0;min-height:0}
  .landing-page .hero-copy{padding:10px 0 0;width:100%;max-width:560px;align-self:center}
  .landing-page .hero-copy>.eyebrow{font-size:9px;letter-spacing:1.35px}
  .landing-page .hero h1{font-size:clamp(44px,8.2vw,64px);letter-spacing:-1.9px;line-height:1.05;margin:17px 0 20px}
  .landing-page .hero-description{font-size:14px;line-height:1.75;max-width:360px}
  .landing-page .hero-search{max-width:none;margin-top:24px;min-height:56px;padding-inline-start:14px;gap:10px}
  .landing-page .hero-search input{font-size:16px;min-height:52px}.landing-page .hero-search button{min-height:54px;height:54px;min-width:54px;padding:0 14px}
  .landing-page .popular{gap:3px 12px;font-size:11px;margin-top:10px}.landing-page .popular a{min-height:30px}
  .landing-page .hero-journal{margin-top:14px;gap:6px 20px}.landing-page .hero-journal>.text-link{font-size:12px;min-height:42px}
  .landing-page .hero-art{margin:8px -18px 0;width:calc(100% + 36px);max-width:650px;z-index:0}
  .landing-page .hero-art img{height:auto;max-height:none;object-fit:contain;object-position:center}
  .landing-page .hero-art .art-caption{font-size:13px;margin:-2px 0 0}
  .landing-page .quiet-promise{grid-template-columns:1fr;gap:13px;padding:23px 0;margin:0 24px}
  .landing-page .quiet-promise>span{padding:0;min-height:25px;font:14px/1.4 var(--sans);justify-content:flex-start;gap:14px}
  .landing-page .quiet-promise>span+span{border-inline-start:0}.landing-page .quiet-promise .icon{width:18px;height:20px}
  .landing-page .featured{padding:39px 24px 0}.landing-page .section-heading{margin-bottom:25px;gap:14px;align-items:start}.landing-page .section-heading h2{font-size:35px;letter-spacing:-1px;line-height:1.12}
  .landing-page .section-heading>.text-link{font-size:11px;min-height:32px;align-self:flex-end}
  .landing-page .card-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:28px 0}
  .landing-page .symbol-card{padding:0 0 0 17px}.landing-page .symbol-card:nth-child(odd){padding:0 17px 0 0}.landing-page .symbol-card:nth-child(even){border-inline-end:0}
  .landing-page .card-art{aspect-ratio:1.25;margin-bottom:13px}.landing-page .card-copy h3{font-size:26px;line-height:1.1}.landing-page .card-copy .eyebrow{font-size:8px;letter-spacing:1px}
  .landing-page .card-copy p{font-size:12px;line-height:1.65;margin:9px 0 13px}.landing-page .card-footer .source-badge{font-size:9px}
  .landing-page .alphabet{display:block;padding:20px 0 16px;margin-top:28px}.landing-page .alphabet>.eyebrow{border:0;padding:0;display:inline-flex;align-items:center;min-height:35px}.landing-page .alphabet>div{justify-content:flex-start;gap:0;margin-top:6px}.landing-page .alphabet>div a{min-width:35px;min-height:38px;font-size:15px}
  .landing-page .home-categories{padding:29px 24px 31px;margin-top:4px}.landing-page .home-categories .section-heading h2{font-size:31px}.landing-page .home-categories .section-heading{margin-bottom:20px}
  .landing-page .category-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:22px 0}.landing-page .category-card{padding:0 0 0 14px;grid-template-columns:46px minmax(0,1fr);column-gap:9px;row-gap:4px}.landing-page .category-card:nth-child(odd){padding:0 13px 0 0}.landing-page .category-card:nth-child(even){border-inline-end:0}
  .landing-page .category-card img{width:46px;height:80px}.landing-page .category-card h3{font-size:20px}.landing-page .category-card p{font-size:10px;line-height:1.5}.landing-page .category-card>.icon{height:20px}
  .landing-page .landing-notebook{padding:38px 24px 44px;grid-template-columns:1fr;gap:34px}.notebook-copy{max-width:540px}.notebook-copy h2{font-size:41px;max-width:370px;line-height:1.08;margin:15px 0 18px}.notebook-copy>p{font-size:13px;line-height:1.85;max-width:480px}
  .notebook-actions{margin-top:22px;gap:20px}.notebook-actions .button{font-size:12px;padding:12px 14px}.notebook-actions .text-link{font-size:11px}
  .notebook-preview{max-width:510px;width:100%;justify-self:center;padding:8px 12px}.dream-note{padding:28px 25px 23px;max-width:none}.dream-note h3{font-size:28px}.dream-note-body{font-size:21px;line-height:1.45}.dream-note-prompt{font-size:10px}.notebook-orbit{inset-inline-end:1px;top:-15px;font-size:110px}
  .landing-ritual{padding:39px 24px 34px}.ritual-intro{margin-bottom:28px}.ritual-intro h2{font-size:35px;line-height:1.12;letter-spacing:-1px;max-width:420px}.ritual-intro>p{font-size:12px}
  .ritual-steps{grid-template-columns:1fr;gap:23px}.ritual-step{padding:0 0 22px;border-inline-end:0;border-bottom:1px solid var(--line)}.ritual-step:last-child{padding-bottom:0;border-bottom:0}.ritual-step h3{font-size:27px;margin:9px 0}.ritual-step p{font-size:12px;max-width:460px}
  .landing-page .journal-preview{padding:38px 24px 28px}.landing-page .journal-card-grid{grid-template-columns:1fr;gap:25px}.landing-page .journal-card-grid>div:first-child{grid-row:auto;padding-inline-end:0;border-inline-end:0;border-bottom:1px solid var(--line);padding-bottom:22px}
  .landing-page .journal-card-grid>div:first-child .journal-card-art{aspect-ratio:2.1}.landing-page .journal-card-grid>div+div .journal-card-link{grid-template-columns:84px 1fr;gap:18px}.landing-page .journal-card-grid>div:nth-child(2){padding-bottom:24px;margin-bottom:0}
  .landing-page .journal-card-copy h3{font-size:28px}.landing-page .journal-card-grid>div+div .journal-card-copy h3{font-size:24px}.landing-page .journal-card-copy>p{font-size:12px}
  .landing-signoff{margin:0 24px;padding:21px 0;gap:13px;flex-wrap:wrap}.landing-signoff p{font-size:22px;flex:1}.landing-signoff>.text-link{font-size:11px;min-height:34px}
  body:has(.landing-page) .site-footer{padding:28px 24px;display:flex;align-items:flex-start;gap:17px}body:has(.landing-page) .site-footer .wordmark{font-size:30px}body:has(.landing-page) .site-footer>p{align-self:center}body:has(.landing-page) .site-footer>div{margin:0;width:100%;gap:4px 21px;flex-wrap:wrap}body:has(.landing-page) .footer-note{text-align:start;margin-top:0}
  [dir="rtl"] .landing-page .hero-art{margin:8px -18px 0}[dir="rtl"] .landing-page .hero h1{font-size:44px;line-height:1.2}
  [dir="rtl"] .landing-page .symbol-card:nth-child(odd),[dir="rtl"] .landing-page .category-card:nth-child(odd){padding-right:0;padding-left:17px}[dir="rtl"] .landing-page .symbol-card:nth-child(even),[dir="rtl"] .landing-page .category-card:nth-child(even){padding-left:0;padding-right:17px}
}
@media(max-width:460px){
  .landing-page .section-heading{display:block}.landing-page .section-heading>.text-link{margin-top:9px}
  .landing-page .hero h1{font-size:clamp(42px,11.15vw,51px);letter-spacing:-1.65px}
  .landing-page .hero-copy>.eyebrow{font-size:8px;letter-spacing:1.05px}
  .home-header{padding-inline:20px}.home-header .wordmark{font-size:25px}.home-header .brand-moon .icon{width:23px}.home-header .header-actions{gap:0}.home-header .language-picker select{max-width:78px}
  .landing-page .hero-journal>span{font-size:9px}.landing-page .hero-journal{gap:8px 16px}
  .landing-page .card-copy h3{font-size:24px}.landing-page .category-card{grid-template-columns:1fr}.landing-page .category-card img{display:none}.landing-page .category-card>.icon{grid-column:1}.landing-page .category-card h3{font-size:23px}.landing-page .category-card p{font-size:11px}
  .landing-page .journal-card-grid>div+div .journal-card-link{grid-template-columns:65px 1fr;gap:14px}.landing-page .journal-card-grid>div+div .journal-card-copy h3{font-size:23px}
  .landing-signoff>.text-link{margin-inline-start:45px}
}
@media(prefers-reduced-motion:reduce){.landing-page *{transition:none!important}}

/* ImageGen editorial direction: dreamscapes, clear reading paths, generous type. */
picture{display:block}
img.generated-art,
html[data-theme=dark] img.generated-art{mix-blend-mode:normal;filter:none}
@media(prefers-color-scheme:dark){html:not([data-theme=light]) img.generated-art{mix-blend-mode:normal;filter:none}}
.editorial-index-intro{grid-template-columns:minmax(0,.95fr) minmax(0,1.1fr);gap:56px;padding-block:48px 40px}
.editorial-index-intro h1{font-size:clamp(48px,5.5vw,78px);letter-spacing:-2.2px;line-height:1.02;margin-block:23px}
.editorial-index-intro h1 em{font-style:italic}
.editorial-index-intro>div:first-child>.eyebrow{display:flex;gap:18px;align-items:center;font-size:10px;letter-spacing:1.8px}
.editorial-index-intro>div:first-child>.eyebrow:after{content:'';height:1px;flex:1;background:var(--line)}
.editorial-index-intro p{font-size:16px;line-height:1.8;max-width:450px}
.editorial-read-button{margin-block-start:25px;min-height:48px;padding-inline:21px}
.editorial-index-art{max-width:none;margin:0;align-self:center}
.editorial-index-art img{border-radius:0;mask-image:none;width:100%;aspect-ratio:1.4;object-fit:contain;mix-blend-mode:normal;filter:none}
.editorial-index-art .art-caption{margin-block:13px 0;text-align:start;font-size:15px}
.journal-topic-browser{padding-block:32px 34px}
.journal-topic-browser>h2{font-size:31px;margin-block:9px 24px}
.journal-topic-grid{gap:25px}
.journal-topic-card{border:0;border-radius:0;background:transparent;padding:0;gap:16px}
.topic-card-art{overflow:visible;border-radius:0;aspect-ratio:2.25}
.topic-card-art picture,.topic-card-art img{width:100%;height:100%;object-fit:contain}
.topic-card-copy{display:flex;flex-direction:column;flex:1;border-bottom:1px solid var(--line);padding-block-end:20px}
.journal-topic-card h3{font-size:27px;line-height:1.14;letter-spacing:-.5px}
.journal-topic-card p{font-size:13px;line-height:1.7;margin-block:9px 15px;max-width:310px}
.journal-topic-card .card-link{justify-content:space-between;font-size:12px;min-height:24px}
.journal-topic-card:hover h3{color:var(--accent)}
.journal-topic-card:hover .topic-card-copy{border-color:var(--accent)}
.editorial-stories{padding-block-start:38px}
.editorial-stories .section-heading{padding-block-end:20px;border-bottom:1px solid var(--line);margin-block-end:28px}
.editorial-stories .section-heading h2{font-size:38px;letter-spacing:-.9px}
.editorial-index .journal-card-grid{gap:38px 28px}
.journal-card-art{aspect-ratio:1.85;border-radius:0;background:transparent}
.journal-card-copy{padding-block:20px 25px}
.journal-card-copy h3{font-size:30px;line-height:1.15;letter-spacing:-.55px;text-wrap:pretty}
.journal-card-copy>p{font-size:14px;line-height:1.8;margin-block:13px 20px}
.journal-card-meta .eyebrow{font-size:10px;letter-spacing:1.2px}
.journal-card-link:hover .card-link{color:var(--ink)}
.journal-card-copy .card-link{font-size:12px;min-height:28px}
.journal-approach{font-size:13px;padding-block:28px 38px}
.editorial-invitation{--ink:#f6f2e9;--muted:#d4ded2;--accent:#ebc0a7;background:#293f34;color:var(--ink);border-radius:7px;padding:37px 40px;gap:26px;position:relative;overflow:hidden}
.editorial-invitation .invitation-mark{font-size:72px;color:#c9b28a;align-self:center}
.editorial-invitation h2{font-size:36px;line-height:1.15;margin-block:9px}
.editorial-invitation p{color:var(--muted);font-size:14px;line-height:1.7}
.editorial-invitation .eyebrow{color:#d8c6ab;font-size:10px}
.editorial-invitation .button{background:#f6f2e9;color:#293f34;box-shadow:none;border-color:#f6f2e9;flex-shrink:0}
.editorial-invitation .button:hover{background:#e7dfce}
.journal-topic-intro{display:grid;grid-template-columns:minmax(0,1.2fr) minmax(0,.8fr);align-items:center;gap:60px;max-width:none;padding-block:24px 30px}
.journal-topic-intro h1{font-size:clamp(44px,4.6vw,65px);line-height:1.08;margin-block:17px}
.journal-topic-intro .lead{font-size:16px;line-height:1.8;max-width:580px}
.topic-hero-art{margin:0}
.topic-hero-art img{width:100%;height:auto;border-radius:0;aspect-ratio:1.6;object-fit:contain}
.journal-topic-overview{max-width:780px;padding-block:12px 0}
.journal-topic-overview p{font-size:16px;line-height:1.85}
.editorial-article-header{display:grid;grid-template-columns:minmax(0,1.25fr) minmax(0,.85fr);align-items:center;gap:50px;max-width:1150px;text-align:start;padding-block:8px 39px;margin-block-end:40px;border-bottom:1px solid var(--line)}
.article-heading-copy{min-width:0}
.editorial-article-header h1{font-size:clamp(38px,4vw,56px);line-height:1.08;letter-spacing:-1.4px;margin-block:17px 21px;text-wrap:pretty}
.article-deck{font:21px/1.55 var(--serif);margin:0 0 24px;max-width:640px}
.article-byline,.article-dates{justify-content:flex-start;gap:10px 16px}
.editorial-article-art{width:100%;margin:0;aspect-ratio:1.35;border-radius:0}
.editorial-article-art img{object-fit:contain}
.editorial-reading-layout{grid-template-columns:210px minmax(0,720px);gap:55px;max-width:985px}
.library-intro-art{justify-self:end;width:100%;max-width:320px}
.library-intro-art img{width:100%;height:auto;aspect-ratio:1.35;object-fit:contain;border-radius:0}
.prose-art{margin:27px 0 28px;width:100%;overflow:visible;border-radius:0;max-height:230px}
.prose-art img{display:block;width:100%;height:230px;object-fit:contain;object-position:center 52%}
.empty-art{max-width:260px;margin:0 auto 29px;overflow:visible;border-radius:0}
.empty-art img{display:block;width:100%;height:auto;aspect-ratio:1.65;object-fit:contain}
#journal-content>.empty-state:has(.empty-art){padding-block-start:38px}
@media(max-width:1100px){
  .editorial-index-intro{gap:32px}.editorial-index-intro h1{font-size:61px}
  .journal-topic-card h3{font-size:25px}.journal-topic-grid{gap:20px}
  .editorial-article-header{gap:30px}.editorial-article-header h1{font-size:43px}
  .journal-topic-intro{gap:35px}.editorial-reading-layout{gap:32px;grid-template-columns:180px minmax(0,1fr)}
  .editorial-invitation{padding:30px;gap:20px}.editorial-invitation h2{font-size:32px}
}
@media(max-width:760px){
  .editorial-index-intro{grid-template-columns:1fr;gap:28px;padding-block:32px 28px}
  .editorial-index-intro h1{font-size:clamp(47px,12vw,66px);margin-block:19px;letter-spacing:-1.7px}
  .editorial-index-intro p{font-size:16px;line-height:1.75}
  .editorial-read-button{margin-block-start:20px}
  .editorial-index-art{width:100%;max-width:none}
  .editorial-index-art img{aspect-ratio:1.65;object-fit:contain}
  .editorial-index-art .art-caption{margin-block:10px 0;font-size:14px}
  .journal-topic-browser{padding-block:28px}.journal-topic-browser>h2{font-size:30px;margin-block:8px 21px}
  .journal-topic-grid{grid-template-columns:1fr;gap:0}
  .journal-topic-card{display:grid;grid-template-columns:90px minmax(0,1fr);gap:18px;padding-block:17px;border-bottom:1px solid var(--line);align-items:start}
  .journal-topic-card:first-child{padding-block-start:0}.journal-topic-card:last-child{padding-block-end:0;border:0}
  .topic-card-art{aspect-ratio:1;border-radius:0}.topic-card-copy{border:0;padding:0}
  .journal-topic-card h3{font-size:26px;line-height:1.13}
  .journal-topic-card p{font-size:13px;line-height:1.6;margin-block:8px 10px}
  .journal-topic-card .card-link{font-size:12px}
  .editorial-stories{padding-block-start:29px}
  .editorial-stories .section-heading{padding-block-end:17px;margin-block-end:24px}
  .editorial-stories .section-heading h2{font-size:33px}
  .editorial-index .journal-card-grid{gap:28px}.journal-card-art{aspect-ratio:1.85}
  .journal-card-copy h3{font-size:30px}.journal-card-copy>p{font-size:15px;line-height:1.75}
  .journal-card-copy{padding-block:18px 22px}.journal-card-meta{margin-block-end:12px}
  .editorial-invitation{padding:28px;display:block}.editorial-invitation .invitation-mark{display:none}
  .editorial-invitation h2{font-size:33px}.editorial-invitation p{font-size:15px}
  .editorial-invitation .button{margin-block-start:22px;width:100%}
  .journal-topic-intro{grid-template-columns:1fr;gap:25px;padding-block:18px 20px}
  .journal-topic-intro h1{font-size:44px}.journal-topic-intro .lead{font-size:16px}
  .topic-hero-art img{aspect-ratio:1.85}.journal-topic-overview{padding-block-start:14px}
  .journal-topic-overview p{font-size:16px}
  .editorial-article-header{grid-template-columns:1fr;gap:25px;padding-block:0 27px;margin-block-end:27px}
  .editorial-article-header h1{font-size:clamp(36px,9.5vw,48px);letter-spacing:-1.1px;line-height:1.1}
  .article-deck{font-size:22px;line-height:1.5;margin-block-end:21px}
  .article-byline{font-size:12px}.article-dates{font-size:11px}
  .editorial-article-art{aspect-ratio:1.85;max-width:none}
  .editorial-reading-layout{display:block}.article-toc{margin-block-end:30px}
  .library-intro-art{display:none}
  .prose-art{margin-block:23px;max-height:175px}.prose-art img{height:175px}
  .empty-art{max-width:225px;margin-block-end:25px}
}
@media(max-width:370px){
  .journal-topic-card{grid-template-columns:75px minmax(0,1fr);gap:14px}
  .journal-topic-card h3{font-size:24px}.editorial-index-intro h1{font-size:44px}
}
@media(max-width:760px){
  .site-header:not(.home-header){display:grid;grid-template-columns:minmax(0,1fr) auto;column-gap:6px}
  .site-header:not(.home-header)>.header-actions{margin:0;justify-self:end;gap:0}
  .site-header:not(.home-header)>nav{grid-column:1/-1}
  .site-header:not(.home-header) .language-picker select{width:86px;max-width:86px;font-size:12px}
}
@media(max-width:370px){
  .site-header:not(.home-header) .wordmark{font-size:20px;gap:5px}
  .site-header:not(.home-header) .language-picker select{width:70px;max-width:70px}
  .site-header:not(.home-header) .brand-star{display:none}
}

/* The Journal garden lives on the page, with its generated alpha preserved. */
.editorial-index-art.integrated-art{width:calc(100% + 38px);margin-inline:-19px}
.editorial-index-art.integrated-art img{width:100%;height:auto;aspect-ratio:auto;object-fit:contain;border-radius:0;mask-image:none;background:none}
.editorial-index-art.integrated-art .art-caption{text-align:center;margin-block:4px 0}
.empty-art{border-radius:0;overflow:visible}
.empty-art img{height:auto;aspect-ratio:auto;object-fit:contain}
@media(max-width:760px){
  .editorial-index-art.integrated-art{width:100%;margin-inline:0}
  .editorial-index-art.integrated-art .art-caption{margin-block:7px 0}
}

/* Explore: the ImageGen editorial concept, with a freestanding moon portal. */
.explore-page .library-intro{grid-template-columns:minmax(0,1fr) minmax(0,1.13fr);gap:20px;padding-block:38px 30px;min-height:480px}
.explore-page .library-intro-copy{position:relative;z-index:2;padding-block:12px}
.explore-page .library-intro-copy>.eyebrow{font-size:10px;letter-spacing:2px;line-height:1.7}
.explore-page .library-intro-copy h1{font-size:clamp(43px,4.8vw,66px);line-height:1.06;letter-spacing:-1.8px;margin-block:20px 23px;text-wrap:balance}
.explore-page .library-intro-copy>p{max-width:510px;font-size:15px;line-height:1.8}
.explore-page .library-intro-copy .search-form{margin-block-start:24px;max-width:560px;min-height:58px;padding:0 0 0 17px;gap:12px;border-radius:5px;background:var(--surface);box-shadow:0 4px 16px #00000005}
.explore-page .search-form>input{min-width:0;font-size:15px;height:54px}
.explore-page .search-form>input::placeholder{color:var(--muted);opacity:1}
.explore-page .search-form>button{min-width:55px;height:54px;padding:0;border-radius:0 4px 4px 0;background:var(--accent);color:var(--paper)}
.explore-page .search-form>button:hover{background:var(--accent-hover)}
.explore-page .search-form>button>span{display:none}
.explore-page .search-form>button>.icon{display:block;width:22px;height:22px}
.explore-page .search-form>.icon{width:18px;color:var(--muted)}
.explore-page .search-suggestions{z-index:5;text-align:start}
.library-search-hints{display:flex;align-items:center;flex-wrap:wrap;gap:5px 18px;font-size:12px;margin-block-start:12px;color:var(--muted)}
.library-search-hints a{display:inline-flex;align-items:center;min-height:32px;color:var(--ink);text-decoration:underline;text-underline-offset:4px;text-decoration-color:var(--line)}
.library-search-hints a:hover{color:var(--accent);text-decoration-color:currentColor}
.explore-page .library-intro-art{display:block;position:relative;width:calc(100% + 24px);max-width:none;justify-self:center;margin:0;align-self:center}
.explore-page .library-intro-art img{display:block;width:100%;height:auto;aspect-ratio:3/2;object-fit:contain;border-radius:0;filter:none;mix-blend-mode:normal}
.explore-page .library-intro-art figcaption{display:flex;justify-content:center;align-items:center;gap:9px;font:italic 14px/1.5 var(--serif);color:var(--muted);margin-block:4px 0}
.explore-page .library-intro-art figcaption .icon{width:15px;height:15px;color:var(--accent)}
.library-browser{border-block:1px solid var(--line);padding-block:23px 17px}
.library-browse-header{display:flex;align-items:center;justify-content:space-between;gap:20px;margin-block-end:20px}
.library-browse-header h2{font-size:30px;line-height:1.2;letter-spacing:-.6px}
.library-browse-modes{display:inline-flex;flex-shrink:0;padding:3px;gap:3px;border:1px solid var(--line);border-radius:5px}
.library-browse-modes a{display:flex;align-items:center;justify-content:center;min-height:40px;padding:8px 20px;border-radius:3px;font-size:12px;line-height:1.3}
.library-browse-modes a[aria-current=page]{background:var(--accent);color:var(--paper)}
.library-browse-modes a:not([aria-current]):hover{background:var(--soft)}
.theme-directory{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:0 30px;margin-block:28px 42px}
.theme-card{display:flex;justify-content:space-between;align-items:flex-start;gap:14px;padding-block:26px;border-bottom:1px solid var(--line);min-width:0}
.theme-card h2{font:400 29px/1.15 var(--serif);margin:0 0 10px;overflow-wrap:anywhere}
.theme-card p{font-size:14px;color:var(--muted);line-height:1.6;margin:0 0 12px}
.theme-card small{font-size:11px;color:var(--muted)}
.theme-card>.icon{flex-shrink:0;margin-top:5px}
.theme-card:hover h2{color:var(--accent)}
.theme-orientation{max-width:820px;font-size:16px;line-height:1.8;color:var(--muted)}
.theme-orientation p{margin-block:0 16px}
.theme-index .page-intro{max-width:840px}
@media(max-width:1000px){.theme-directory{grid-template-columns:repeat(2,minmax(0,1fr));gap:0 24px}}
@media(max-width:600px){.theme-directory{grid-template-columns:minmax(0,1fr);margin-block-start:10px}.theme-card{padding-block:22px}.theme-card h2{font-size:28px}.theme-orientation{font-size:15px}.library-browse-modes a{padding-inline:12px}}
.explore-page .alphabet{border:0;padding:0;display:block;margin:0}
.explore-page .alphabet>.eyebrow{display:none}
.explore-page .alphabet>div{display:grid;grid-template-columns:repeat(27,minmax(0,1fr));gap:3px;direction:ltr}
.explore-page .alphabet>div a,.explore-page .alphabet>div .alphabet-numbers{width:100%;min-height:42px;display:flex;align-items:center;justify-content:center;border-radius:50%;font:14px var(--sans);background:transparent}
.explore-page .alphabet>div a:hover{background:var(--soft);color:var(--accent)}
.explore-page .alphabet>div a[aria-current=page]{background:var(--accent);color:var(--paper)}
.explore-page .alphabet-language-note{margin-block:0 12px}
.explore-page .category-list{display:grid;grid-template-columns:repeat(7,minmax(0,1fr));gap:0 16px;margin:0;padding:0;border:0;overflow:visible}
.explore-page .category-list .chip{display:flex;justify-content:space-between;gap:6px;min-height:49px;padding:9px 2px;border:0;border-bottom:1px solid color-mix(in srgb,var(--line) 60%,transparent);border-radius:0;background:transparent;font-size:12px;color:var(--muted);white-space:normal}
.explore-page .category-list .chip .icon{width:14px;height:14px;opacity:0}
.explore-page .category-list .chip.selected{color:var(--accent);border-bottom-color:var(--accent);font-weight:600;background:transparent}
.explore-page .category-list .chip.selected .icon,.explore-page .category-list .chip:hover .icon{opacity:1}
.explore-page .category-list .chip:hover{color:var(--ink)}
.library-category-picker{display:none}
.explore-page .library-summary{display:flex;justify-content:space-between;align-items:center;gap:20px;padding-block:18px;margin:0;border:0}
.explore-page .library-summary #results-count{font:20px/1.4 var(--serif);color:var(--ink);margin:0;text-align:start}
.explore-page .source-filter-label{width:auto;font-size:12px;flex-shrink:0}
.explore-page .source-filter-label .field{min-height:42px;max-width:230px;padding-inline:12px;background:transparent;font-size:12px}
.explore-page .symbol-card{border-radius:5px;background:transparent;box-shadow:none}
.explore-page .card-art{background:transparent}
.explore-page .card-copy h3{font-size:30px}
.library-category-context{max-width:780px;margin-block:40px 0;font-size:14px;line-height:1.9}
[dir=rtl] .explore-page .search-form{padding-inline:17px 0}
[dir=rtl] .explore-page .search-form>button{border-radius:4px 0 0 4px}
@media(max-width:1100px){
  .explore-page .library-intro{min-height:420px;gap:14px;grid-template-columns:minmax(0,1.05fr) minmax(0,1fr)}
  .explore-page .library-intro-copy h1{font-size:48px}
  .explore-page .library-intro-copy>p{font-size:14px}
  .explore-page .category-list{grid-template-columns:repeat(5,minmax(0,1fr))}
  .explore-page .alphabet>div{grid-template-columns:repeat(14,minmax(0,1fr));gap:5px}
  .explore-page .alphabet>div a,.explore-page .alphabet>div .alphabet-numbers{border-radius:4px}
}
@media(max-width:760px){
  .explore-page .library-intro{grid-template-columns:1fr;gap:10px;padding-block:30px 23px;min-height:0}
  .explore-page .library-intro-copy{padding:0}
  .explore-page .library-intro-copy h1{max-width:580px;font-size:45px;line-height:1.05;letter-spacing:-1.4px;margin-block:16px 18px}
  .explore-page .library-intro-copy>p{max-width:540px;font-size:14px;line-height:1.75}
  .explore-page .library-intro-copy .search-form{margin-block-start:21px;max-width:none;padding-inline-start:13px}
  .explore-page .search-form>input{font-size:16px}
  .library-search-hints{gap:3px 16px;margin-block-start:8px;font-size:12px}
  .library-search-hints a{min-height:44px}
  .explore-page .library-intro-art{width:min(100%,360px);margin-block-start:0}
  .explore-page .library-intro-art figcaption{font-size:13px;margin-block-start:1px}
  .library-browser{padding-block:21px 18px}
  .library-browse-header{align-items:flex-start;flex-direction:column;gap:15px;margin-block-end:17px}
  .library-browse-header h2{font-size:27px}
  .library-browse-modes{width:100%}
  .library-browse-modes a{flex:1;min-height:44px;font-size:13px}
  .explore-page .alphabet>div{grid-template-columns:repeat(7,minmax(0,1fr));gap:5px}
  .explore-page .alphabet>div a,.explore-page .alphabet>div .alphabet-numbers{min-height:44px;background:var(--surface);font-size:15px}
  .explore-page .desktop-categories{display:none}
  .library-category-picker{display:block}
  .library-category-picker summary{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:13px 12px;min-height:48px;border:1px solid var(--line);border-radius:4px;cursor:pointer;font-size:12px;list-style:none}
  .library-category-picker summary::-webkit-details-marker{display:none}
  .library-category-picker summary>span{color:var(--muted)}
  .library-category-picker summary>strong{margin-inline-start:auto;font-weight:500;text-align:end}
  .library-category-picker summary:after{content:'+';font-size:20px;color:var(--accent);line-height:1}
  .library-category-picker[open] summary:after{content:'−'}
  .library-category-picker .category-list{grid-template-columns:repeat(2,minmax(0,1fr));padding-block-start:8px;gap:0 16px}
  .explore-page .category-list .chip{min-height:48px;font-size:13px}
  .explore-page .library-summary{gap:10px;padding-block:17px;flex-wrap:wrap}
  .explore-page .library-summary #results-count{font-size:18px;flex:1 1 180px}
  .explore-page .source-filter-label{margin:0;font-size:11px}
  .explore-page .source-filter-label .field{max-width:250px;font-size:16px;min-height:44px}
  .explore-page .card-copy h3{font-size:28px}
}
@media(max-width:370px){
  .explore-page .library-intro-copy h1{font-size:40px}
  .explore-page .library-intro-art{width:90%}
  .library-browse-header h2{font-size:25px}
  .library-search-hints{gap:3px 12px}
}

/* Transparent illustrations share the paper with the words, like the landing hero. */
.card-art,
.landing-page .card-art,
.journal-card-art,
.landing-page .journal-card-art,
.landing-page .journal-card-grid>div:first-child .journal-card-art,
.landing-page .journal-card-grid>div+div .journal-card-art,
.topic-card-art,
.editorial-article-art{
  aspect-ratio:3/2;
  overflow:visible;
  border-radius:0;
  background:transparent;
}
.card-art img,
.journal-card-art img,
.topic-card-art img,
.editorial-article-art img{
  display:block;
  width:100%;
  height:100%;
  object-fit:contain;
  object-position:center;
}
.journal-card-art picture,
.topic-card-art picture,
.editorial-article-art picture{display:block;width:100%;height:100%}
.symbol-illustration{width:100%;max-width:520px;height:auto;aspect-ratio:3/2;border-radius:0;overflow:visible}
.symbol-illustration img{display:block;width:100%;height:auto;object-fit:contain}
.editorial-index-art img,
.topic-hero-art img,
.library-intro-art img{
  display:block;
  width:100%;
  height:auto;
  aspect-ratio:3/2;
  object-fit:contain;
  border-radius:0;
  mask-image:none;
}
.prose-art{max-width:600px;max-height:none;margin-inline:auto;overflow:visible;border-radius:0}
.prose-art img{width:100%;height:auto;object-fit:contain;object-position:center}
.empty-art{overflow:visible;border-radius:0;background:transparent}
.empty-art img{height:auto;aspect-ratio:3/2;object-fit:contain}
.category-card img{object-fit:contain;border-radius:0;height:auto;aspect-ratio:3/2}
.landing-page .category-card{grid-template-columns:78px minmax(0,1fr)}
.landing-page .category-card img{width:78px;height:auto;aspect-ratio:3/2}
@media(max-width:760px){
  .symbol-illustration{max-width:430px}
  .landing-page .category-card{grid-template-columns:56px minmax(0,1fr)}
  .landing-page .category-card img{width:56px;height:auto}
}
@media(max-width:520px){
  .library-grid .card-art{min-height:0;max-height:none;aspect-ratio:3/2;align-self:center}
}
@media(max-width:370px){
  .landing-page .category-card{grid-template-columns:minmax(0,1fr)}
  .landing-page .category-card img{display:block;grid-row:auto;grid-column:1;width:76px;height:auto;margin-block-end:5px}
}

/* Keep the compact landing cards legible without inheriting catalogue row layouts. */
@media(max-width:760px){
  .landing-page .card-copy p{font-size:14px;line-height:1.7}
  .landing-page .card-copy .eyebrow{font-size:10px;letter-spacing:.8px}
  .landing-page .card-footer .source-badge{font-size:11px}
  .landing-page .popular a,.landing-page .alphabet>div a{min-height:44px}
  .landing-page .alphabet>div a{min-width:36px}
  .landing-page .section-heading>.text-link,.landing-page .journal-card-copy .card-link{min-height:44px;font-size:12px}
  .landing-page .category-card{min-width:0}
  .landing-page .category-card p{font-size:13px;line-height:1.65}
  .landing-page .ritual-step p,.landing-page .ritual-intro>p,.landing-page .journal-card-copy>p,.notebook-copy>p{font-size:14px}
}
@media(max-width:520px){
  .landing-page .category-card{grid-template-columns:minmax(0,1fr);grid-template-rows:auto 1fr auto;align-items:start}
  .landing-page .category-card img{display:block;grid-row:1;grid-column:1;width:76px;height:auto;margin-block-end:5px}
  .landing-page .category-card>div{grid-row:2;grid-column:1;min-width:0}
  .landing-page .category-card>.icon{grid-row:3;grid-column:1;min-height:30px}
  .landing-page .category-card h3{font-size:23px;overflow-wrap:anywhere}
}
@media(max-width:370px){
  .landing-page .card-grid{grid-template-columns:minmax(0,1fr);gap:0}
  .landing-page .symbol-card,.landing-page .symbol-card:nth-child(odd),.landing-page .symbol-card:nth-child(even){display:grid;grid-template-columns:88px minmax(0,1fr);gap:16px;padding:22px 0;border-inline-end:0;border-block-end:1px solid var(--line)}
  .landing-page .symbol-card:first-child{padding-block-start:0}
  .landing-page .symbol-card:last-child{border-block-end:0;padding-block-end:0}
  .landing-page .card-art{margin:0;align-self:start}
  .landing-page .card-copy h3{font-size:25px;line-height:1.2;overflow-wrap:normal}
  .landing-page .card-copy .eyebrow{font-size:9px;letter-spacing:.5px}
  .landing-page .card-footer .source-badge{font-size:10px}
  .landing-page .category-grid{grid-template-columns:minmax(0,1fr);gap:0}
  .landing-page .category-card,.landing-page .category-card:nth-child(odd),.landing-page .category-card:nth-child(even){grid-template-columns:76px minmax(0,1fr) auto;grid-template-rows:auto;gap:14px;padding:18px 0;border-inline-end:0;border-block-end:1px solid var(--line)}
  .landing-page .category-card:last-child{border-block-end:0}
  .landing-page .category-card img{grid-column:1;grid-row:1;margin:0;align-self:center}
  .landing-page .category-card>div{grid-column:2;grid-row:1}
  .landing-page .category-card>.icon{grid-column:3;grid-row:1;align-self:center}
  [dir=rtl] .landing-page .symbol-card:nth-child(odd),[dir=rtl] .landing-page .symbol-card:nth-child(even),[dir=rtl] .landing-page .category-card:nth-child(odd),[dir=rtl] .landing-page .category-card:nth-child(even){padding-inline:0}
}

/* ImageGen crescent-and-leaf identity; transparent edges blend with both themes. */
.wordmark .brand-logo{display:block;width:44px;height:44px;flex-shrink:0;object-fit:contain}
.site-footer .wordmark .brand-logo{width:40px;height:40px}
html[data-theme=dark] .brand-logo{filter:brightness(1.55) saturate(.8)}
@media(prefers-color-scheme:dark){
  html:not([data-theme=light]) .brand-logo{filter:brightness(1.55) saturate(.8)}
}
@media(max-width:760px){
  .site-header .wordmark{gap:6px}
  .site-header .wordmark .brand-logo{width:36px;height:36px}
}
@media(max-width:370px){
  .site-header .wordmark .brand-logo{width:31px;height:31px}
}

/* Dream notebook: a quiet writing space with clear, forgiving controls. */
.notebook-page{--notebook-sage:color-mix(in srgb,var(--ink) 60%,var(--sage));padding-block-end:30px}
.notebook-page .journal-intro{padding-block:45px 31px;gap:30px;align-items:flex-end}
.notebook-page .journal-intro>div:first-child{max-width:700px;min-width:0}
.notebook-page .journal-intro h1{font-size:clamp(43px,4.7vw,62px);letter-spacing:-1.6px;line-height:1.07;margin-block:17px 16px;text-wrap:balance}
.notebook-page .journal-intro>div>p{font-size:15px;line-height:1.8;max-width:580px}
.notebook-heading-actions{display:flex;align-items:center;flex-direction:column;gap:12px;flex-shrink:0;padding-block-end:2px}
.notebook-heading-actions .button{min-height:49px;min-width:157px;padding-inline:22px}
.notebook-privacy{display:inline-flex;align-items:center;justify-content:center;gap:7px;font-size:11px;line-height:1.6;color:var(--muted);text-align:center}
.notebook-privacy .icon{width:14px;height:14px;color:var(--notebook-sage)}
.notebook-page .journal-tabs{gap:29px;flex-wrap:nowrap;min-height:61px}
.notebook-page .journal-tabs>a{padding-block:19px 17px;gap:8px;white-space:nowrap;font-size:13px;min-height:60px}
.notebook-page .journal-tabs>a[aria-current=page]{border-bottom-width:2px}
.notebook-page .journal-tabs .vault-link{min-height:44px;margin-inline-start:auto;margin-inline-end:0;padding:8px 0 8px 12px;font-size:12px;gap:7px;line-height:1.5;text-align:end}
.notebook-page .journal-tabs .vault-link:hover{color:var(--accent)}
.notebook-page #journal-content{padding-block:29px 22px}
.notebook-layout{display:grid;grid-template-columns:minmax(0,1fr) 276px;gap:48px;align-items:start}
.notebook-main,.notebook-sidebar{min-width:0}
.notebook-overview{display:flex;align-items:center;justify-content:space-between;gap:16px;padding-block:4px 18px}
.notebook-overview h2{font-size:30px;line-height:1.2;letter-spacing:-.5px}
#notebook-total{font-size:12px;color:var(--muted);white-space:nowrap}
.draft-banner{display:flex;align-items:center;gap:13px;border:1px solid color-mix(in srgb,var(--sage) 40%,var(--line));background:var(--soft);border-radius:6px;padding:16px 17px;margin-block:0 18px}
.draft-banner>.icon{width:21px;height:21px;color:var(--notebook-sage)}
.draft-banner>div{min-width:0;flex:1}
.draft-banner strong{display:block;font-size:13px;font-weight:500;line-height:1.5}
.draft-banner p{font-size:12px;line-height:1.6;margin-block-start:3px;overflow-wrap:anywhere}
.draft-banner .button{min-height:44px;padding-inline:14px;background:var(--surface);border-color:var(--line);font-size:12px;flex-shrink:0}
.draft-banner .button:hover{border-color:var(--accent);color:var(--accent)}
.notebook-page .journal-toolbar{display:flex;flex-wrap:wrap;gap:9px;padding-block:0 17px;margin:0;border:0}
.notebook-search{display:flex;align-items:center;gap:10px;flex:1 1 220px;min-width:0;min-height:46px;padding-inline:13px;border:1px solid var(--line);border-radius:5px;background:var(--surface)}
.notebook-search>.icon{width:18px;height:18px;color:var(--muted)}
.notebook-search input{display:block;width:100%;min-width:0;min-height:44px;padding:9px 0;border:0;background:transparent;font-size:13px;outline:0}
.notebook-search input::placeholder{color:var(--muted);opacity:1}
.notebook-search:focus-within{border-color:var(--accent);box-shadow:0 0 0 2px color-mix(in srgb,var(--accent) 10%,transparent)}
.notebook-page .filter-toggle{display:inline-flex;align-items:center;justify-content:center;gap:7px;min-height:46px;padding:9px 12px;border:1px solid var(--line);border-radius:5px;font-size:12px;white-space:nowrap}
.notebook-page .filter-toggle .icon{width:16px;height:16px}
.notebook-page .filter-toggle:hover,.notebook-page .filter-toggle[aria-expanded=true]{background:var(--soft);border-color:var(--notebook-sage)}
.notebook-page .view-toggle{display:flex;gap:2px;padding:3px;border:1px solid var(--line);border-radius:5px;margin:0;flex-shrink:0;min-height:46px}
.notebook-page .view-toggle button{display:flex;align-items:center;justify-content:center;gap:6px;min-height:38px;padding:7px 10px;border-radius:3px;font-size:11px;line-height:1.4;color:var(--muted)}
.notebook-page .view-toggle button .icon{width:15px;height:15px}
.notebook-page .view-toggle button.selected{background:var(--soft);color:var(--ink)}
.notebook-page .view-toggle button:hover{color:var(--ink)}
.journal-filters{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:13px;border:1px solid var(--line);border-radius:6px;padding:17px;background:var(--soft);margin-block:0 17px}
.journal-filters[hidden]{display:none}
.journal-filters>label{display:flex;flex-direction:column;gap:7px;font-size:11px;line-height:1.5;color:var(--muted);min-width:0}
.journal-filters select{width:100%;min-width:0;max-width:none;min-height:44px;padding:10px;border:1px solid var(--line);border-radius:4px;font-size:13px;background:var(--surface);color:var(--ink)}
.notebook-results{display:flex;align-items:center;justify-content:space-between;gap:15px;min-height:34px;padding-block:0 12px;border-bottom:1px solid var(--line);font-size:12px;color:var(--muted)}
.notebook-results .text-link,.notebook-results .text-button{display:inline-flex;align-items:center;gap:6px;min-height:32px;font-size:11px;letter-spacing:0;padding:5px 0;text-align:end;color:var(--accent)}
.notebook-results .text-button .icon{width:13px;height:13px}
.notebook-results [hidden]{display:none}
.notebook-page .month-label{font:500 10px/1.5 var(--sans);letter-spacing:1.6px;margin-block:27px 4px;gap:15px}
.notebook-page .month-label:after{opacity:.45}
.notebook-page .entry-card{position:relative;display:grid;grid-template-columns:48px minmax(0,1fr) auto;align-items:start;gap:19px;padding:22px 0;border-bottom:1px solid color-mix(in srgb,var(--line) 75%,transparent);border-radius:0}
.notebook-page .entry-card:last-child{border-bottom:0}
.notebook-page .entry-card:before{content:'';position:absolute;inset:4px -13px;border-radius:5px;background:transparent;z-index:0;transition:background .18s}
.notebook-page .entry-card:hover:before{background:color-mix(in srgb,var(--soft) 65%,transparent)}
.notebook-page .entry-date{position:relative;min-width:0;font:35px/1 var(--serif);color:var(--notebook-sage);padding-block-start:4px}
.notebook-page .entry-date small{font:10px/1.5 var(--sans);letter-spacing:.5px;margin-block-start:7px}
.notebook-page .entry-open{position:static;min-width:0;width:100%;padding:0;text-align:start;outline-offset:4px;color:var(--ink)}
.notebook-page .entry-open:after{content:'';position:absolute;inset:0;z-index:2;border-radius:4px}
.notebook-page .entry-open:focus-visible{outline:0}
.notebook-page .entry-open:focus-visible:after{outline:2px solid var(--accent);outline-offset:3px}
.notebook-page .entry-title{display:block;position:relative;font:27px/1.2 var(--serif);letter-spacing:-.4px;margin:0;overflow-wrap:anywhere}
.notebook-page .entry-card:hover .entry-title{color:var(--accent)}
.notebook-page .entry-excerpt{position:relative;color:var(--muted);font-size:13px;line-height:1.8;margin-block:8px 11px;white-space:normal;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;overflow-wrap:anywhere}
.notebook-page .entry-chips{position:relative;gap:5px}
.notebook-page .entry-chips .chip{min-height:25px;padding:4px 8px;font-size:10px;line-height:1.4;background:var(--soft);border-color:transparent}
.notebook-page .entry-meta{position:relative;display:flex;align-items:center;justify-content:flex-end;gap:7px;max-width:110px;margin:0;padding-block-start:7px;font-size:11px;line-height:1.5;white-space:normal;text-align:end}
.notebook-page .entry-meta>.icon{width:16px;height:16px;color:var(--accent);margin-inline-start:4px}
.notebook-page .entry-meta .mood-dot{width:6px;height:6px;flex-shrink:0;margin:0;background:var(--notebook-sage)}
.notebook-page .entry-mood{display:inline-flex;align-items:center;gap:6px}
.notebook-sidebar{display:flex;flex-direction:column;gap:24px;padding-block-start:4px}
.notebook-tip{padding:26px 23px 19px;background:var(--soft);border:1px solid color-mix(in srgb,var(--line) 60%,transparent);border-radius:6px}
.notebook-tip>.eyebrow{font-size:9px;letter-spacing:1.5px;color:var(--notebook-sage)}
.notebook-tip h3{font-size:27px;line-height:1.16;letter-spacing:-.4px;margin-block:13px 12px;text-wrap:balance}
.notebook-tip p{font-size:12px;line-height:1.85}
.notebook-tip-art{display:block;width:100%;margin:-4px auto 17px;aspect-ratio:3/2;object-fit:contain}
.notebook-tip-art img{display:block;width:100%;height:100%;object-fit:contain}
.notebook-tip>.text-link{font-size:11px;letter-spacing:0;min-height:42px;margin-block-start:9px;gap:7px;line-height:1.6}
.notebook-tip>.text-link .icon{width:14px;height:14px}
.notebook-backup{display:grid;grid-template-columns:23px minmax(0,1fr);gap:11px;padding:0 3px}
.notebook-backup>.icon{width:20px;height:20px;color:var(--notebook-sage);margin-block-start:1px}
.notebook-backup h3{font:500 13px/1.6 var(--sans);letter-spacing:0}
.notebook-backup p{font-size:12px;line-height:1.8;margin-block:5px 9px}
.notebook-backup .text-link{font-size:11px;letter-spacing:0;min-height:36px;padding-block:6px;gap:7px}
.notebook-backup .text-link .icon{width:14px;height:14px}
.notebook-page #journal-content .notebook-empty{max-width:660px;margin:0 auto;padding:15px 24px 40px;text-align:center}
.notebook-empty .empty-art{width:min(100%,150px);margin:0 auto 15px;aspect-ratio:3/2;max-height:none}
.notebook-empty .empty-art img{width:100%;height:100%;object-fit:contain}
.notebook-page #journal-content .notebook-empty h2{font-size:36px;line-height:1.15;margin-block:12px 15px;letter-spacing:-.7px;text-wrap:balance}
.notebook-page #journal-content .notebook-empty>p{font-size:14px;line-height:1.85;max-width:430px;margin-inline:auto;margin-block-end:21px}
.notebook-empty>.button{min-height:48px;padding-inline:23px}
.notebook-empty .empty-footnote{font-size:11px!important;margin-block:14px 0!important;color:var(--muted)}
.notebook-start-label{display:block;font-size:11px;line-height:1.6;color:var(--muted);margin-block:24px 11px}
.notebook-starts{display:flex;flex-wrap:wrap;justify-content:center;gap:8px;margin:0}
.notebook-start{display:inline-flex;align-items:center;justify-content:center;gap:7px;min-height:44px;border:1px solid var(--line);border-radius:5px;padding:10px 13px;background:var(--surface);font:italic 15px/1.4 var(--serif);color:var(--muted)}
.notebook-start .icon{width:15px;height:15px;color:var(--notebook-sage)}
.notebook-start:hover{border-color:var(--accent);color:var(--accent)}
.notebook-page .no-results,.notebook-page #entry-list>.empty-state{padding-block:48px 40px;text-align:center;max-width:460px;margin:auto}
.notebook-page #entry-list>.empty-state h2{font-size:28px;line-height:1.2;margin-block:0 12px}
.notebook-page #entry-list>.empty-state p{font-size:13px;line-height:1.8;margin-block-end:16px}
.notebook-page .calendar-head{gap:12px;margin-block:22px 15px}
.notebook-page .calendar-head>div{min-width:0;text-align:center}
.notebook-page .calendar-head h2{font-size:25px;line-height:1.2}
.notebook-page .calendar-head p{font-size:11px;line-height:1.6;margin-block-start:5px}
.notebook-page .calendar-head .button{min-height:44px;padding-inline:12px}
.notebook-page .calendar-grid{grid-template-columns:repeat(7,minmax(0,1fr));gap:5px;margin-block:0 20px}
.notebook-page .calendar-grid>button{position:relative;display:flex;align-items:center;justify-content:center;flex-direction:column;gap:5px;min-height:66px;font-size:13px}
.notebook-page .calendar-grid>button small{display:flex;align-items:center;justify-content:center;width:20px;height:18px;padding:1px 4px;border-radius:4px;background:color-mix(in srgb,var(--sage) 17%,var(--surface));font:500 10px/1 var(--sans);color:var(--notebook-sage)}
.notebook-page .calendar-grid>button.is-today{border-color:var(--accent);box-shadow:inset 0 0 0 1px var(--accent)}
.notebook-page .calendar-grid>button.is-today>span{color:var(--accent);font-weight:600}
.notebook-page .calendar-grid>button.has-entry:hover{border-color:var(--accent);background:var(--rose)}
.notebook-page .calendar-foot{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-block:-8px 0;font-size:11px;line-height:1.7;color:var(--muted)}
.notebook-page .calendar-foot .text-button{min-height:44px;flex-shrink:0;padding:8px 0;font-size:11px;color:var(--accent)}
.notebook-page .calendar-empty{margin-block:10px 0;padding:16px 18px;border-radius:5px;background:var(--soft);font-size:12px;line-height:1.8;text-align:center}
.notebook-page .pattern-section{max-width:none;padding-block:25px 35px}

.capture{--notebook-sage:color-mix(in srgb,var(--ink) 60%,var(--sage));max-width:730px}
.capture .modal-body{padding:29px 35px 22px}
.capture .modal-head{padding-block-end:15px;margin-block-end:10px}
.capture .modal-head h2{font-size:35px;line-height:1.17;margin-block-start:8px;letter-spacing:-.7px}
.capture .modal-head>.icon-button{width:44px;height:44px;flex-shrink:0}
.capture-intro{font-size:12px;line-height:1.8;margin-block:0 14px;max-width:560px}
.capture-meta{display:flex;align-items:center;justify-content:space-between;gap:14px;flex-wrap:wrap;padding-block:0 13px;border-bottom:1px solid var(--line)}
.capture-meta>label{display:flex;align-items:center;gap:9px;font-size:11px;line-height:1.5;color:var(--muted)}
.capture-meta input[type=date]{min-height:40px;padding:8px 10px;border:1px solid var(--line);border-radius:4px;font-size:12px;background:var(--surface);color:var(--ink);max-width:190px}
.capture-meta>.draft-status{font-size:10px;color:var(--muted)}
.capture-resumed{font-size:11px;line-height:1.5;color:var(--notebook-sage)}
.capture-meta>label>.icon{width:15px;height:15px}
.capture textarea{font:22px/1.65 var(--serif);min-height:208px;padding-block:18px 20px;border-bottom-color:var(--line);color:var(--ink)}
.capture textarea::placeholder{font-style:italic;opacity:.8}
.capture textarea:focus-visible{outline:0;border-bottom-color:var(--accent)}
.capture .capture-controls{margin-block:15px;justify-content:space-between}
.capture .voice-button{min-height:44px;font-size:12px;padding:10px 12px}
.capture .capture-controls .text-button{display:flex;align-items:center;gap:6px;min-height:44px;margin-inline-start:auto;margin-inline-end:0;line-height:1.5;font-size:12px}
.capture .capture-controls .text-button .icon{width:15px;height:15px}
.capture .capture-details{display:grid;grid-template-columns:1fr 1fr;align-items:start;gap:14px 16px;margin-block:0 16px;padding-block:2px 19px}
.capture .capture-details[hidden]{display:none}
.capture .capture-details>label{min-width:0;font-size:11px;line-height:1.5;gap:7px}
.capture .capture-details>.capture-title{grid-column:1/-1}
.capture .capture-details input:not([type=checkbox]),.capture .capture-details select{width:100%;min-width:0;min-height:44px;padding:10px 12px;border:1px solid var(--line);border-radius:4px;background:var(--surface);font:13px/1.5 var(--sans);color:var(--ink)}
.capture .capture-details .entry-title-input{font:18px/1.4 var(--serif);letter-spacing:0}
.capture .capture-details .checkbox-label{align-self:end;min-height:44px;padding:8px 0;gap:8px;flex-direction:row;align-items:center;color:var(--ink)}
.capture .capture-details input[type=checkbox]{width:17px;height:17px;margin:0;accent-color:var(--accent)}
.capture-symbols{padding-block:1px 4px}
.capture-symbols h3,.capture-symbols .detected-label{font:500 12px/1.6 var(--sans);letter-spacing:0;color:var(--ink);margin-block:0 4px}
.capture-symbols>p{font-size:12px;line-height:1.7;margin-block:0 11px}
.capture .detected-chips{gap:7px}
.capture .detected-chips .chip{min-height:38px;padding:8px 12px;font-size:11px;background:var(--surface)}
.capture .detected-chips .chip.selected{background:var(--soft);border-color:var(--notebook-sage);color:var(--ink)}
.capture .symbol-picker{min-height:44px;font-size:13px;margin-block:12px 0}
.capture .capture-bottom{position:sticky;bottom:0;z-index:3;background:var(--paper);border-top:1px solid var(--line);margin-block:21px 0;margin-inline:-35px;padding:17px 35px 13px;gap:15px}
.capture .capture-bottom .draft-status{font-size:10px;line-height:1.7;max-width:310px;color:var(--muted);align-items:flex-start}
.capture .capture-bottom .draft-status .icon{margin-block-start:2px;flex-shrink:0;color:var(--notebook-sage)}
.capture .capture-bottom .button{min-height:48px;min-width:157px;padding-inline:21px;flex-shrink:0}
.capture .capture-discard{display:inline-flex;align-items:center;min-height:44px;font-size:11px;letter-spacing:0;margin-block-start:0!important;padding:8px 0;color:var(--muted)}
.capture .capture-discard:hover{color:var(--accent)}
.capture .capture-error{line-height:1.7;margin-block:10px 0}
.capture-close-confirm{padding:15px 16px;background:var(--rose);border:1px solid color-mix(in srgb,var(--accent) 25%,var(--line));border-radius:5px;margin-block:14px 0;font-size:12px;line-height:1.7}
.capture-close-confirm p{font-size:12px;line-height:1.7;margin-block:0 9px;color:var(--ink)}
.capture-close-confirm>div{display:flex;gap:9px;flex-wrap:wrap}
.capture-close-confirm .button{min-height:44px;padding:9px 13px;font-size:11px}
.notebook-reading{max-width:760px}
.notebook-reading .modal-body{padding:31px 38px}
.notebook-reading .modal-head{margin-block-end:15px;padding-block-end:18px}
.notebook-reading .modal-head h2{font-size:37px;line-height:1.18;letter-spacing:-.7px}
.entry-reading-meta{display:flex;align-items:center;gap:7px;flex-wrap:wrap;color:var(--muted);font-size:11px;line-height:1.6}
.entry-reading-meta .chip{min-height:27px;padding:4px 9px;font-size:10px;background:var(--soft);border-color:transparent}
.notebook-reading .reading-actions{margin-block:16px 19px;padding-block:0 18px;border-top:0;border-bottom:1px solid var(--line);gap:8px}
.notebook-reading .reading-actions .button{min-height:44px;padding:9px 14px;font-size:12px}
.notebook-reading .reading-actions>.text-button{min-height:44px;padding:9px 5px;font-size:11px;margin-inline-start:auto}
.notebook-reading .entry-reading{font:23px/1.85 var(--serif);padding:0}
.entry-linked-symbols{border-top:1px solid var(--line);padding-block:22px 0;margin-block-start:27px}
.entry-linked-symbols h3{font:500 12px/1.6 var(--sans);letter-spacing:0;margin-block:0 11px}
.entry-linked-symbols>.eyebrow{font-size:10px;letter-spacing:1.3px;margin-block-end:12px}
.entry-linked-symbols>p{font-size:12px;line-height:1.8;margin-block-end:12px}
.entry-linked-symbols .related{gap:7px;margin:0}
.entry-linked-symbols .chip{min-height:38px;padding:7px 12px;font-size:12px;background:var(--surface)}
#entry-reflections{margin-block-start:26px}
#entry-reflections h3{font-size:27px;margin-block-end:14px}
#entry-reflections p{font-size:13px;line-height:1.9;margin-block:10px 0}
#entry-reflections .reflection-prompt{font-size:20px;line-height:1.5;padding-block:15px;gap:13px;min-height:48px;text-align:start}
[dir=rtl] .notebook-page .entry-meta>.icon{transform:rotate(180deg)}

@media(max-width:1100px){
  .notebook-layout{grid-template-columns:minmax(0,1fr) 244px;gap:29px}
  .notebook-page .journal-toolbar{gap:8px}
  .notebook-search{flex-basis:calc(100% - 110px)}
  .notebook-page .view-toggle{margin-inline-start:auto}
  .notebook-tip{padding:22px 19px 16px}
  .notebook-page .entry-card{gap:15px;grid-template-columns:43px minmax(0,1fr)}
  .notebook-page .entry-meta{grid-column:2;max-width:none;justify-content:flex-start;text-align:start;padding:0;margin-block-start:-7px}
  .notebook-page .entry-meta>.icon{margin-inline-start:auto}
}
@media(max-width:760px){
  .notebook-page .journal-intro{padding-block:30px 24px;align-items:flex-start;gap:21px}
  .notebook-page .journal-intro h1{font-size:46px;line-height:1.08;letter-spacing:-1.2px;margin-block:15px 13px}
  .notebook-page .journal-intro>div>p{font-size:14px;line-height:1.8;max-width:480px}
  .notebook-heading-actions{gap:9px;align-items:flex-start;padding:0;flex-direction:row;flex-wrap:wrap}
  .notebook-heading-actions .button{min-height:47px;min-width:145px;padding-inline:18px}
  .notebook-privacy{font-size:10px;min-height:47px;justify-content:flex-start}
  .notebook-page .journal-tabs{gap:20px;flex-wrap:wrap;min-height:56px}
  .notebook-page .journal-tabs>a{font-size:12px;min-height:56px;padding-block:17px 16px;gap:6px}
  .notebook-page .journal-tabs .vault-link{font-size:11px;line-height:1.5;min-width:0;padding-inline:0;gap:6px;margin-inline-start:auto}
  .notebook-page .journal-tabs .vault-link .icon{width:14px;height:14px}
  .notebook-page #journal-content{padding-block:24px 18px}
  .notebook-layout{grid-template-columns:minmax(0,1fr);gap:33px}
  .notebook-overview{padding-block:0 18px}
  .notebook-overview h2{font-size:28px}
  #notebook-total{font-size:11px}
  .draft-banner{padding:14px;gap:10px;flex-wrap:wrap;margin-block-end:18px}
  .draft-banner strong{font-size:13px}
  .draft-banner p{font-size:11px}
  .draft-banner .button{min-height:44px;font-size:11px;padding-inline:12px}
  .passphrase-form input,.locked-form input{font-size:16px;min-height:48px}
  .passphrase-form input{flex-basis:100%;width:100%}
  .vault-section .button{margin-inline-end:0}
  .notebook-page .journal-toolbar{gap:8px;padding-block:0 14px;flex-wrap:wrap}
  .notebook-search{flex-basis:100%;min-height:48px}
  .notebook-search input{font-size:16px;min-height:46px}
  .notebook-page .filter-toggle{min-height:46px;padding-inline:14px;font-size:12px}
  .notebook-page .view-toggle{margin-inline-start:auto;min-height:46px}
  .notebook-page .view-toggle button{min-height:38px;padding-inline:11px;font-size:11px}
  .journal-filters{gap:12px;padding:14px;grid-template-columns:1fr}
  .journal-filters>label{font-size:11px;gap:6px}
  .journal-filters select{min-height:46px;font-size:16px;padding-inline:11px}
  .notebook-results{gap:10px;min-height:36px;font-size:11px;padding-block:0 12px}
  .notebook-results .text-link{font-size:11px}
  .notebook-page .month-label{margin-block:25px 3px;font-size:10px;letter-spacing:1.5px}
  .notebook-page .entry-card{gap:14px;grid-template-columns:39px minmax(0,1fr);padding-block:20px}
  .notebook-page .entry-card:before{inset:4px -8px}
  .notebook-page .entry-date{font-size:32px;padding-block-start:3px}
  .notebook-page .entry-date small{font-size:9px;letter-spacing:0;margin-block-start:6px}
  .notebook-page .entry-open{min-width:0}
  .notebook-page .entry-title{font-size:27px;line-height:1.2}
  .notebook-page .entry-excerpt{font-size:13px;line-height:1.8;margin-block:7px 10px;-webkit-line-clamp:2}
  .notebook-page .entry-meta{grid-column:2;font-size:10px;margin:0;margin-block-start:-4px;padding:0;gap:6px}
  .notebook-page .entry-meta>.icon{margin-inline-start:auto}
  .notebook-page .entry-chips .chip{font-size:10px;padding-inline:8px;min-height:25px}
  .notebook-sidebar{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:25px;padding-block-start:25px;border-top:1px solid var(--line)}
  .notebook-tip{padding:21px 20px 13px}
  .notebook-tip h3{font-size:25px;line-height:1.18;margin-block:12px 11px}
  .notebook-tip p{font-size:12px;line-height:1.8}
  .notebook-tip-art{max-width:225px;margin-block:0 auto 14px}
  .notebook-backup{align-self:start;padding:4px 0;gap:9px}
  .notebook-backup h3{font-size:13px}
  .notebook-backup p{font-size:12px;line-height:1.85}
  .notebook-backup .text-link{min-height:44px;font-size:11px}
  .notebook-page #journal-content .notebook-empty{padding:15px 0 17px}
  .notebook-empty .empty-art{width:150px;margin-block-end:15px}
  .notebook-page #journal-content .notebook-empty h2{font-size:33px;line-height:1.15;margin-block:12px 13px}
  .notebook-page #journal-content .notebook-empty>p{font-size:14px;line-height:1.85;max-width:440px;margin-block-end:20px}
  .notebook-starts{gap:8px}
  .notebook-start{font-size:15px;min-height:45px;padding-inline:12px}
  .notebook-page .calendar-head h2{font-size:23px}
  .notebook-page .calendar-grid{gap:4px}
  .notebook-page .calendar-grid>span{min-width:0;padding-inline:0;overflow-wrap:anywhere}
  .notebook-page .calendar-grid>button{min-height:55px;padding:8px 4px}
  .capture{max-height:94dvh;width:calc(100% - 24px)}
  .capture .modal-body{padding:23px 24px 15px}
  .capture .modal-head h2{font-size:31px;letter-spacing:-.5px;line-height:1.17}
  .capture .modal-head{gap:12px;padding-block-end:14px;margin-block-end:10px}
  .capture-intro{font-size:12px;line-height:1.7;margin-block-end:13px}
  .capture-meta{gap:9px;padding-block-end:12px}
  .capture-meta>label{font-size:11px;gap:8px;flex-wrap:wrap}
  .capture-meta input[type=date]{min-height:44px;font-size:16px;max-width:190px}
  .capture-meta>.draft-status{font-size:10px}
  .capture textarea{font-size:22px;line-height:1.6;min-height:205px;padding-block:17px 19px}
  .capture .capture-controls{gap:8px;margin-block:13px;flex-wrap:wrap}
  .capture .capture-controls .text-button{font-size:11px;margin-inline-start:auto}
  .capture .voice-button{font-size:11px;min-height:44px;padding-inline:10px;gap:6px}
  .capture .capture-details{gap:13px;padding-block-end:16px;margin-block-end:16px}
  .capture .capture-details input:not([type=checkbox]),.capture .capture-details select{font-size:16px;min-height:46px}
  .capture .capture-details .entry-title-input{font-size:18px}
  .capture .capture-details .checkbox-label{font-size:12px}
  .capture-symbols>p{font-size:12px;line-height:1.8}
  .capture .detected-chips .chip{min-height:42px;font-size:12px}
  .capture .symbol-picker{font-size:16px;min-height:46px}
  .capture .capture-bottom{margin-inline:-24px;padding:16px 24px 12px;gap:12px;margin-block-start:19px;flex-wrap:nowrap}
  .capture .capture-bottom .button{min-width:140px;min-height:48px;padding-inline:16px;font-size:12px}
  .capture .capture-bottom .draft-status{font-size:10px;max-width:none;min-width:0;flex:1}
  .capture .capture-discard{font-size:11px}
  .notebook-reading{max-height:94dvh;width:calc(100% - 24px)}
  .notebook-reading .modal-body{padding:24px}
  .notebook-reading .modal-head h2{font-size:31px;line-height:1.2;letter-spacing:-.5px}
  .notebook-reading .modal-head{gap:12px;padding-block-end:15px}
  .notebook-reading .reading-actions{gap:7px;margin-block:14px 17px;padding-block-end:17px}
  .notebook-reading .reading-actions .button{min-height:44px;padding-inline:12px;font-size:11px}
  .notebook-reading .entry-reading{font-size:22px;line-height:1.8}
  .entry-linked-symbols{padding-block-start:19px;margin-block-start:23px}
  .entry-linked-symbols .chip{min-height:42px}
  #entry-reflections{margin-block-start:23px}
  #entry-reflections h3{font-size:26px}
  #entry-reflections .reflection-prompt{font-size:19px;line-height:1.5}
}
@media(max-width:520px){
  .notebook-page .journal-intro{flex-direction:column;gap:19px}
  .notebook-page .journal-intro h1{font-size:43px}
  .notebook-heading-actions{width:100%;gap:10px 13px;align-items:center}
  .notebook-privacy{min-height:0;font-size:10px;max-width:155px;text-align:start}
  .notebook-page .journal-tabs{gap:13px;justify-content:flex-start}
  .notebook-page .journal-tabs>a{font-size:12px;gap:5px}
  .notebook-page .journal-tabs>a>.icon{width:17px;height:17px}
  .notebook-page .journal-tabs .vault-link{font-size:10px;gap:5px;max-width:122px}
  .notebook-page .journal-tabs .vault-link>.icon{width:13px;height:13px}
  .notebook-sidebar{grid-template-columns:minmax(0,1fr);gap:22px}
  .notebook-tip{display:grid;grid-template-columns:minmax(0,1fr) 100px;column-gap:15px;padding:22px 20px 19px;align-items:start}
  .notebook-tip>.eyebrow,.notebook-tip h3,.notebook-tip p{grid-column:1}
  .notebook-tip-art{grid-column:2;grid-row:1/4;width:100%;align-self:center;margin:0;max-width:none}
  .notebook-tip h3{font-size:25px}
  .notebook-backup{padding-inline:3px}
  .draft-banner .button{margin-inline-start:31px}
  .draft-banner>div{flex-basis:calc(100% - 31px)}
  .draft-banner .button{max-width:calc(100% - 31px);white-space:normal;text-align:start;line-height:1.5}
  .capture .capture-meta>.draft-status{flex-basis:100%}
  .capture .capture-details{grid-template-columns:1fr 1fr}
  .capture .capture-details>label:not(.checkbox-label){grid-column:1/-1}
  .capture .capture-bottom{flex-wrap:wrap;gap:11px;padding-block:13px 12px}
  .capture .capture-bottom .draft-status{flex-basis:100%;font-size:10px}
  .capture .capture-bottom .button{width:100%;margin:0;min-height:48px}
}
@media(max-width:370px){
  .notebook-page .journal-intro h1{font-size:39px}
  .notebook-page .journal-tabs{gap:11px;flex-wrap:wrap}
  .notebook-page .journal-tabs .vault-link{max-width:none;flex-basis:100%;margin:0;padding-block:4px 10px;justify-content:flex-start;text-align:start;min-height:39px}
  .notebook-page .view-toggle button{padding-inline:8px;font-size:10px}
  .notebook-page .filter-toggle{padding-inline:10px;font-size:11px}
  .notebook-page .entry-title{font-size:25px}
  .notebook-tip{grid-template-columns:minmax(0,1fr) 75px;padding-inline:17px;column-gap:10px}
  .capture .modal-body,.notebook-reading .modal-body{padding-inline:19px}
  .capture .capture-bottom{margin-inline:-19px;padding-inline:19px}
  .capture .capture-controls .text-button{margin-inline-start:0}
}
@media(prefers-reduced-motion:reduce){
  .notebook-page .entry-card:before{transition:none}
}

/* Shared navigation: quiet destinations, grouped tools, and one clear action. */
#header-root{position:sticky;top:0;z-index:30;background:color-mix(in srgb,var(--paper) 94%,transparent);border-block-end:1px solid color-mix(in srgb,var(--line) 70%,transparent);backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px)}
html{scroll-padding-top:112px}
.site-header.navbar{display:grid;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:28px;min-height:88px;height:auto;padding:17px 5%;max-width:1440px;margin-inline:auto;border:0}
.site-header.navbar .wordmark{gap:9px;font-size:31px;letter-spacing:-1.2px;min-width:0;color:var(--ink)}
.site-header.navbar .wordmark .brand-logo{width:42px;height:42px;transition:transform .2s}
.site-header.navbar .wordmark:hover .brand-logo{transform:rotate(-8deg)}
.navbar-panel{display:flex;align-items:center;justify-content:space-between;gap:20px;min-width:0}
.site-header.navbar .primary-nav{display:flex;align-items:center;align-self:auto;justify-content:center;gap:5px;width:auto;order:0;padding:0;margin-inline:auto}
.site-header.navbar .primary-nav a{display:flex;align-items:center;justify-content:center;gap:11px;min-height:42px;padding:9px 15px;border-radius:6px;font-size:13px;font-weight:500;line-height:1.5;white-space:nowrap;color:var(--muted);transition:color .18s,background .18s}
.site-header.navbar .primary-nav a:hover{color:var(--ink);background:color-mix(in srgb,var(--soft) 65%,transparent)}
.site-header.navbar .primary-nav a[aria-current=page]{background:var(--soft);color:var(--ink)}
.site-header.navbar .primary-nav a[aria-current=page]:after{content:none}
.site-header.navbar .primary-nav a>.icon{display:none}
.navbar-tools{display:flex;align-items:center;gap:4px;flex-shrink:0}
.site-header.navbar .header-search{display:none}
.site-header.navbar .search-link,.site-header.navbar .theme-toggle{display:inline-flex;min-width:40px;width:40px;height:42px;min-height:42px;border-radius:6px;color:var(--muted)}
.site-header.navbar .search-link:hover,.site-header.navbar .theme-toggle:hover{color:var(--ink);background:var(--soft)}
.site-header.navbar .navbar-tools .icon{width:18px;height:18px}
.navbar-language{display:flex;align-items:center;gap:2px;color:var(--muted);padding-inline-start:7px}
.site-header.navbar .language-picker{position:relative;min-width:0}
.site-header.navbar .language-picker>summary{min-height:42px;font-size:12px;padding:8px 6px;gap:7px;border:0;border-radius:6px;background:transparent;color:var(--muted)}
.site-header.navbar .language-picker>summary:hover{color:var(--ink);background:var(--soft)}
.site-header.navbar .header-actions{display:flex;align-items:center;justify-self:end;gap:8px;margin:0;padding-inline-start:21px;border-inline-start:1px solid var(--line)}
.site-header.navbar .header-actions .capture-trigger{display:inline-flex;gap:9px;width:auto;min-width:0;min-height:44px;padding:11px 18px;border-radius:6px;font-size:12px;background:var(--ink);color:var(--paper);border:1px solid var(--ink);transition:background .18s,border-color .18s,box-shadow .18s}
.site-header.navbar .header-actions .capture-trigger:hover{background:var(--accent);border-color:var(--accent);box-shadow:0 3px 10px color-mix(in srgb,var(--accent) 16%,transparent)}
.site-header.navbar .header-actions .capture-trigger>.icon{display:block;width:18px;height:18px}
.site-header.navbar .header-actions .record-label{display:inline}
.site-header.navbar .header-actions .record-label-mobile{display:none}
.site-header.navbar .nav-toggle{display:none}
.nav-toggle .nav-close-icon{display:none}
.nav-toggle[aria-expanded=true] .nav-open-icon{display:none}
.nav-toggle[aria-expanded=true] .nav-close-icon{display:inline-flex}
.nav-toggle span{align-items:center;justify-content:center}
@media(min-width:1101px) and (max-width:1280px){
  .site-header.navbar{column-gap:17px}
  .site-header.navbar .wordmark{font-size:28px}
  .site-header.navbar .primary-nav a{padding-inline:11px;font-size:12px}
  .navbar-panel{gap:12px}
  .site-header.navbar .header-actions{padding-inline-start:16px}
  .site-header.navbar .header-actions .capture-trigger{padding-inline:13px}
}
@media(max-width:1100px){
  html{scroll-padding-top:96px}
  #header-root:has(.navbar:not([data-navigation-ready])){position:static}
  .site-header.navbar{grid-template-columns:minmax(0,1fr) auto;gap:0 16px;min-height:80px;padding:16px 5%}
  .site-header.navbar .wordmark{font-size:29px}
  .site-header.navbar .wordmark .brand-logo{width:39px;height:39px}
  .site-header.navbar .header-actions{grid-row:1;grid-column:2;border:0;padding:0}
  .site-header.navbar[data-navigation-ready] .nav-toggle{display:inline-flex;min-width:44px;width:44px;height:44px;min-height:44px;border:1px solid var(--line);border-radius:6px;color:var(--ink)}
  .site-header.navbar .nav-toggle:hover,.site-header.navbar .nav-toggle[aria-expanded=true]{background:var(--soft)}
  .navbar-panel{grid-column:1/-1;grid-row:2;display:grid;grid-template-columns:minmax(0,1fr);justify-content:stretch;gap:20px;padding-block:20px 7px;margin-block-start:16px;border-block-start:1px solid var(--line)}
  .site-header.navbar[data-navigation-ready] .navbar-panel{display:none}
  .site-header.navbar:has(.nav-toggle[aria-expanded=true]) .navbar-panel{display:grid}
  .site-header.navbar .primary-nav{display:grid;width:100%;gap:5px;margin:0;justify-content:stretch}
  .site-header.navbar .primary-nav a{justify-content:flex-start;min-height:52px;padding:12px 14px;font-size:15px;border-radius:6px;gap:13px}
  .site-header.navbar .primary-nav a>.icon{display:block;width:20px;height:20px;color:var(--muted)}
  .site-header.navbar .primary-nav a>.nav-arrow{margin-inline-start:auto;width:17px;height:17px}
  [dir="rtl"] .site-header.navbar .primary-nav a>.nav-arrow{transform:scaleX(-1)}
  .navbar-tools{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:14px 20px;border-block-start:1px solid var(--line);padding-block-start:20px}
  .site-header.navbar .header-search{display:flex;grid-column:1/-1;max-width:none;width:100%;min-width:0;margin:0;padding:5px 7px 5px 14px;gap:10px;border-radius:6px}
  .site-header.navbar .header-search input{min-height:44px;font-size:14px}
  .site-header.navbar .header-search button{width:44px;height:44px}
  .site-header.navbar .header-search button>.icon{display:block}
  .site-header.navbar .navbar-tools .search-link{display:none}
  .navbar-language{padding-inline-start:10px;gap:7px;align-items:flex-start;min-width:0}
  .navbar-language>.icon{margin-block-start:13px}
  .site-header.navbar .language-picker{width:100%;max-width:240px}
  .site-header.navbar .language-picker>summary{min-height:44px;font-size:13px;padding-inline:7px 12px;color:var(--ink);justify-content:flex-start}
  .site-header.navbar .language-picker .language-options{position:static;inset:auto;width:100%;max-width:none;max-height:300px;margin-block-start:7px;box-shadow:none}
  .site-header.navbar .theme-toggle{min-width:44px;width:44px;height:44px;min-height:44px;align-self:start;border:1px solid var(--line);color:var(--ink)}
  .navbar-tools .search-suggestions{z-index:5;max-height:260px;overflow:auto}
  .site-header.navbar:has(.nav-toggle[aria-expanded=true]){max-height:calc(100dvh - 16px);overflow-y:auto;overscroll-behavior:contain}
}
@media(max-width:600px){
  .site-header.navbar{min-height:74px;padding:14px 20px;column-gap:10px}
  .site-header.navbar .wordmark{font-size:27px;gap:6px;letter-spacing:-1px}
  .site-header.navbar .wordmark .brand-logo{width:36px;height:36px}
  .site-header.navbar .header-actions{gap:7px}
  .site-header.navbar .header-actions .capture-trigger{gap:7px;min-height:44px;padding:10px 12px}
  .site-header.navbar .header-actions .record-label{display:none}
  .site-header.navbar .header-actions .record-label-mobile{display:inline}
  .navbar-panel{margin-block-start:14px;padding-block-start:16px;gap:16px}
  .navbar-tools{padding-block-start:16px;gap:12px}
}
@media(max-width:420px){
  .site-header.navbar{padding-inline:16px;column-gap:8px}
  .site-header.navbar .wordmark{font-size:25px}
  .site-header.navbar .wordmark .brand-logo{width:33px;height:33px}
  .site-header.navbar .header-actions .capture-trigger{width:44px;min-width:44px;padding:10px}
  .site-header.navbar .header-actions .record-label-mobile{display:none}
}

/* Native disclosure and ordinary links keep every language menu on the site's palette. */
.site-header .language-picker{display:block;position:relative;flex-shrink:0;max-width:none}
.site-header .language-picker>summary{
  display:flex;align-items:center;justify-content:space-between;gap:10px;list-style:none;
  min-height:44px;padding:9px 11px;border:1px solid var(--line);border-radius:5px;
  background:var(--paper);color:var(--ink);font:13px/1.5 var(--sans);white-space:nowrap;
  cursor:pointer;user-select:none;
}
.language-picker>summary::-webkit-details-marker{display:none}
.language-picker>summary::marker{content:''}
.site-header .language-picker>summary:hover{background:var(--soft)}
.site-header .language-picker>summary:focus-visible{outline:2px solid var(--accent);outline-offset:3px}
.language-current{display:inline-block;unicode-bidi:isolate}
.language-chevron{display:block;width:14px;height:14px;flex-shrink:0;transition:transform .15s}
.language-picker[open] .language-chevron{transform:rotate(180deg)}
.site-header .language-picker .language-options{
  display:block;position:absolute;inset-inline-end:0;top:calc(100% + 7px);z-index:100;
  width:230px;max-width:calc(100vw - 32px);max-height:calc(100dvh - 140px);overflow-y:auto;
  padding:6px;margin:0;gap:0;order:initial;align-self:auto;justify-content:initial;
  border:1px solid var(--line);border-radius:8px;background:var(--paper);color:var(--ink);
  box-shadow:0 12px 32px #0003;
}
.site-header .language-picker:not([open]) .language-options{display:none}
.site-header .language-picker .language-options a{
  display:flex;align-items:center;justify-content:space-between;gap:20px;position:static;
  min-height:44px;width:100%;padding:10px 12px;margin:0;border:0;border-radius:4px;
  background:var(--paper);color:var(--ink);font:14px/1.5 var(--sans);white-space:nowrap;
  text-decoration:none;letter-spacing:normal;
}
.language-options a>span[lang]{unicode-bidi:isolate}
.site-header .language-picker .language-options a[aria-current=page]{background:var(--rose);color:var(--ink);font-weight:600}
.site-header .language-picker .language-options a[aria-current=page]::after{content:none}
.site-header .language-picker .language-options a:hover,
.site-header .language-picker .language-options a:focus-visible{background:var(--soft);color:var(--ink)}
.site-header .language-picker .language-options a:focus-visible{outline:2px solid var(--accent);outline-offset:-2px}
.language-check,.language-check-space{display:block;width:17px;height:17px;flex-shrink:0}
.language-check{color:var(--accent)}
@media(min-width:761px) and (max-width:1000px){
  .editorial-index .journal-card-grid,.editorial-topic-page .journal-card-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
}
@media(max-width:1100px){
  .site-header.navbar .language-picker{flex:1 1 0;min-width:0;width:auto;max-width:240px}
  .site-header.navbar .header-search input{font-size:16px}
}
@media(max-width:760px){
  .site-header{position:relative}
  .site-header .language-picker{position:static}
  .site-header .language-picker>summary{font-size:12px;padding:9px 10px;gap:8px}
  .site-header .language-picker .language-options{inset-inline-end:16px;top:calc(100% + 5px);max-height:calc(100dvh - 180px)}
}
@media(max-width:440px){
  .site-header:not(.home-header):not(.navbar){display:flex;flex-wrap:wrap;gap:10px 6px}
  .site-header:not(.home-header):not(.navbar)>nav{order:3;width:100%}
  .site-header:not(.home-header):not(.navbar)>.header-actions{margin-inline-start:auto}
}
@media(prefers-reduced-motion:reduce){.language-chevron{transition:none}}

/* Morning capture: a whole scene, a waking feeling, and a private visual keepsake. */
.capture .morning-voice{display:flex;align-items:center;gap:17px;padding:17px 18px;margin-block:17px 8px;background:var(--soft);border:1px solid var(--line);border-radius:9px}
.capture .morning-voice .voice-button{min-height:48px;display:flex;align-items:center;gap:9px;background:var(--ink);color:var(--paper);padding:12px 16px;border-radius:6px;font-size:12px;white-space:nowrap}
.capture .morning-voice .voice-button.listening{background:var(--accent)}
.voice-guidance{flex:1;min-width:0;font-size:12px;line-height:1.55}.voice-guidance>span{display:block;color:var(--ink)}.voice-guidance>small{display:block;font-size:10px;color:var(--muted);margin-top:4px}
.voice-guidance progress{display:block;width:100%;height:5px;margin-block:8px;border:0;accent-color:var(--sage)}.voice-guidance progress[hidden]{display:none}
.voice-interim{min-height:0;font:italic 15px/1.6 var(--serif);color:var(--sage);margin-block:4px 12px;overflow-wrap:anywhere}.voice-interim:empty{display:none}
.waking-feeling{border:0;margin:0;padding:14px 0 7px;min-width:0}.waking-feeling legend{font-size:13px;color:var(--ink)}.feeling-optional{font-size:10px;color:var(--muted);display:block;margin-block:2px 10px}
.feeling-choices{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:7px}.feeling-choices>label{cursor:pointer;position:relative;display:block}.feeling-choices input{position:absolute;opacity:0;inset-inline-start:12px;top:12px;width:16px;height:16px}.feeling-choices span{min-height:46px;display:flex;align-items:center;justify-content:center;text-align:center;border:1px solid var(--line);border-radius:6px;background:var(--surface);font-size:11px;line-height:1.4;padding:8px 5px;transition:background .15s}
.feeling-choices input:checked+span{background:var(--soft);border-color:var(--sage);color:var(--ink);box-shadow:inset 0 -2px var(--sage)}.feeling-choices input:focus-visible+span{outline:2px solid var(--accent);outline-offset:3px}
.capture .capture-controls .button{min-height:44px;font-size:12px}.capture-symbol-section{margin-block:12px;border-top:1px solid var(--line);padding-top:13px}.capture-symbol-section>summary{font-size:12px;cursor:pointer;color:var(--muted);padding-block:7px}.capture-symbol-section .capture-symbols{padding-top:12px}
.capture-reflection{padding-block:18px 6px;scroll-margin-top:20px}.capture-reflection[hidden]{display:none}
.dream-tarot-card{display:grid;grid-template-columns:minmax(180px,.86fr) minmax(0,1fr);gap:24px;align-items:center;background:var(--surface);border:1px solid var(--line);border-radius:12px;padding:18px;overflow:hidden;color:var(--ink)}
.dream-card-art{width:100%;height:auto;display:block;max-height:360px}.dream-card-art svg{width:100%;height:auto;display:block}.dream-card-copy{min-width:0}.dream-card-copy h2,.dream-card-copy h3{font:30px/1.15 var(--serif);margin-block:9px 14px;overflow-wrap:anywhere}.dream-card-copy .eyebrow{font-size:9px;letter-spacing:1.5px}.dream-card-reading{font:16px/1.75 var(--serif);color:var(--ink)}.dream-card-lens{font-size:11px;line-height:1.6;color:var(--sage);margin-block:13px 8px}.dream-card-note{font-size:10px;line-height:1.65;color:var(--muted);margin-block:10px}.dream-card-copy p{overflow-wrap:anywhere}.dream-card-prompt{font:italic 14px/1.6 var(--serif);margin-top:14px;color:var(--muted)}
.dream-card-actions{display:flex;gap:14px;align-items:center;flex-wrap:wrap;margin-block:14px}.dream-card-actions>span{font-size:10px;color:var(--muted)}.archetype-lenses{border-top:1px solid var(--line);margin-block:15px;padding-block:14px}.archetype-lenses summary{font-size:12px;cursor:pointer;padding-block:5px}.archetype-lenses>p{font-size:11px;line-height:1.7;margin-block:10px}.archetype-lenses article{padding-block:16px;border-top:1px solid var(--line)}.archetype-lenses h3{font-size:24px;margin-bottom:9px}.archetype-lenses article p{font-size:13px;line-height:1.75}.archetype-lenses blockquote{font:italic 13px/1.65 var(--serif);margin:12px 0;padding-inline-start:14px;border-inline-start:2px solid var(--sage);color:var(--muted)}.archetype-lenses .lens-question{margin-bottom:11px}.saved-dream-card{margin-block:25px;border-top:1px solid var(--line);padding-top:18px}.saved-dream-card>summary{cursor:pointer;font:24px var(--serif);padding-block:10px}.saved-dream-card>section{padding-top:15px}
.dream-emotion-panel{max-width:900px;padding-block:28px 55px;border-top:1px solid var(--line)}.emotion-heading{display:flex;align-items:center;justify-content:space-between;gap:20px;flex-wrap:wrap}.emotion-heading h2{margin-block:10px;font-size:34px}.emotion-heading p{font-size:12px}.emotion-range{display:flex;border:1px solid var(--line);border-radius:6px;padding:3px;background:var(--surface)}.emotion-range button{min-height:42px;padding:9px 16px;font-size:12px;border-radius:4px}.emotion-range button[aria-pressed=true]{background:var(--ink);color:var(--paper)}.emotion-axis-key{display:flex;justify-content:space-between;margin-top:25px;color:var(--muted);font-size:10px}.emotion-chart-wrap{margin-block:8px 15px;overflow:hidden}.emotion-chart{display:block;width:100%;height:auto;min-height:160px;overflow:visible}.emotion-chart text{font:11px var(--sans);fill:var(--muted)}.emotion-chart .moon-marker{font-size:15px}.emotion-grid{stroke:var(--line);stroke-width:1}.emotion-grid.zero{stroke:var(--muted);stroke-dasharray:4 5;opacity:.4}.emotion-line{fill:none;stroke:var(--sage);stroke-width:3;stroke-linejoin:round;stroke-linecap:round}.emotion-point{fill:var(--accent);stroke:var(--paper);stroke-width:2}.emotion-note,.emotion-empty{font-size:12px;line-height:1.8;margin-block:14px;color:var(--muted)}.emotion-table summary{cursor:pointer;padding:10px 0;font-size:12px}.emotion-table{overflow-x:auto}.emotion-table table{border-collapse:collapse;width:100%;font-size:12px;text-align:start}.emotion-table caption{text-align:start;font-size:11px;color:var(--muted);margin-block:8px}.emotion-table th,.emotion-table td{padding:10px;border-bottom:1px solid var(--line);text-align:start;white-space:nowrap}
@media(max-width:620px){.capture .morning-voice{flex-direction:column;align-items:stretch;gap:11px;padding:15px}.capture .morning-voice .voice-button{justify-content:center;min-height:50px}.feeling-choices{grid-template-columns:repeat(3,minmax(0,1fr))}.feeling-choices span{font-size:11px;min-height:44px}.dream-tarot-card{grid-template-columns:1fr;gap:19px;padding:17px}.dream-card-art{max-height:345px;max-width:270px;margin-inline:auto}.dream-card-copy h2,.dream-card-copy h3{font-size:28px}.dream-card-reading{font-size:16px}.dream-card-actions{align-items:stretch;flex-direction:column;gap:8px}.emotion-heading h2{font-size:30px}.emotion-range{width:100%}.emotion-range button{flex:1}.emotion-chart text{font-size:13px}.emotion-axis-key{margin-top:19px}.capture .capture-controls{flex-wrap:wrap;gap:8px}.capture .capture-controls .text-button{margin-inline-start:0}.capture .capture-controls .button{flex:1;white-space:normal}}
@media(prefers-reduced-motion:reduce){.feeling-choices span{transition:none}}
/* Public guide discovery reuses the site's form and reading styles. */
.guide-search-form{margin:48px 0 36px;padding:24px;border:1px solid var(--line);border-radius:14px;background:var(--surface)}
.guide-search-form>label{display:block;margin-bottom:12px;font:28px/1.2 var(--serif)}
.guide-search-controls{display:flex;gap:12px;align-items:stretch}
.guide-search-controls input{flex:1;min-width:0}
.guide-search-controls .button{white-space:nowrap}
.guide-search-form>p{margin-top:10px;font-size:13px}
#guide-search-results{margin-top:32px}
@media(max-width:600px){.guide-search-controls{flex-direction:column}.guide-search-form{padding:20px}.guide-search-controls .button{justify-content:center}}