@font-face{font-family:Fraunces;src:url('/app/fonts/fraunces-latin-300-normal.woff2') format('woff2');font-weight:300;font-display:swap}
@font-face{font-family:Fraunces;src:url('/app/fonts/fraunces-latin-400-normal.woff2') format('woff2');font-weight:400;font-display:swap}
@font-face{font-family:"Hanken Grotesk";src:url('/app/fonts/hanken-grotesk-latin-400-normal.woff2') format('woff2');font-weight:400;font-display:swap}
@font-face{font-family:"Hanken Grotesk";src:url('/app/fonts/hanken-grotesk-latin-600-normal.woff2') format('woff2');font-weight:600;font-display:swap}
:root {
  --paper: #f4f1ea; --paper-2: #ebe7dd; --ink: #1b1830; --muted: #625f78; --hair: #d6d1c4;
  --accent: #3b3a8c; --accent-ink: #fff;
  --perennial-bg: #15132b; --perennial-fg: #ecEAf6; --bq-bg: #edf3ff; --bq-fg: #16305f;
  --serif: "Fraunces", Georgia, "Times New Roman", serif;
  --sans: "Hanken Grotesk", system-ui, -apple-system, "Segoe UI", sans-serif;
  --gutter: clamp(20px, 5vw, 56px); --max: 1080px;
}
@media (prefers-color-scheme: dark) {
  :root { --paper: #121019; --paper-2: #1a1724; --ink: #ece9f5; --muted: #a09cb8; --hair: #2c2840; --accent: #a9a7ff; --accent-ink: #121019; }
}
* { box-sizing: border-box; }
html { -webkit-text-size-adjust: 100%; }
body { margin: 0; background: var(--paper); color: var(--ink); font: 400 17px/1.65 var(--sans); }
a { color: var(--accent); text-underline-offset: 3px; }
a:focus-visible, .button:focus-visible { outline: 2px solid var(--accent); outline-offset: 3px; border-radius: 4px; }
h1, h2, h3 { font-family: var(--serif); font-weight: 300; letter-spacing: -0.02em; line-height: 1.12; margin: 0; }
h1 { font-size: clamp(40px, 7.5vw, 76px); }
h2 { font-size: clamp(26px, 4vw, 38px); margin-bottom: 14px; }
h3 { font-size: 24px; }
p { margin: 0 0 14px; }
.muted { color: var(--muted); font-size: 15px; }
.sr { position: absolute; width: 1px; height: 1px; overflow: hidden; clip: rect(0 0 0 0); white-space: nowrap; }
.skip { position: absolute; left: -999px; top: 8px; background: var(--ink); color: var(--paper); padding: 8px 14px; border-radius: 6px; z-index: 10; }
.skip:focus { left: 8px; }

.site-header, .site-footer, .hero, .products, .principles, .band > *, .page { width: 100%; max-width: var(--max); margin-inline: auto; padding-inline: var(--gutter); }
.site-header { display: flex; justify-content: space-between; align-items: center; padding-block: 22px; }
.site-header nav { display: flex; gap: 22px; font-size: 15px; }
.site-header nav a { color: var(--ink); text-decoration: none; }
.site-header nav a:hover { color: var(--accent); }
.wordmark { font: 300 28px/1 var(--serif); letter-spacing: -0.02em; color: var(--ink); text-decoration: none; }
.wordmark.small { font-size: 22px; margin-bottom: 6px; }

.hero { padding-block: clamp(16px, 3vh, 32px) 40px; }
.eyebrow { font-size: 13px; letter-spacing: 0.14em; text-transform: uppercase; color: var(--muted); margin-bottom: 22px; }
.lede { font: 300 clamp(20px, 2.6vw, 26px)/1.45 var(--serif); color: var(--ink); max-width: 36em; margin-top: 26px; }
.button { display: inline-block; background: var(--accent); color: var(--accent-ink); padding: 14px 24px; border-radius: 999px; text-decoration: none; font-weight: 600; font-size: 16px; }
.button:hover { filter: brightness(1.1); }

.products { display: grid; grid-template-columns: repeat(auto-fit, minmax(min(100%, 420px), 1fr)); gap: 20px; padding-bottom: 72px; }
.card { display: flex; flex-direction: column; border-radius: 22px; overflow: hidden; text-decoration: none; color: inherit; border: 1px solid var(--hair); background: var(--paper-2); transition: transform .35s ease, border-color .35s ease; }
.card:hover { transform: translateY(-3px); border-color: var(--accent); }
.card-art { display: grid; place-items: center; height: 240px; }
.card-perennial .card-art { background: var(--perennial-bg); color: var(--perennial-fg); }
.card-bq .card-art { background: var(--bq-bg); color: var(--bq-fg); }
.bq-word { font: 600 clamp(26px, 4.4vw, 38px)/1.1 var(--sans); letter-spacing: 0.14em; text-align: center; }
.card-body { padding: 26px 28px 30px; display: flex; flex-direction: column; gap: 6px; flex: 1; }
.card-body p { color: var(--ink); margin: 0 0 10px; }
.tag { font-size: 12px !important; letter-spacing: .12em; text-transform: uppercase; color: var(--muted) !important; }
.more { margin-top: auto; color: var(--accent); font-weight: 600; }

.principles { padding-block: 24px 96px; border-top: 1px solid var(--hair); padding-top: 56px; }
.principles ul { list-style: none; margin: 28px 0 0; padding: 0 var(--gutter) 0 0; display: grid; grid-template-columns: repeat(auto-fit, minmax(240px, 1fr)); gap: 32px; }
.principles h3 { font-size: 22px; margin-bottom: 8px; }
.principles p { color: var(--muted); }

.page { padding-block: 40px 96px; max-width: 760px; }
.page h1 { font-size: clamp(36px, 6vw, 56px); margin-bottom: 8px; }
.page h2 { font-size: 24px; margin: 38px 0 8px; font-weight: 400; }
.page .lede { margin-bottom: 26px; }
.legal p { max-width: 38em; }
.crumbs { font-size: 14px; margin-bottom: 26px; color: var(--muted); }

.hero-perennial { text-align: center; }
.hero-perennial .lede { margin-inline: auto; }
.rings-hero { width: min(300px, 62vw); height: auto; display: block; margin: 0 auto 36px; }
.actions { display: flex; flex-wrap: wrap; gap: 12px; justify-content: center; margin-top: 8px; }
.button.ghost { background: transparent; color: var(--ink); border: 1px solid var(--hair); }
.band { padding-block: 56px; }
.band.alt { background: var(--paper-2); }
.band > * { max-width: var(--max); }
.band > p, .band > h2 { margin-left: max(0px, calc((100% - var(--max)) / 2)); margin-right: auto; }
.band > p { max-width: calc(40em + 2 * var(--gutter)); }
.moves { list-style: none; padding: 28px var(--gutter) 0; margin: 0 auto; max-width: var(--max); display: grid; grid-template-columns: repeat(auto-fit, minmax(210px, 1fr)); gap: 28px; }
.moves li { border-top: 1px solid var(--hair); padding-top: 16px; }
.moves .n { font: 300 14px var(--serif); color: var(--muted); }
.moves h3 { font-size: 24px; margin: 4px 0 6px; }
.moves p { color: var(--muted); }

.site-footer { display: flex; flex-wrap: wrap; gap: 28px; justify-content: space-between; padding-block: 40px 56px; border-top: 1px solid var(--hair); font-size: 15px; }
.site-footer ul { list-style: none; margin: 0; padding: 0; display: flex; flex-wrap: wrap; gap: 8px 22px; align-items: flex-start; }
.site-footer a { color: var(--ink); text-decoration: none; }
.site-footer a:hover { color: var(--accent); }
.site-footer p { margin: 0; }

/* Perennial rings: each ring draws itself in turn, then the whole mark breathes. */
.rings { color: var(--perennial-fg); }
.hero-perennial .rings { color: var(--ink); }
.rings path { fill: none; stroke: currentColor; stroke-linecap: round; }
.rings circle { fill: currentColor; }
.rings-card { width: 168px; height: 168px; }
@media (prefers-reduced-motion: no-preference) {
  .rings path { stroke-dasharray: 1; stroke-dashoffset: 1; opacity: 0; animation: draw 1.5s cubic-bezier(.5,0,.2,1) forwards; animation-delay: calc(var(--i) * .28s + .15s); }
  .rings circle { opacity: 0; animation: pop .7s ease forwards; }
  .rings-hero { animation: breathe 9s ease-in-out 2.6s infinite alternate; }
  .card:hover .rings-card { transform: rotate(8deg); transition: transform 1.2s ease; }
  .rings-card { transition: transform 1.2s ease; }
}
@keyframes draw { to { stroke-dashoffset: 0; opacity: 1; } }
@keyframes pop { to { opacity: 1; } }
@keyframes breathe { from { transform: rotate(-3deg) scale(.985); } to { transform: rotate(3deg) scale(1.025); } }
@media (prefers-reduced-motion: reduce) { .card { transition: none; } }

.course-grid{max-width:1080px;margin:0 auto;padding:32px var(--gutter) 72px;display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,280px),1fr));gap:18px}
.course-card{border:1px solid var(--hair);border-radius:18px;padding:28px;text-decoration:none;color:var(--ink);background:var(--paper-2)}
.course-card h2,.course-card h3{font-size:26px;margin:10px 0 14px}.course-card p{color:var(--muted)}.course-card .more{font-size:15px}
.course-card:hover{border-color:var(--accent)}.section-heading{max-width:1080px;margin:0 auto;padding:45px var(--gutter) 0}
blockquote{border-left:2px solid var(--accent);margin:30px 0;padding:5px 0 5px 24px;font:300 25px/1.5 var(--serif)}blockquote cite{display:block;font:400 14px/1.6 var(--sans);color:var(--muted);margin-top:18px}
.lesson-list{padding-left:24px}.lesson-list li{padding:10px 0;border-bottom:1px solid var(--hair)}.page .button{margin-block:16px}.hero .brand-art{display:block;width:clamp(96px,20vh,160px);height:auto;margin:0 auto 16px;color:var(--ink)}.hero .eyebrow{margin-bottom:14px}.hero .lede{margin-top:18px}.hero .muted{max-width:38em;margin:12px auto 0}.hero{text-align:center}.hero .lede{margin-inline:auto}
@media(max-width:540px){.wordmark{font-size:23px}.site-header nav{gap:14px}.site-header{align-items:flex-start}.site-header nav a{font-size:14px}.site-footer ul{display:grid;grid-template-columns:1fr 1fr}.page{overflow-wrap:break-word}}

@media(max-height:700px){.hero .brand-art{width:88px;margin-bottom:12px}.hero h1{font-size:clamp(36px,6vw,60px)}.hero .lede{font-size:20px;margin-top:14px}.hero .eyebrow{margin-bottom:10px}}

/* Library: a quiet editorial collection, sharing the practice's paper and type. */
.library-shell{max-width:var(--max);margin-inline:auto;padding:40px var(--gutter) 80px}
.library-intro{padding:38px 0 36px;max-width:820px}.library-intro h1{font-size:clamp(44px,6.7vw,72px)}
.library-intro .lede{margin-bottom:20px}.library-search{margin-top:38px;max-width:620px}
.library-search label{display:block;font-size:15px;margin-bottom:8px;font-weight:600}
.search-field{display:flex;gap:8px}.search-field input{min-width:0;flex:1;background:var(--paper);color:var(--ink);border:1px solid var(--hair);border-radius:8px;padding:14px 16px;font:inherit;font-size:16px}
.search-field button{border:0;border-radius:8px;background:var(--accent);color:var(--accent-ink);font:600 15px var(--sans);padding:12px 20px;cursor:pointer}.library-search .muted{margin-top:9px;font-size:13px}
input:focus-visible,button:focus-visible,summary:focus-visible{outline:2px solid var(--accent);outline-offset:4px}
.library-section{padding-block:36px}.library-section .eyebrow{margin-bottom:14px}
.theme-links,.category-links{display:flex;flex-wrap:wrap;gap:10px;margin:22px 0}
.theme-links a,.category-links a{border:1px solid var(--hair);border-radius:999px;padding:10px 17px;text-decoration:none;color:var(--ink);font-size:15px}
.theme-links a:hover,.category-links a:hover{background:var(--paper-2);border-color:var(--accent)}.theme-links a span{margin-left:14px}
.reading-path{background:var(--paper-2);border:1px solid var(--hair);border-radius:20px;padding:clamp(24px,4vw,44px);display:grid;grid-template-columns:1.4fr 1fr;gap:40px;margin:20px 0}
.reading-path h2{font-size:clamp(29px,4vw,42px)}.reading-path .eyebrow{margin-bottom:18px}.reading-path .button{margin-top:12px}.reading-path ol{list-style:none;padding:0;margin:0;align-self:center}.reading-path li{border-top:1px solid var(--hair);padding:18px 0;font:300 21px/1.4 var(--serif)}.reading-path li span{display:block;font:400 12px/1.6 var(--sans);letter-spacing:.06em;color:var(--muted);margin-bottom:6px}
.reading-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px;margin-top:26px}
.reading-card{display:flex;flex-direction:column;padding:28px;border:1px solid var(--hair);border-radius:14px;color:var(--ink);text-decoration:none;min-width:0}
.reading-card:hover{border-color:var(--accent);background:var(--paper-2)}.reading-card .tag{margin-bottom:15px}.reading-card h3{font-size:28px;line-height:1.2;margin-bottom:15px}.reading-card>p:not(.tag){color:var(--muted);font-size:16px}.reading-card .more{padding-top:15px;font-size:14px}.reading-card .more span{float:right}
[hidden]{display:none!important}.library-note{border-top:1px solid var(--hair);padding:36px 0;margin:28px 0}.library-note p{max-width:640px}.library-note h2{font-size:30px}.library-note .button{margin-top:10px}
.collection-intro{max-width:780px;padding:20px 0}.collection-intro h1{font-size:clamp(40px,6vw,64px)}.category-grid{max-width:760px}
.theme-start{border-left:3px solid var(--accent);background:var(--paper-2);padding:28px;margin-top:25px}.theme-start h2 a{color:var(--ink);text-decoration:none}.theme-start h2 a:hover{text-decoration:underline}
.article{max-width:760px;padding:40px var(--gutter) 0;margin:auto}.article-header h1{font-size:clamp(38px,5.5vw,58px);line-height:1.12}.article-header .eyebrow{font-size:11px;margin-bottom:18px}.article-header .lede{margin-top:22px}.article-meta{color:var(--muted);font-size:13px;margin:23px 0 30px}
.article-body{font-size:18px;line-height:1.85}.article-body h2{font-size:29px;margin:42px 0 18px;scroll-margin-top:25px}.article-body p{margin-bottom:20px}.article-body li{margin:10px 0}.article-body ul,.article-body ol{padding-left:25px}
.reflection{border-left:3px solid var(--accent);padding:22px 26px;margin:42px 0;background:var(--paper-2)}.reflection .eyebrow{font-size:11px;margin-bottom:12px}.reflection>p:last-child{font:300 27px/1.45 var(--serif);margin:0}
.article-sources{border-top:1px solid var(--hair);padding-top:26px;font-size:14px;scroll-margin-top:24px}.article-sources h2{font-size:25px}.article-sources ul{padding-left:20px}.article-sources li{margin-bottom:17px}.article-sources p{color:var(--muted);margin-top:4px}.article-practice{border:1px solid var(--hair);padding:28px;border-radius:14px;margin-top:36px;background:var(--paper-2)}.article-practice h2{font-size:30px}.article-practice .eyebrow{margin-bottom:15px;font-size:11px}.article-practice .button{margin-top:8px}
.related-reading{padding-top:60px}.related-reading>p:last-child{margin-top:30px}.related-reading .reading-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.related-reading .reading-card{padding:22px}.related-reading .reading-card h3{font-size:24px}.related-reading .tag{font-size:10px!important}
.table-scroll{overflow-x:auto;margin:24px 0}.article table{border-collapse:collapse;width:100%;min-width:480px;font-size:15px;line-height:1.6}.article caption{text-align:left;font-size:13px;color:var(--muted);margin-bottom:10px}.article th,.article td{text-align:left;vertical-align:top;border-bottom:1px solid var(--hair);padding:14px 12px}.article thead{background:var(--paper-2)}.practice-steps li{padding-bottom:14px}.practice-steps strong{display:block}
@media(max-width:700px){.reading-path{grid-template-columns:1fr;gap:20px}.related-reading .reading-grid{grid-template-columns:1fr}.reading-grid{grid-template-columns:1fr}.article-body{font-size:17px}.article-body h2{font-size:26px}.library-intro{padding-top:15px}.article{padding-top:24px}.reading-card h3{font-size:26px}}
@media(max-width:400px){.site-header{flex-wrap:wrap;gap:18px}.site-header nav{width:100%;justify-content:space-between}.search-field button{padding-inline:14px}.reading-card{padding:23px}.article-practice .button{font-size:14px;padding:12px 16px}}

/* Optional illustrated Library articles; text-only articles retain their layout. */
.reading-art{width:100%;height:auto;aspect-ratio:3/2;object-fit:cover;border-radius:8px;margin-bottom:24px}
.article-art{margin:0 0 38px}.article-art img{display:block;width:100%;height:auto;border-radius:10px}.article-art figcaption{font-size:12px;line-height:1.6;color:var(--muted);margin-top:12px;max-width:62ch}
.evidence-panel{background:var(--paper-2);border:1px solid var(--hair);border-radius:14px;padding:30px;margin-bottom:38px}.evidence-panel>.eyebrow{margin-bottom:14px}.evidence-panel h2{font-size:32px;line-height:1.2;margin-bottom:12px}.evidence-intro{color:var(--muted);font-size:15px}.evidence-panel ol{list-style:none;padding:0;margin:24px 0}.evidence-panel li{display:grid;grid-template-columns:42px 1fr;gap:16px;padding:23px 0;border-top:1px solid var(--hair)}.evidence-number{font-family:Fraunces,serif;font-size:25px;color:var(--accent)}.evidence-panel .tag{font-size:10px;margin:0 0 8px;letter-spacing:.12em}.evidence-panel h3{font-size:25px;line-height:1.2;margin:0 0 10px}.evidence-panel li p:last-child{font-size:16px;line-height:1.7;margin:0}.evidence-source{border-top:1px solid var(--hair);padding-top:18px;font-size:12px;line-height:1.8;color:var(--muted);margin-bottom:0}
@media(max-width:700px){.evidence-panel{padding:23px}.evidence-panel h2{font-size:28px}.evidence-panel li{grid-template-columns:30px 1fr;gap:12px}.evidence-panel h3{font-size:23px}.article-art img{border-radius:6px}}

/* Small article-specific tools; native disclosures also work without scripts. */
.response-examples .response-example,.response-example{border:1px solid var(--hair);border-radius:12px;padding:20px;margin:18px 0;background:var(--paper-2)}.response-title{font:600 18px/1.5 var(--sans);margin:0}.response-examples .response-example>p,.response-example p{font-size:16px;line-height:1.75;margin-top:18px}.response-pair{display:grid;grid-template-columns:1fr 1fr;gap:22px;margin-top:24px}.response-pair>div{border-top:2px solid var(--hair);padding-top:16px}.response-pair>div:last-child{border-color:var(--accent)}.response-pair .tag{font-size:10px;margin:0 0 12px}.response-pair p:last-child{font-family:Fraunces,serif;font-size:23px;line-height:1.45}
.life-timeline{list-style:none;padding:0!important;border-left:1px solid var(--hair);margin:28px 0 32px 8px}.life-timeline li{position:relative;padding:0 0 22px 25px;margin:0!important}.life-timeline li:before{content:"";position:absolute;left:-5px;top:9px;width:9px;height:9px;background:var(--accent);border-radius:50%}.timeline-date{font-size:13px;font-weight:600;color:var(--accent)}.life-timeline p{margin:4px 0 0!important;font-size:17px}
.three-lines{margin:28px 0}.three-lines>div{padding:20px 0;border-top:1px solid var(--hair)}.three-lines dt{font-size:12px;letter-spacing:.08em;text-transform:uppercase;color:var(--accent);margin-bottom:10px}.three-lines dd{margin:0;font-size:19px;line-height:1.6}
.practice-caption{font-size:15px;color:var(--muted)}.practice-controls{padding:24px;border:1px solid var(--hair);border-radius:14px;background:var(--paper-2);margin:24px 0}.practice-progress{font-family:Fraunces,serif;font-size:25px;line-height:1.3}.practice-navigation{display:flex;gap:10px;flex-wrap:wrap}.practice-controls button{font:inherit;font-size:14px;color:var(--ink);background:var(--paper);border:1px solid var(--hair);padding:12px 15px;border-radius:8px;cursor:pointer;min-height:44px}.practice-controls button:disabled{opacity:.45;cursor:default}.practice-controls button:hover:not(:disabled){border-color:var(--accent)}.practice-clock{display:flex;align-items:center;gap:20px;flex-wrap:wrap;margin-top:22px}.practice-clock output{font-family:Fraunces,serif;font-size:38px;min-width:90px;font-variant-numeric:tabular-nums;color:var(--accent)}.practice-notice{font-size:13px;line-height:1.6;margin:14px 0 0!important;color:var(--muted)}.guided-practice li[aria-current]{list-style:none;padding:26px;background:var(--paper-2);border-radius:12px;margin-left:-25px}.guided-practice li[aria-current] strong{font-family:Fraunces,serif;font-size:27px;line-height:1.3;margin-bottom:18px}
@media(max-width:700px){.response-pair{grid-template-columns:1fr;gap:8px}.practice-controls{padding:20px}.practice-navigation button{flex:1 1 auto}.guided-practice li[aria-current]{padding:22px}.response-pair p:last-child{font-size:22px}}

.reading-card>.reading-format{font-size:12px!important;color:var(--accent)!important;margin-top:auto;padding-top:10px}

/* Library entrance: open paths and compact rows, separate from article layouts. */
.library-entrance{--library-sky:#e9e6f0}.library-wrap{max-width:var(--max);margin-inline:auto;padding-inline:var(--gutter)}
.library-hero{position:relative;padding-block:clamp(56px,10vw,120px) clamp(64px,9vw,112px);overflow:hidden;isolation:isolate}.library-hero:before{content:"";position:absolute;inset:0;z-index:-2;background:radial-gradient(ellipse 45% 85% at 62% 0%,var(--library-sky),transparent 85%)}.library-hero-inner{max-width:620px}.library-hero h1{font-size:clamp(42px,7vw,76px);line-height:1.15;margin:18px 0 22px;text-wrap:balance}.library-hero .lede{font-size:clamp(20px,2.4vw,24px);line-height:1.5;color:var(--muted);max-width:26em;margin:0}
.library-hero-rings{position:absolute;z-index:-1;right:-14%;top:50%;width:min(780px,110vw);height:auto;aspect-ratio:1;transform:translateY(-50%);color:var(--ink);opacity:.13}.library-hero-rings path{fill:none;stroke:currentColor;stroke-linecap:round}.library-hero-rings circle{fill:currentColor}
.library-entrance .library-search{margin-top:44px;max-width:520px;position:relative}.library-entrance .library-search label{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0)}.library-entrance .search-field{display:block;position:relative}.library-entrance .search-field input{width:100%;font:inherit;font-size:16px;color:var(--ink);background:transparent;border:0;border-bottom:1px solid var(--hair);border-radius:0;padding:14px 84px 14px 0;transition:border-color .4s}.library-entrance .search-field input::placeholder{color:var(--muted)}.library-entrance .search-field input:focus{border-color:var(--accent)}.library-entrance .search-field button{position:absolute;right:0;top:50%;transform:translateY(-50%);background:transparent;border:0;border-radius:0;color:var(--accent);font:600 15px var(--sans);padding:10px 0;min-height:44px}
.library-horizon{display:flex;align-items:center}.library-horizon:before,.library-horizon:after{content:"";height:1px;background:var(--hair);flex:1}.library-horizon i{width:7px;height:7px;border-radius:50%;background:var(--accent);opacity:.7;margin-inline:18px;flex:none}
.library-block{padding-block:clamp(64px,9vw,112px)}.library-block>.eyebrow{font-size:12px;letter-spacing:.16em;margin:0}.library-block h2{font-size:clamp(28px,4vw,40px);margin:14px 0 0;line-height:1.15}.library-starts{display:grid;grid-template-columns:1.25fr 1fr 1fr;gap:clamp(28px,5vw,64px);margin-top:48px}.library-start{display:flex;flex-direction:column;gap:10px;text-decoration:none;color:var(--ink);min-width:0;padding-top:20px;border-top:1px solid var(--hair);transition:border-color .5s}.library-start:hover{border-color:var(--accent)}.library-start h3{font-size:clamp(24px,2.6vw,30px);line-height:1.15}.library-start p{color:var(--muted);font-size:15.5px;margin:0}.library-start .eyebrow{font-size:11px}.library-start-lead h3{font-size:clamp(28px,3.4vw,38px)}.library-start .library-go{margin-top:6px;color:var(--accent);font-weight:600;font-size:15px}.library-path{list-style:none;margin:14px 0 0;padding:0;display:grid;gap:8px;font-size:15px;color:var(--ink)}.library-path li{display:flex;gap:12px;align-items:baseline}.library-path li:before{content:"";flex:none;width:9px;height:9px;border-radius:50%;border:1.5px solid var(--accent)}.library-path li:nth-child(2):before{border-style:dashed}.library-path li:nth-child(3):before{background:var(--accent)}
.library-filters,.library-category-fallback{display:flex;gap:6px 26px;flex-wrap:wrap;margin-top:36px;padding-bottom:14px;border-bottom:1px solid var(--hair)}.library-filters button{background:transparent;border:0;font:400 15.5px var(--sans);color:var(--muted);padding:9px 0;cursor:pointer;min-height:44px;border-bottom:1.5px solid transparent;transition:color .4s,border-color .4s}.library-filters button:hover{color:var(--ink)}.library-filters button[aria-pressed=true]{color:var(--ink);border-color:var(--accent)}.library-category-fallback a{font-size:15px}.library-result-status{font-size:14px;color:var(--muted);margin:16px 0 0;min-height:1.7em}.library-list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));column-gap:clamp(32px,6vw,80px);margin-top:8px}.library-row{position:relative;min-width:0;padding:26px 0;border-bottom:1px solid var(--hair)}.row-meta{font-size:11px;letter-spacing:.08em;text-transform:uppercase;color:var(--muted);margin-bottom:9px}.row-category{position:relative;z-index:2;text-decoration:none;color:var(--muted)}.row-category:hover{text-decoration:underline}.row-reading{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:16px;color:var(--ink);text-decoration:none}.row-reading:after{content:"";position:absolute;inset:0}.row-reading h3{font-size:24px;line-height:1.2;transition:color .4s}.row-reading p{color:var(--muted);font-size:15.5px;line-height:1.6;margin:10px 0 0}.row-reading:hover h3{color:var(--accent)}.row-art{width:104px;height:88px;object-fit:contain;align-self:center}.row-reading:focus-visible{outline:none}.row-reading:focus-visible:after{outline:2px solid var(--accent);outline-offset:4px;border-radius:4px}
.library-closing{text-align:center;padding-block:clamp(72px,10vw,128px) clamp(64px,8vw,96px)}.library-closing-mark{display:block;width:72px;height:72px;margin:0 auto 28px;color:var(--ink);opacity:.8}.library-closing h2{font-size:clamp(28px,4vw,38px)}.library-closing p{color:var(--muted);max-width:30em;margin:14px auto 0}.library-cta{display:inline-block;margin-top:28px;color:var(--accent);font-weight:600;text-decoration:none;border-bottom:1px solid currentColor;padding-bottom:3px;transition:color .4s}
@media(prefers-color-scheme:dark){.library-entrance{--library-sky:#1a1730}}
@media(prefers-reduced-motion:no-preference){.library-hero-rings path{stroke-dasharray:1;stroke-dashoffset:1;animation:library-draw 2.4s cubic-bezier(.5,0,.2,1) forwards;animation-delay:calc(var(--i)*.28s + .2s)}.library-hero-rings{animation:library-breathe 9s ease-in-out 2.8s infinite alternate}}
@keyframes library-draw{to{stroke-dashoffset:0}}@keyframes library-breathe{from{transform:translateY(-50%) rotate(-3deg) scale(.985)}to{transform:translateY(-50%) rotate(3deg) scale(1.025)}}
@media(prefers-reduced-motion:reduce){.library-entrance *{transition:none!important}.library-hero-rings path{stroke-dashoffset:0}}
@media(max-width:820px){.library-starts,.library-list{grid-template-columns:1fr}.library-hero-rings{right:-45%;opacity:.1}.row-art{width:88px;height:78px}}

.row-category{display:inline-block;padding-block:5px;margin-block:-5px}

/* A numbered reading route keeps passage prompts together without scripting. */
.reading-map { list-style:none; padding:0; border-top:1px solid var(--hair); }
.reading-map li { padding:1.2rem 0; border-bottom:1px solid var(--hair); }
.reading-map p { margin:.5rem 0 0; }

/* Claude article audit, 20 October 2026: readable labels and reachable navigation. */
.site-header nav a,.site-footer a{display:inline-flex;align-items:center;min-height:44px}
.crumbs a{display:inline-flex;align-items:center;min-height:44px}
.article-header .eyebrow,.article-practice .eyebrow{font-size:12px}
.article-art figcaption{font-size:14px;line-height:1.65}
.article-body h2{text-wrap:balance}
.article-sources a{overflow-wrap:anywhere}
@media(prefers-reduced-motion:no-preference){html{scroll-behavior:smooth}}
@media(max-width:700px){.related-reading .reading-art{height:120px;aspect-ratio:auto;object-fit:contain;margin-bottom:16px}.related-reading .reading-card{padding:22px}.related-reading .reading-card h3{font-size:24px}}

/* River Pebbles brand mark. */
.site-brand-mark { width: 34px; height: 34px; vertical-align: middle; margin-right: 8px; }

/* Result pagination remains separate from the article navigation. */
.library-pagination{display:flex;flex-wrap:wrap;gap:8px;margin:32px 0 0;align-items:center}.library-pagination a{display:inline-flex;min-width:44px;min-height:44px;padding:8px 14px;align-items:center;justify-content:center;border:1px solid var(--hair);border-radius:8px;text-decoration:none;color:var(--ink)}.library-pagination a:hover{background:var(--paper-2);border-color:var(--accent)}.library-pagination a[aria-current=page]{background:var(--ink);color:var(--paper);border-color:var(--ink)}.library-pagination a:focus-visible{outline:2px solid var(--accent);outline-offset:3px}

/* Puzzle pieces assemble into a whole beside the Library introduction. */
.library-hero { display:grid; grid-template-columns:minmax(0, 1fr) 260px; align-items:center; gap:36px; }
.library-hero-inner { grid-column:1; grid-row:1; }
.library-hero-puzzle { grid-column:2; grid-row:1; width:300px; max-width:100%; height:auto; overflow:visible; }
.library-closing-mark path { stroke:none; }
.library-closing-mark circle { fill:#F0A35E; }
.library-closing-mark { opacity:1; }
@media(prefers-reduced-motion:no-preference) {
 .library-hero-puzzle .puzzle { transform-box:fill-box; transform-origin:center; animation:library-assemble 3.5s cubic-bezier(.22,.61,.36,1) both; }
 .library-hero-puzzle .puzzle:nth-child(2) { --x:35px; --y:-30px; --r:18deg; animation-delay:.25s; }
 .library-hero-puzzle .puzzle:nth-child(3) { --x:-35px; --y:35px; --r:-15deg; animation-delay:.5s; }
 .library-hero-puzzle .puzzle:nth-child(4) { --x:38px; --y:28px; --r:15deg; animation-delay:.75s; }
}
@keyframes library-assemble { 0%,15% { transform:translate(var(--x,-35px),var(--y,-25px)) rotate(var(--r,-14deg));opacity:.35; } 100% { transform:none;opacity:1; } }
@media(max-width:820px) {
 .library-hero { grid-template-columns:minmax(0,1fr) 150px; gap:16px; }
 .library-hero-puzzle { width:150px; }
}
@media(max-width:560px) {
 .library-hero { display:flex; flex-direction:column; align-items:flex-start; gap:8px; padding-top:30px; }
 .library-hero-puzzle { width:112px; align-self:flex-end; margin-bottom:-20px; }
 .library-hero-inner { width:100%; }
}

.need-card { display:flex; flex-direction:column; }
.need-card .more { margin-top:auto; padding-top:24px; }

/* Human moments make each starting point recognizable at a glance. */
.need-card { overflow:hidden; padding-top:12px; transition:border-color .2s, background-color .2s; }
.need-art { height:180px; display:flex; align-items:center; justify-content:center; margin:0 -8px 12px; }
.need-art img { display:block; width:200px; height:180px; object-fit:contain; }
.need-card h3 { line-height:1.22; }
@media(max-width:620px) { .need-art { height:160px; } .need-art img { height:160px; width:180px; } }

/* Keep the primary header action prominent on both color themes. */
.site-header nav a.nav-cta { color:var(--accent-ink); padding:11px 22px; white-space:nowrap; }
.site-header nav a.nav-cta:hover { color:var(--accent-ink); }
@media(max-width:540px) { .site-header { align-items:center; } .site-header nav { width:auto; margin-left:auto; } .site-header nav a.nav-cta { padding:10px 16px; } }

.site-header nav a.button.nav-cta,
.site-header nav a.button.nav-cta:visited,
.site-header nav a.button.nav-cta:hover { color:#ffffff; background:#3b3a8c; }
@media(prefers-color-scheme:dark) {
 .site-header nav a.button.nav-cta,
 .site-header nav a.button.nav-cta:visited,
 .site-header nav a.button.nav-cta:hover { color:#121019; background:#a9a7ff; }
}

/* Wisdom you can practise: three source cards with line motifs, then an attributed passage. */
.wisdom-practice { padding-block:clamp(56px,8vw,96px); }
.wisdom-practice > * { max-width:var(--max); margin-inline:auto; padding-inline:var(--gutter); }
.wisdom-intro { display:grid; grid-template-columns:minmax(0,1.15fr) minmax(0,1fr); gap:clamp(24px,5vw,64px); align-items:end; }
.wisdom-intro h2 { margin:0; }
.wisdom-intro .lede { margin:18px 0 0; font-size:clamp(20px,2.3vw,25px); max-width:24em; }
.wisdom-intro > p { color:var(--muted); font-size:16px; line-height:1.7; margin:0; max-width:34em; }
.wisdom-list { list-style:none; display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:18px; margin-block:44px 0; }
.wisdom-source { display:flex; flex-direction:column; min-width:0; background:var(--paper); border:1px solid var(--hair); border-radius:18px; padding:26px 26px 22px; }
.wisdom-motif { display:block; width:56px; height:56px; margin:0 0 18px -4px; color:var(--accent); fill:none; stroke:currentColor; stroke-width:1.6; stroke-linecap:round; stroke-linejoin:round; }
.wisdom-motif .wisdom-sun { fill:#f0a35e; stroke:none; }
.wisdom-source h3 { font-size:25px; line-height:1.2; margin-bottom:10px; }
.wisdom-source p { color:var(--muted); font-size:16px; line-height:1.7; }
.wisdom-source .wisdom-read { margin:auto 0 0; padding-top:16px; border-top:1px solid var(--hair); color:var(--ink); font:300 17px/1.45 var(--serif); }
.wisdom-read span { display:block; font:600 11px/1.6 var(--sans); letter-spacing:.12em; text-transform:uppercase; color:var(--muted); margin-bottom:4px; }
.wisdom-practice .wisdom-more { color:var(--muted); font-size:15px; margin-block:18px 0; }
.wisdom-attribution { display:grid; grid-template-columns:minmax(0,1fr) minmax(0,1.1fr); gap:clamp(24px,5vw,64px); align-items:center; margin-top:clamp(48px,6vw,72px); }
.wisdom-attribution > div { border-left:2px solid var(--accent); padding-left:22px; }
.wisdom-attribution h3 { font-size:clamp(25px,2.8vw,30px); line-height:1.2; margin-bottom:12px; }
.wisdom-attribution p { color:var(--muted); font-size:16px; line-height:1.7; margin:0; max-width:32em; }
.wisdom-specimen { margin:0; background:var(--paper); border:1px solid var(--hair); border-radius:18px; padding:clamp(22px,3vw,32px); }
.wisdom-specimen .wisdom-specimen-label { font-size:12px; letter-spacing:.14em; text-transform:uppercase; color:var(--muted); margin-bottom:12px; }
.wisdom-specimen blockquote { border:0; margin:0 0 22px; padding:0; font:300 clamp(22px,2.5vw,27px)/1.4 var(--serif); color:var(--ink); text-wrap:balance; }
.wisdom-specimen dl { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:14px; margin:0; padding-top:16px; border-top:1px solid var(--hair); }
.wisdom-specimen dt { font:600 11px/1.6 var(--sans); letter-spacing:.12em; text-transform:uppercase; color:var(--muted); }
.wisdom-specimen dd { margin:2px 0 0; font-size:15px; line-height:1.45; }
@media(max-width:860px) {
  .wisdom-intro,.wisdom-attribution { grid-template-columns:1fr; }
  .wisdom-intro { gap:16px; }
  .wisdom-list { grid-template-columns:1fr; gap:14px; margin-top:32px; }
  .wisdom-source { display:grid; grid-template-columns:44px minmax(0,1fr); column-gap:18px; padding:22px; }
  .wisdom-source > * { grid-column:2; }
  .wisdom-motif { grid-column:1; grid-row:1 / span 2; width:44px; height:44px; margin:0; }
  .wisdom-source .wisdom-read { margin-top:6px; }
}
@media(max-width:420px) { .wisdom-specimen dl { grid-template-columns:1fr; gap:10px; } .wisdom-source { display:flex; } .wisdom-motif { margin-bottom:12px; } }

/* Homepage hero: a full-width dawn scene anchored to the bottom edge, with the copy in open sky. */
.home-hero { --scene-h:clamp(230px,30vw,420px); --hs-sky:#e9e5f1; --hs-horizon:#f5ece0; --hs-sun:#f0a35e; --hs-far:#dcd6ea; --hs-mid:#c9c2de; --hs-near:#e7dcc8; --hs-path:#f6efe3; --hs-line:#606579; --hs-leaf:#b4acd0; --hs-figure:#3b4a5a; --hs-page:#fbf8f2;
  position:relative; isolation:isolate; overflow:hidden; min-height:clamp(560px,84vh,820px); display:flex; flex-direction:column; align-items:center; justify-content:center; text-align:center;
  padding:clamp(40px,7vh,88px) var(--gutter) calc(var(--scene-h) * .72);
  background:linear-gradient(180deg,var(--paper) 0%,var(--hs-sky) 34%,var(--hs-sky) 62%,var(--hs-horizon) 100%); }
.home-hero-copy { position:relative; z-index:2; max-width:760px; }
.home-hero h1 { text-wrap:balance; }
.home-hero .lede { margin:22px auto 30px; max-width:30em; text-wrap:balance; }
.home-hero .button { padding:16px 30px; font-size:17px; box-shadow:0 10px 24px -14px rgba(27,24,48,.55); }
.home-hero-scene { position:absolute; z-index:0; left:0; right:0; bottom:0; width:100%; height:var(--scene-h); display:block; }
@media (prefers-color-scheme: dark) {
  .home-hero { --hs-sky:#191629; --hs-horizon:#2a2134; --hs-sun:#e5ad79; --hs-far:#2c2843; --hs-mid:#231f38; --hs-near:#1b1828; --hs-path:#2b2739; --hs-line:#9a96b4; --hs-leaf:#3d3860; --hs-figure:#6d6890; --hs-page:#e8e2d4; }
  .home-hero .hs-stones { filter:brightness(1.35); }
  .home-hero .button { box-shadow:none; }
}
@media (max-width:700px) {
  .home-hero { --scene-h:clamp(210px,62vw,300px); min-height:auto; padding-top:36px; padding-bottom:calc(var(--scene-h) * .7); }
  .home-hero .lede { margin:18px auto 26px; }
}
@media (prefers-reduced-motion: no-preference) {
  .home-hero .hs-sun { animation:hs-rise 2.6s cubic-bezier(.22,.61,.36,1) both; }
}
@keyframes hs-rise { from { transform:translateY(18px); } to { transform:none; } }