/* regrowth.studio · Bloom. The page is one lotus's day: it starts in the mud before dawn, rises through dusk and dawn to paper,
   opens into your lotus at noon, spreads into the Café pond, and at night the ponds become a network (the pond painting's night palette).
   Flat bands, no textures. Tokens follow design/tokens.json; the night colours come from the v6 brief's pond-painting theme. */
@font-face{font-family:"Melodrama";src:url("assets/fonts/Melodrama-Variable.woff2") format("woff2");font-weight:300 700;font-display:swap}
:root{
  --mud:#17130F; --silt:#211C16; --dusk:#2A2130; --dawn:#EFE5DD; --paper:#F4EFE2; --sheet:#FBF8F0; --water:#E2E6D6;
  --ink:#211E17; --muted:#6B6457; --yellow:#F2CB38; --violet:#443147; --rose:#C895A8; --line:#D3CAB6;
  --leaf1:#D5DDB9; --leaf2:#BCCB98; --leaf3:#9FB57C; --leaf4:#7F9A62; --leaf5:#5F7B4A;
  --night:#0E1A24; --wave:#D9CBA8; --gold:#E9C46A; --vermilion:#C23B22;
  --on-dark:#EDE6D6; --on-dark-muted:#B5AC9C; --line-dark:#3C342B; --focus:#8A6A0C;
  --display:"Melodrama",Georgia,serif; --voice:Georgia,"Times New Roman",serif;
  --sans:system-ui,-apple-system,"Segoe UI",Roboto,"Noto Sans",sans-serif;
}
@media (prefers-color-scheme:dark){:root{--dawn:#2B2530; --paper:#1E1922; --sheet:#262029; --water:#1B2320; --ink:#EDE6D6; --muted:#A99F92; --line:#40384A; --violet:#D7BEDF; --focus:#F2CB38}}
*{box-sizing:border-box}
html{scroll-behavior:smooth}
:root{scroll-padding-top:calc(var(--head-h,56px) + 16px)} /* an anchor lands clear of the one header (chrome.css) */
body{margin:0;background:var(--paper);color:var(--ink);font:16px/1.65 var(--sans);-webkit-font-smoothing:antialiased}
h1,h2,h3,h4,p,figure,ol,ul{margin:0}
img{display:block;max-width:100%;height:auto}
a{color:inherit;text-decoration-color:var(--yellow);text-decoration-thickness:2px;text-underline-offset:4px} /* one link style on every page (the final loop, item 23): ink, underlined in Re yellow, 2 px */
:focus-visible{outline:3px solid var(--focus);outline-offset:3px}
.sr{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap}
.wrap{width:min(1120px,100% - 40px);margin-inline:auto}
.two{display:grid;grid-template-columns:1.05fr 1fr;gap:64px;align-items:center}
em{font-style:italic}
mark{background:linear-gradient(transparent 60%,var(--yellow) 60%);color:inherit;padding:0 .04em}

.cta{display:inline-flex;align-items:center;justify-content:center;min-height:48px;padding:10px 22px;border:1.5px solid var(--yellow);border-radius:999px;background:var(--yellow);color:#211E17;font:600 15px/1.2 var(--sans);text-decoration:none;cursor:pointer;transition:transform .15s,box-shadow .15s}
.cta:hover{transform:translate(-1px,-1px);box-shadow:3px 3px 0 var(--rose)}
.cta.ghost{background:transparent;color:inherit;border-color:currentColor}
.ctas{display:flex;flex-wrap:wrap;gap:12px;margin-top:30px}
.fine{font-size:13px;opacity:.75;margin-top:16px}
.small{font-size:13px;color:var(--muted)}

.band{padding:104px 0}
.eyebrow{display:block;font:600 11.5px/1.3 var(--sans);letter-spacing:.16em;text-transform:uppercase;margin-bottom:22px} /* one run of words, so a word glossed in it (a link) stays in line */
.eyebrow i{width:9px;height:9px;margin:0 10px 0 0;border-radius:50%;background:var(--yellow);display:inline-block;vertical-align:.05em}
h2{font:400 clamp(40px,5.4vw,72px)/1.02 var(--display);letter-spacing:-.02em}
h2 em{color:var(--muted)}
h2+p,.two p+p{margin-top:22px}
.voice{font:italic clamp(19px,2.2vw,24px)/1.4 var(--voice)}

/* 1 · the mud */
.mud{background:var(--mud);color:var(--on-dark);padding:0;min-height:100svh;position:relative;display:grid;grid-template-rows:1fr auto;overflow:hidden}
.hero-copy{align-self:center;text-align:center;padding:7vh 20px 0;max-width:980px;margin:0 auto}
.rail{font:600 11.5px/1.3 var(--sans);letter-spacing:.16em;text-transform:uppercase;color:var(--rose);margin-bottom:14px}
.rail s{opacity:.6;text-decoration-thickness:2px}
h1{font:400 clamp(52px,11.5vw,112px)/.96 var(--display);letter-spacing:-.015em}
h1 span{display:block}
.mud mark{background:none;color:var(--yellow)}
.hero .voice{margin:24px auto 0;max-width:34rem}
.lede{color:var(--on-dark-muted);max-width:40rem;margin:18px auto 0;font-size:17px}
.hero .ctas{justify-content:center}
.lotus{display:block;overflow:visible}
.lotus.bud{width:min(400px,78vw);margin:18px auto -8px}
.lotus .p{fill:none;stroke:var(--yellow);stroke-width:1.6;transform-box:fill-box;transform-origin:50% 100%;transition:transform 1.8s cubic-bezier(.2,.7,.1,1)}
.lotus .back .p{stroke:var(--rose);stroke-width:1.2}
.lotus .water{stroke:var(--on-dark-muted);stroke-width:1}
.lotus .ripple{fill:none;stroke:var(--line-dark);stroke-width:1}
.lotus .stem{stroke:var(--yellow);stroke-width:1.6}
.bud .f1{transform:rotate(-9deg)}.bud .f2{transform:rotate(-4deg)}.bud .f4{transform:rotate(4deg)}.bud .f5{transform:rotate(9deg)}
.bud .b1{transform:rotate(-6deg)}.bud .b2{transform:rotate(-2deg)}.bud .b3{transform:rotate(2deg)}.bud .b4{transform:rotate(6deg)}
.bud.open .f1{transform:rotate(-64deg)}.bud.open .f2{transform:rotate(-32deg)}.bud.open .f4{transform:rotate(32deg)}.bud.open .f5{transform:rotate(64deg)}
.bud.open .b1{transform:rotate(-48deg)}.bud.open .b2{transform:rotate(-16deg)}.bud.open .b3{transform:rotate(16deg)}.bud.open .b4{transform:rotate(48deg)}

/* 2 · the silt, with the mud's five strata along its floor */
.silt{background:var(--silt);color:var(--on-dark);padding-bottom:0}
.silt h2 em,.dusk h2 em,.drop h2 em{color:var(--on-dark-muted)}
.silt p{color:var(--on-dark-muted);max-width:34rem}
.silt b{color:var(--on-dark);font-weight:600}
.axis svg{width:100%;max-width:420px;display:block;margin:0 auto}
.axis .ax{stroke:var(--on-dark-muted);stroke-width:1.2}.axis .ax-arrow{fill:var(--on-dark-muted)}
.axis .up{stroke:var(--yellow);stroke-width:2}.axis .up-arrow{fill:var(--yellow)}
.axis text{fill:var(--on-dark-muted);font:15px var(--voice);font-style:italic}
.axis text.re{fill:var(--yellow);font:400 26px var(--display);font-style:normal}
.axis figcaption{margin-top:18px}
.axis figcaption p{font-size:15px}
.axis figcaption span{opacity:.6;font-style:italic}
.axis figcaption em{color:var(--on-dark)}
.strata{list-style:none;padding:0;margin-top:80px;display:grid;grid-template-columns:repeat(5,1fr)}
.strata li{padding:12px 0 18px;border-top:1px solid #4A3F31;font:italic 14px var(--voice);color:#8E8472;text-align:center}
.strata li:nth-child(2){border-top-color:#54473A}.strata li:nth-child(3){border-top-color:#5E5042}.strata li:nth-child(4){border-top-color:#68594A}.strata li:nth-child(5){border-top-color:#726253}

/* 3 · the stem */
.dusk{background:var(--dusk);color:var(--on-dark)}
.intro{color:var(--on-dark-muted);margin-top:20px;font-size:18px;max-width:38rem}
.stack{list-style:none;padding:0;margin:56px 0 0;display:grid;grid-template-columns:repeat(4,1fr);position:relative}
.stack:before{content:"";position:absolute;left:0;right:0;top:11px;border-top:1.5px solid var(--yellow)}
.stack li{position:relative;padding:40px 22px 0 0}
.stack li:before{content:"";position:absolute;top:4px;left:0;width:15px;height:15px;border-radius:50%;background:var(--dusk);border:1.5px solid var(--yellow)}
.stack li:last-child:before{background:var(--yellow)}
.stack b{display:block;font:400 28px/1.1 var(--display)}
.stack span{display:block;color:var(--on-dark-muted);font-size:14px;margin-top:8px;max-width:230px}
.labs{margin-top:72px;border-top:1px solid #45394d;padding-top:36px}
.labs h3{font:400 30px/1.1 var(--display)}
.leaves{display:grid;grid-template-columns:repeat(3,1fr);gap:18px;margin-top:24px}
.leaves article{background:#33283B;border-radius:48% 48% 14px 14px / 30% 30% 14px 14px;padding:38px 26px 26px}
.k{font:italic 17px var(--voice);color:var(--rose)}
.leaves h4{font:400 32px/1.1 var(--display);margin:4px 0 10px}
.leaves p:not(.k){font-size:14px;color:var(--on-dark-muted)}
.spine{margin-top:18px;border-top:1.5px dashed #6A5A72;padding:16px 0 0;font-size:15px;color:var(--on-dark-muted)}
.spine .k{margin-right:8px}
.modes{list-style:none;padding:0;margin:48px 0 34px;display:grid;grid-template-columns:repeat(4,1fr)}
.modes li{padding:0 18px;border-left:1px solid #45394d}
.modes li:first-child{padding-left:0;border-left:0}
.modes b{font:400 26px/1.1 var(--display)}
.modes li:not(:last-child) b:after{content:" →";color:var(--yellow)}
.modes span{display:block;font-size:13.5px;color:var(--on-dark-muted);margin-top:6px}

/* 4 · the surface at dawn */
.dawn{background:var(--dawn);padding-top:0}
.banner{margin:0}
.banner img{width:100%;height:clamp(220px,34vw,460px);object-fit:cover;object-position:50% 58%}
.dawn p{max-width:34rem}
.dawn b{font-weight:600}
.legs{list-style:none;padding:0;counter-reset:leg}
.legs li{counter-increment:leg;display:grid;grid-template-columns:44px 1fr;padding:20px 0;border-top:1px solid var(--line)}
.legs li:before{content:counter(leg);font:400 28px/1 var(--display);color:var(--violet)}
.legs b{font:400 26px/1.15 var(--display)}
.legs span{grid-column:2;color:var(--muted);font-size:15px;margin-top:4px}

/* 5 · the theatre */
.paper{background:var(--paper)}
.plate figcaption{font-size:12px;color:var(--muted);margin-top:10px;letter-spacing:.06em}
.theatre h2+.voice{margin-top:18px}
.formats{list-style:none;padding:0;display:grid;grid-template-columns:repeat(3,1fr);margin:26px 0 20px;border-top:1px solid var(--line);border-bottom:1px solid var(--line)}
.formats li{padding:14px 0}
.formats b{display:block;font:400 24px/1.1 var(--display)}
.formats span{font-size:13px;color:var(--muted)}
.theatre p:not(.eyebrow):not(.voice){font-size:15px;color:var(--muted)}
.ctas.left{justify-content:flex-start}
.paper .cta:not(.ghost){border-color:var(--ink)}

/* 6 · the bloom: your lotus */
.bloom{border-top:1px solid var(--line)}
.garden{display:grid;grid-template-columns:1.1fr 1fr;gap:56px;align-items:center;margin-top:36px}
.yours svg{width:100%;max-width:520px;display:block;margin:0 auto;overflow:visible}
.yours .back path{fill:#EBD3DB;stroke:var(--rose);stroke-width:1}
.yours .petal path{fill:var(--sheet);stroke:var(--ink);stroke-width:1.3;transition:fill .2s}
.yours .petal.s-making path{stroke-dasharray:5 4;fill:var(--paper)}
.yours .petal text{font:400 19px var(--display);fill:var(--ink);text-anchor:middle;pointer-events:none}
.yours .petal text.long{font-size:16px} /* (a long name on two lines: "Fellowships") */
.yours .petal.s-making text{fill:var(--muted)}
.yours .petal:hover path,.yours .petal.on path{fill:var(--yellow);stroke-dasharray:none}
.yours .petal:hover text,.yours .petal.on text{fill:#211E17} /* a word on Re yellow stays in ink, by night too */
.yours .pod circle:not(.stamen){fill:#E9D58A;stroke:var(--ink);stroke-width:1.3;transition:fill .2s}
.yours .pod .stamen{fill:#B8923A}
.yours .pod text{font:italic 15px var(--voice);fill:#211E17;text-anchor:middle;pointer-events:none}
.yours .pod.on circle:not(.stamen),.yours .pod:hover circle:not(.stamen){fill:var(--yellow)}
@media (prefers-color-scheme:dark){.yours .back path{fill:#4A3A45}}
.yours .petal,.yours .pod{cursor:pointer} /* a tap on the drawing selects its tab; the drawing is never a tab stop */
/* the three tabs (bloom.js §3): Bloom your own · Café · Fellowships, each switching its own panel, price and button */
.petal-index{display:flex;flex-wrap:wrap;justify-content:center;gap:8px;margin-top:18px}
.petal-index button{min-height:44px;font:15px var(--sans);padding:8px 18px;border-radius:999px;border:1px solid var(--line);background:transparent;color:var(--ink);cursor:pointer}
.petal-index button:hover{border-color:var(--ink)}
.petal-index button[aria-selected="true"]{background:var(--ink);color:var(--paper);border-color:var(--ink)}
.panel{border-left:3px solid var(--yellow);padding:4px 0 4px 22px}
.panel[hidden]{display:none}
.verb{font:600 11.5px/1.3 var(--sans);letter-spacing:.14em;text-transform:uppercase;color:var(--violet)}
.panel h3{font:400 40px/1.05 var(--display);margin:8px 0 18px}
.panel .note,.panel .rhythm{font-size:15px;color:var(--muted);max-width:30rem;margin:18px 0 0}
.panel .ctas{margin-top:22px}
.price{font-size:15px}
.price b{font:400 34px/1 var(--display)}
.price span{display:block;font-size:12.5px;color:var(--muted);margin-top:6px}
.rhythm strong{color:var(--ink)}
.panel .small{margin-top:12px;max-width:30rem}

/* 7 · the pond: the founding hundred */
.pond{background:var(--water)}
.pond p{max-width:32rem}
.readout{margin-top:26px;font:300 28px/1.3 var(--sans);min-height:1.3em} /* a line that states a price, in one face with lining figures: the display face's zeros are slashed (Ø) in every figure style it has, and the voice's (Georgia) are old-style, its 0 an o, so the whole line, words and figures, is the sans, light (the final loop, item 22) */
.readout b{font-weight:600}
.pond .small{margin-top:10px}
.pond-fig svg{width:100%;max-width:500px;display:block;margin:0 auto}
.pond .rim{fill:none;stroke:#B9C1A6;stroke-width:1.2}
.pond .ring{fill:none;stroke:#CBD1BA;stroke-width:1;stroke-dasharray:2 5}
.pad path{stroke:#4F6640;stroke-width:.8;transition:fill .15s}
.pad .t1{fill:var(--leaf1)}.pad .t2{fill:var(--leaf2)}.pad .t3{fill:var(--leaf3)}.pad .t4{fill:var(--leaf4)}.pad .t5{fill:var(--leaf5)}
.pad .bloomdot{fill:var(--yellow);stroke:#8A6A0C;stroke-width:.8}
.pad:hover path,.pad.on path,.pad:focus-visible path{fill:var(--yellow)}
@media (prefers-color-scheme:dark){.pond .rim{stroke:#3A463C}.pond .ring{stroke:#2E3830}}

/* 8 · the drop: at night the ponds become a network (the pond painting's night palette) */
.drop{background:var(--night);color:#F3E6C8}
.drop .eyebrow i{background:var(--vermilion)}
.drop p{color:var(--wave)}
.plate.night figcaption{color:var(--wave);opacity:.8}
.threads{display:grid;gap:22px;margin-top:30px}
.threads article{border-top:1px solid #2C3B47;padding-top:18px}
.threads article.bud{border-top-style:dashed}
.threads h3{font:400 28px/1.1 var(--display);color:#F3E6C8}
.threads p{font-size:14.5px;margin:8px 0 10px}
.threads a{font-weight:600;color:var(--gold)}

/* 9 · plainly */
.faq .two{align-items:start}
.listen{display:grid;grid-template-columns:180px 1fr;gap:24px;align-items:end}
.listen img{border-radius:10px}
.listen figcaption{margin-top:8px} /* the art is disclosed where it appears: made with AI */
.listen .eyebrow{margin-bottom:8px}
.listen h3{font:400 30px/1.1 var(--display)}
.listen .cta{margin-top:14px} /* the anthem's button is the ♪'s (data-anthem, chrome.js) */
.questions{margin-top:24px}
.questions details{border-bottom:1px solid var(--line)}
.questions summary{padding:18px 30px 18px 0;cursor:pointer;list-style:none;position:relative;font-size:16px}
.questions summary::-webkit-details-marker{display:none}
.questions summary:after{content:"+";position:absolute;right:4px;top:14px;font-size:22px;transition:transform .2s}
.questions details[open] summary:after{transform:rotate(45deg)}
.questions details p{font-size:14.5px;color:var(--muted);padding:0 30px 18px 0}

/* the Sutradhaars page */
.sutra-hero{background:var(--dusk);color:var(--on-dark)}
.sutra-hero h1{font:400 clamp(48px,8vw,96px)/1 var(--display);margin-top:6px}
.sutra-hero h1 em{color:var(--on-dark-muted)}
.sutra-hero p:not(.eyebrow){color:var(--on-dark-muted);max-width:38rem;margin-top:22px;font-size:17px}
.crafts{list-style:none;padding:0;display:grid;grid-template-columns:repeat(4,1fr);gap:22px;margin-top:36px}
.crafts li{border-top:1.5px solid var(--ink);padding-top:16px}
.crafts b{display:block;font:400 26px/1.1 var(--display)}
.crafts span{display:block;font-size:14px;color:var(--muted);margin-top:8px}
.dims{margin-top:30px;display:grid;gap:14px}
.dim{display:flex;flex-wrap:wrap;align-items:center;gap:8px}
.dn{font:600 11px var(--sans);letter-spacing:.14em;text-transform:uppercase;width:64px;color:var(--muted)}
.dim button{font:14.5px var(--sans);padding:8px 14px;border-radius:999px;border:1px dashed var(--muted);background:transparent;color:var(--ink);cursor:pointer}
.dim button[aria-pressed="true"]{border:1.5px solid var(--ink);background:var(--yellow);color:#211E17}
.sentence{font:italic clamp(22px,2.6vw,30px)/1.35 var(--voice);margin:30px 0 20px;max-width:46rem}
.compose-row{display:flex;flex-wrap:wrap;align-items:center;gap:16px}
.standing,.steps{list-style:none;padding:0;display:grid;grid-template-columns:repeat(3,1fr);gap:22px;margin-top:40px}
.standing li,.steps li{border-top:1px solid var(--line);padding-top:16px}
.standing b,.steps b{display:block;font:400 26px/1.1 var(--display)}
.standing span,.steps span{display:block;font-size:14px;color:var(--muted);margin-top:8px}

@media (max-width:900px){
  .two,.garden{grid-template-columns:1fr;gap:40px}
  .stack{grid-template-columns:1fr 1fr;row-gap:30px}.stack:before{display:none}
  .leaves{grid-template-columns:1fr}
  .modes{grid-template-columns:1fr 1fr;row-gap:22px}.modes li:nth-child(3){padding-left:0;border-left:0}
  .crafts{grid-template-columns:1fr 1fr}
  .drop .plate{order:2}
}
@media (max-width:600px){
  .wrap{width:calc(100% - 32px)}
  .band{padding:72px 0}
  .hero-copy{padding:7vh 16px 0}
  .ctas .cta{width:100%}
  .stack{grid-template-columns:1fr}
  .stack li{padding:0 0 0 30px}.stack li:before{top:6px}
  .stack li:not(:last-child):after{content:"";position:absolute;left:7px;top:22px;bottom:-24px;border-left:1.5px solid var(--yellow)}
  .modes{grid-template-columns:1fr;row-gap:16px}.modes li{padding:0;border-left:0}
  .strata{grid-template-columns:1fr 1fr 1fr;margin-top:56px}.strata li{font-size:13px}
  .formats b{font-size:21px}
  .panel h3{font-size:34px}
  .readout{font-size:23px}
  .listen{grid-template-columns:110px 1fr;gap:16px}
  .crafts,.standing,.steps{grid-template-columns:1fr}
  .dn{width:100%}
}
@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}.lotus .p,.cta{transition:none}.cta:hover{transform:none}}

/* the one header (chrome.css) is fixed at the top: every page's first band clears it */
.page-hero{position:relative;padding-top:calc(var(--head-h,56px) + 64px)}
.page-hero h1{font:400 clamp(44px,7vw,88px)/1 var(--display);letter-spacing:-.015em}
.page-hero h1 em{color:var(--muted)}
.drop.page-hero h1 em,.dusk.page-hero h1 em{color:var(--on-dark-muted)}
.page-hero h1+p,.page-hero h1+.intro{margin-top:24px;max-width:38rem;font-size:17px}
html.night .mud .rail{color:#8C7B88}

/* the pieces the pages share */
.wrap.narrow{width:min(760px,100% - 40px)}
.drop .files{list-style:none;padding:0;margin-top:24px}
.drop .files li{border-top:1px solid #2C3B47;padding:12px 0;display:flex;flex-direction:column}
.drop .files a{font-weight:600;color:var(--gold)}
.drop .files span{font-size:13.5px;color:var(--wave);opacity:.8}
.pond .modes li{border-left-color:#C3C9B3}.pond .modes span{color:var(--muted)}
.dusk .small,.drop .small{color:var(--on-dark-muted)}
.dusk .dim button,.drop .dim button{color:var(--on-dark);border-color:var(--on-dark-muted)}
.dusk .dim button[aria-pressed="true"]{color:#211E17;border-color:var(--yellow)}
.dusk .dn{color:var(--on-dark-muted)}
.dusk .standing li{border-top-color:#45394d}.dusk .standing span{color:var(--on-dark-muted)}
.threads.two-col{grid-template-columns:1fr 1fr;gap:40px;margin-top:34px}
.paper .threads article{border-top-color:var(--line)}
.paper .threads h3{color:var(--ink)}.paper .threads p{color:var(--muted)}.paper .threads a{color:var(--ink)}
.keystones{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;margin-top:34px}
.keystones article{background:var(--sheet);border:1px solid var(--line);border-radius:48% 48% 16px 16px / 22% 22% 16px 16px;padding:40px 26px 26px;display:flex;flex-direction:column;gap:10px}
.keystones h3{font:400 32px/1.1 var(--display)}
.keystones p:not(.k){font-size:14.5px;color:var(--muted)}
.keystones .keystone{border-top:1px dashed var(--line);padding-top:12px;color:var(--ink)!important}
.keystones .keystone b{font-weight:600}
.keystones a{font-weight:600;font-size:14.5px;margin-top:auto}
.rhizome{margin-top:28px;border-top:1.5px dashed var(--line);padding-top:16px;font-size:15.5px;color:var(--muted)}
.rhizome .k{margin-right:8px;color:var(--violet)}
.brief{display:flex;flex-wrap:wrap;align-items:center;gap:14px 18px;margin-top:8px}
.brief p{flex-basis:100%;max-width:36rem}
.shelf{display:grid;grid-template-columns:repeat(3,1fr);gap:18px;margin-top:30px}
.shelf article{background:var(--sheet);border:1px solid var(--line);border-radius:16px;padding:22px}
.shelf article.bud{border-style:dashed;background:transparent}
.shelf h3{font:400 28px/1.1 var(--display);margin:6px 0 8px}
.shelf p:not(.verb){font-size:14.5px;color:var(--muted)}
.realms{list-style:none;padding:0}
.realms li{border-top:1px solid #2C3B47;padding:16px 0}
.realms b{display:block;font:400 26px/1.1 var(--display);color:#F3E6C8}
.realms span{color:var(--wave);font-size:14.5px}
.seat-pick{display:block;margin-top:14px;font-size:13px;color:var(--muted)}
.seat-pick input{width:100%;margin-top:8px;accent-color:#5F7B4A;padding:0;border:0;background:none}
.listen.wide{grid-template-columns:220px 1fr;max-width:760px}
.listen.wide h2{margin-top:4px}
@media (max-width:900px){.threads.two-col,.keystones,.shelf{grid-template-columns:1fr}.keystones article{border-radius:40% 40% 16px 16px / 14% 14% 16px 16px}}
@media (max-width:600px){.page-hero{padding-top:calc(var(--head-h,52px) + 44px)}.listen.wide{grid-template-columns:120px minmax(0,1fr)}}
.listen>div{min-width:0}
/* the smallest phones (under 380 px): the poster narrower and the anthem's name a size smaller, so nothing scrolls sideways */
@media (max-width:379.98px){.listen.wide{grid-template-columns:92px minmax(0,1fr);gap:14px}.listen.wide h2{font-size:32px;overflow-wrap:anywhere}}

.paper .intro,.pond .intro{color:var(--muted)}
.desks{margin-top:34px;max-width:40rem;color:var(--muted);font:italic 19px/1.4 var(--voice)}
.crop-tagline img{aspect-ratio:1400/650;object-fit:cover;object-position:50% 0}
.loop{list-style:none;padding:0;counter-reset:loop}
.loop li{counter-increment:loop;display:grid;grid-template-columns:40px 1fr;padding:14px 0;border-top:1px solid #2C3B47}
.loop li:before{content:counter(loop);font:400 26px/1 var(--display);color:var(--gold)}
.loop b{font:400 24px/1.1 var(--display);color:#F3E6C8}
.loop span{grid-column:2;color:var(--wave);font-size:14.5px;margin-top:4px}

/* placeholders (Space/compose.mjs): what is not ready yet shows as a dashed note in the preview; a release refuses them */
[data-todo]{border:1.5px dashed var(--muted);padding:14px 16px;color:var(--muted)}
[data-todo]::before{content:"TODO · " attr(data-todo);font:500 12px/1.5 ui-monospace,Consolas,monospace}
/* an Audit's page (_audit.html): the essay as reading text, then how it was checked */
.essay .wrap{font:19px/1.7 var(--voice)}.essay p+p{margin-top:1em}.essay h2{font:400 34px/1.15 var(--display);margin:1.6em 0 .5em}.essay blockquote{margin:1.2em 0;padding-left:18px;border-left:2px solid var(--line);font-style:italic}
.check .wrap{border-top:1px solid var(--line);padding-top:34px}.claim-method{display:grid;gap:6px 0;margin:0}.claim-method dt{font:600 11.5px/1.3 var(--sans);letter-spacing:.16em;text-transform:uppercase;margin-top:18px}.claim-method dd{margin:0;max-width:40rem}.check h3{font:600 11.5px/1.3 var(--sans);letter-spacing:.16em;text-transform:uppercase;margin-top:28px}.check ol,.check ul{padding-left:20px;font-size:14.5px}.check .small{margin-top:18px;color:var(--muted);font-size:13px}
.claim-method dd p+p{margin-top:.75em}.essay sup{line-height:0}.essay ol,.essay ul{padding-left:22px;margin:1em 0}.essay li+li{margin-top:.4em}
.keystones h3 a{font:inherit;margin:0;color:inherit;text-underline-offset:5px}

/* the live book (rhythms.html, rhythms/<chapter>.html): its index is also its tracker. A chapter's status is a chip, in the
   canon's four (seed → sprout → rooted → compost), and its passes are five dots (notes · outline with sources · draft · checked ·
   released as a commons). Dashed is not yet (seed), leaf is growing (sprout), ink is checked (rooted), sand is folded in or set
   aside (compost). Yellow marks what you can enter now (the first chapter, a checked essay, the page you are on). No red: red is
   the Plate's Audit. */
.s-seed{--st:var(--muted);--st-edge:var(--muted);--st-ink:var(--muted)}
.s-sprout{--st:var(--leaf3);--st-edge:var(--leaf5);--st-ink:#24301B}
.s-rooted{--st:var(--ink);--st-edge:var(--ink);--st-ink:var(--paper)}
.s-compost{--st:var(--wave);--st-edge:#7A6A4B;--st-ink:#211E17}
.dusk .s-seed{--st:#9A8DA3;--st-edge:#9A8DA3;--st-ink:#C9BFCF}
.dusk .s-sprout{--st:var(--leaf3);--st-edge:var(--leaf3)}
.dusk .s-rooted{--st:var(--on-dark);--st-edge:var(--on-dark);--st-ink:var(--dusk)}
.dusk .s-compost{--st-edge:var(--wave)}
.chip{display:inline-flex;align-items:center;min-height:24px;padding:3px 10px;border:1.5px solid var(--st-edge);border-radius:999px;background:var(--st);color:var(--st-ink);font:600 10.5px/1.2 var(--sans);letter-spacing:.14em;text-transform:uppercase;white-space:nowrap}
.chip.s-seed{border-style:dashed;background:transparent}
.chip.s-compost{border-style:dotted}
.dots{display:inline-flex;align-items:center;gap:4px}
.dots i{width:9px;height:9px;border-radius:50%;border:1.5px solid var(--muted)}
.dots.f1 i:nth-child(-n+1),.dots.f2 i:nth-child(-n+2),.dots.f3 i:nth-child(-n+3),.dots.f4 i:nth-child(-n+4),.dots.f5 i{background:var(--st);border-color:var(--st-edge)}
.dusk .dots i{border-color:#8C7F96}
.page-rhythms h2,.page-chapter h2{font-size:clamp(34px,4.6vw,54px)}
.book-hero :focus-visible,.chapter-hero :focus-visible{outline-color:var(--yellow)}
.book-hero .indic{font:italic clamp(24px,3.4vw,36px)/1.2 var(--voice);color:var(--rose);margin-top:10px}
.series{font:600 11.5px/1.3 var(--sans);letter-spacing:.16em;text-transform:uppercase;color:var(--on-dark-muted);margin-top:22px}
.book-hero .intro{margin-top:14px;font-size:17px}
.tally{display:flex;flex-wrap:wrap;align-items:center;gap:8px 10px;margin-top:16px;font-size:14px;color:var(--on-dark-muted)}
.tally .n{margin-right:6px}.tally .n b{font:400 24px/1 var(--display);color:var(--on-dark);margin-right:4px}
.book-hero .ctas{margin-top:26px}
/* the book at a glance: a column per chapter, filled to its passes; the page you are on is marked, as in the lotus */
.glance{list-style:none;padding:0;margin:48px 0 0;display:flex;gap:4px;align-items:flex-end}
.glance li{flex:1;min-width:0}
.glance a{display:flex;flex-direction:column-reverse;gap:3px;text-decoration:none}
.glance i{display:block;height:10px;border:1px solid #5A4B63;border-radius:2px}
.glance .s-seed i{border-style:dashed}
.glance .f1 i:nth-child(-n+1),.glance .f2 i:nth-child(-n+2),.glance .f3 i:nth-child(-n+3),.glance .f4 i:nth-child(-n+4),.glance .f5 i{background:var(--st);border:1px solid var(--st-edge)}
.glance b{order:-1;margin-top:5px;font:500 10px/1.4 var(--sans);color:var(--on-dark-muted);text-align:center;border-radius:3px}
.glance a:hover i{border-color:var(--yellow)}
.glance .here b{background:var(--yellow);color:#211E17;font-weight:700}
/* the tracker */
.tracker .how{max-width:40rem;color:var(--muted);margin-top:18px}
.tracker .how b{color:var(--ink);font-weight:600}
.legend{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px 32px;margin:26px 0 0;max-width:46rem}
.legend div{display:grid;grid-template-columns:92px 1fr;gap:12px;align-items:baseline}
.legend dt{display:flex}.legend dd{margin:0;font-size:14.5px;color:var(--muted)}
.passes{display:flex;align-items:center;gap:12px;margin-top:20px;font-size:14.5px;color:var(--muted);max-width:46rem}
.passes .dots{flex:none}
.chapters{list-style:none;padding:0;margin:36px 0 0;border-bottom:1px solid var(--line)}
.chapters .ch{position:relative;display:grid;grid-template-columns:52px 1fr auto;gap:4px 20px;align-items:start;padding:20px 0;border-top:1px solid var(--line)}
.ch-no{font:400 30px/1 var(--display);color:var(--violet);padding-top:2px}
.ch h3{font:400 27px/1.12 var(--display)}
.ch h3 a{text-decoration:none}
.ch h3 a::after{content:"";position:absolute;inset:0}
.ch:hover h3 a,.ch h3 a:focus-visible{text-decoration:underline;text-decoration-color:var(--yellow);text-decoration-thickness:2px;text-underline-offset:6px}
.ch-line{color:var(--muted);font-size:15px;margin-top:6px;max-width:34rem}
.ch-sections{margin-top:8px;font-size:13px;line-height:1.5;color:var(--muted);max-width:34rem}
.ch-sections span+span::before{content:" / ";color:var(--line)}
.ch-essay{margin-top:10px;font:600 13.5px/1.4 var(--sans)}
.ch-essay a{position:relative;z-index:1;display:inline-flex;align-items:center;gap:8px;min-height:24px;text-decoration:none}
.ch-essay a:hover,.ch-essay a:focus-visible{text-decoration:underline}
.ch-essay i{width:9px;height:9px;border-radius:50%;background:var(--yellow);border:1px solid #211E17;flex:none;align-self:center}
.ch-state{display:flex;flex-direction:column;align-items:flex-end;gap:9px;padding-top:4px}
.ch-state .when,.state .when{font-size:12px;color:var(--muted);white-space:nowrap}
/* what changed: the book's own log, newest first */
.changes{padding-top:0}
.changes .log ul{list-style:none;padding:0;margin:24px 0 0;border-top:1px solid var(--line);max-width:46rem}
.changes .log li{display:grid;grid-template-columns:8.5em 1fr;gap:2px 12px;align-items:baseline;padding:11px 0;border-bottom:1px solid var(--line);font-size:15px}
.changes .log b{font:600 11.5px/1.3 var(--sans);letter-spacing:.12em;text-transform:uppercase;color:var(--violet)}
/* in the margins: explorations, dashed because they are not placed yet */
.margins .notes ul{list-style:none;padding:0;margin:28px 0 0;columns:2;column-gap:40px}
.margins .notes li{break-inside:avoid;border-top:1.5px dashed #B3BC9E;padding:12px 0 14px;font-size:15px;color:var(--muted)}
.margins .notes b{color:var(--ink);font-weight:600}
.margins .notes a{color:var(--ink)}
@media (prefers-color-scheme:dark){.margins .notes li{border-top-color:#3A463C}}
.beside p:not(.later){max-width:40rem}
.beside .beside-state{display:flex;align-items:center;gap:10px;margin-bottom:16px}
.beside b{font-weight:600}
.later{margin-top:30px;max-width:34rem;padding:12px 16px;border:1.5px dashed var(--line);border-radius:12px;font-size:14px;color:var(--muted)}
/* a chapter's page */
.chapter-hero h1{font-size:clamp(40px,6.4vw,76px)}
.numeral{font:400 clamp(60px,9vw,108px)/.9 var(--display);color:var(--rose);margin-bottom:4px}
.state{display:inline-flex;flex-wrap:wrap;align-items:center;gap:6px 12px;margin-top:26px;padding:8px 14px;border:1.5px solid var(--st-edge);border-radius:12px;font-size:14.5px;color:var(--on-dark)}
.state.s-seed{border-style:dashed}.state.s-compost{border-style:dotted}
.state .dots{flex:none}
.dusk .state .when{color:var(--on-dark-muted)}
.carried{margin-top:18px}
.carried a{display:grid;gap:6px;max-width:34rem;padding:18px 20px;border:1px solid #45394d;border-radius:16px;background:#33283B;text-decoration:none}
.carried .eyebrow{margin:0;color:var(--on-dark-muted)}
.carried b{font:400 28px/1.1 var(--display);color:var(--on-dark)}
.carried .dek{font-size:14.5px;color:var(--on-dark-muted)}
.carried a:hover b,.carried a:focus-visible b{text-decoration:underline;text-decoration-color:var(--yellow);text-decoration-thickness:2px;text-underline-offset:5px}
.chapter .sections-h{font:400 30px/1.15 var(--display);margin:1.8em 0 .5em}
.chapter ol.sections{list-style:none;padding:0;margin:0 0 1.6em;counter-reset:sec;border-top:1px solid var(--line)}
.chapter ol.sections li{counter-increment:sec;display:grid;grid-template-columns:3.4em 1fr;gap:10px;align-items:baseline;margin:0;padding:10px 0;border-bottom:1px solid var(--line)}
.chapter ol.sections li::before{content:attr(data-no) "." counter(sec);font:600 13px/2 var(--sans);color:var(--violet)}
.chapter .notes{margin-top:1.4em}
.chapter .rhizome{margin-top:40px}
.chapter .rhizome a{color:var(--ink)}
.turn-band{padding-top:0}
.turn{display:grid;grid-template-columns:1fr auto 1fr;gap:16px;align-items:center;padding:20px 0;border-top:1px solid var(--line);border-bottom:1px solid var(--line);font:400 22px/1.2 var(--display)}
.turn .next{text-align:right}
.turn .up{font:600 11.5px/1.3 var(--sans);letter-spacing:.16em;text-transform:uppercase}
.turn a{text-decoration:none}
.turn small{font:600 12px/1 var(--sans);letter-spacing:.06em;color:var(--muted)}
.turn-band .glance{margin:0 0 24px}
.turn-band .glance i{border-color:var(--line)}
.turn-band .glance b{color:var(--muted)}
.turn-band .glance .here b{color:#211E17}
/* an essay that a chapter carries says so, at its top */
.in-book{display:flex;flex-wrap:wrap;align-items:center;gap:6px 10px;margin-top:24px;font-size:14.5px;color:var(--on-dark-muted)}
.in-book i{width:9px;height:9px;border-radius:50%;background:var(--yellow);flex:none}
.in-book a{color:var(--on-dark)}
.in-book small{font:600 12px/1 var(--sans);letter-spacing:.06em;color:var(--on-dark-muted)}
.turn a:hover,.turn a:focus-visible{text-decoration:underline;text-decoration-color:var(--yellow);text-decoration-thickness:2px;text-underline-offset:5px}
.contents{margin-top:28px;border:1px solid var(--line);border-radius:16px;background:var(--sheet)}
.contents summary{position:relative;padding:16px 48px 16px 20px;cursor:pointer;list-style:none;font:600 11.5px/1.4 var(--sans);letter-spacing:.16em;text-transform:uppercase}
.contents summary::-webkit-details-marker{display:none}
.contents summary:after{content:"+";position:absolute;right:20px;top:9px;font:400 24px/1 var(--sans);transition:transform .2s}
.contents[open] summary:after{transform:rotate(45deg)}
.chapters.mini{margin:0;padding:0 20px 12px;border:0}
.chapters.mini .ch{grid-template-columns:34px 1fr auto;align-items:center;gap:4px 14px;padding:9px 0}
.chapters.mini .ch-no{font-size:19px}
.chapters.mini a{font:400 19px/1.2 var(--display);text-decoration:none}
.chapters.mini a:hover,.chapters.mini a:focus-visible,.chapters.mini .here a{text-decoration:underline;text-decoration-color:var(--yellow);text-decoration-thickness:2px;text-underline-offset:5px}
/* the Theory page's library: the book is a door */
.shelf h3 a{text-underline-offset:5px}
.shelf .book .k{margin:-4px 0 4px;font-size:19px;color:var(--violet)}
.shelf .book .verb{display:flex;align-items:center;gap:8px}
.shelf .book .verb:before{content:"";width:9px;height:9px;border-radius:50%;background:var(--yellow)}
@media (max-width:600px){
  .chapters .ch{grid-template-columns:34px 1fr;gap:4px 12px}
  .ch-no{font-size:24px}.ch h3{font-size:24px}
  .ch-state{grid-column:2;flex-direction:row;flex-wrap:wrap;align-items:center;justify-content:flex-start;gap:8px 12px;padding-top:8px} /* (wraps: Updated … takes its own line on the smallest phones) */
  .margins .notes ul{columns:1}
  .glance{gap:2px}.glance a{gap:2px}.glance i{height:8px}.glance b{font-size:9px}
  .turn{grid-template-columns:1fr 1fr;font-size:19px}.turn .up{grid-column:1/-1;grid-row:2;text-align:center}
  .chapters.mini{padding:0 14px 10px}.chapters.mini .ch{grid-template-columns:26px 1fr auto;gap:4px 10px}.chapters.mini a{font-size:18px}
  .state{display:flex}
  .legend{grid-template-columns:1fr}
  .changes .log li{grid-template-columns:1fr}
}
/* the glossary (glossary.html): the theory's words, A to Z, each an anchor (#slug). Rooted is settled and carries no mark on its
   term; a seed is dashed, as in the book (its marks are the book's: s-seed, s-rooted); in the making (s-making) is the Labs' mark. The A to Z row comes first under the hero and stays at the top while
   you read; on a phone its letters wrap into two rows, so every letter shows. */
.s-making{--st:transparent;--st-edge:var(--muted);--st-ink:var(--muted)}
.dusk .s-making{--st-edge:#9A8DA3;--st-ink:#C9BFCF}
.chip.s-making{border-style:dashed}
.gl-hero .tally{margin-top:22px}
.gl-hero :focus-visible{outline-color:var(--yellow)}
.gl-hero{padding-bottom:64px}
.gl-hero .ctas{margin-top:24px}
.band.gl-band{padding-top:36px}
.page-glossary h2{font-size:clamp(34px,4.6vw,54px)}
.gl-legend{margin:22px 0 0;grid-template-columns:1fr;gap:10px}
.gl-legend div{grid-template-columns:9rem 1fr}
.az{position:sticky;top:var(--head-h,56px);z-index:5;display:flex;align-items:center;gap:14px;margin:0;padding:8px 0;background:var(--paper);border-bottom:1px solid var(--line)}
.az-label{flex:none;font:600 11px/1.3 var(--sans);letter-spacing:.16em;text-transform:uppercase;color:var(--muted)}
.az ol{list-style:none;padding:0;margin:0;display:flex;flex-wrap:wrap;gap:2px;min-width:0}
.az a{display:grid;place-items:center;min-width:34px;height:40px;border-radius:8px;font:400 22px/1 var(--display);text-decoration:none;color:var(--ink)}
.az a:hover{background:var(--sheet);text-decoration:underline;text-decoration-color:var(--yellow);text-decoration-thickness:2px;text-underline-offset:5px}
.az a:focus-visible{outline-offset:-3px}
.az .az-top{flex:none;display:grid;place-items:center;min-width:0;height:auto;min-height:40px;border-radius:0;margin-left:auto;padding:0 12px;border-left:1px solid var(--line);font:600 11px/1.3 var(--sans);letter-spacing:.14em;text-transform:uppercase;text-decoration:none;color:var(--muted);white-space:nowrap}
.az .az-top:hover{background:none;color:var(--ink);text-decoration:underline;text-decoration-color:var(--yellow);text-decoration-thickness:2px;text-underline-offset:4px}
html:has(body.page-glossary){scroll-padding-top:calc(var(--head-h,56px) + 72px)} /* anchors and focus land below the header and the A to Z row */
.gl-letter{margin:56px 0 0;padding-bottom:6px;border-bottom:1.5px solid var(--ink);line-height:1;color:var(--violet)}
.page-glossary .gl-letter{font-size:clamp(44px,6vw,64px)}
.gl-list>.gl-letter:first-child{margin-top:36px}
.gl-term{display:grid;grid-template-columns:13rem 1fr;gap:6px 28px;padding:24px 0 26px;border-top:1px solid var(--line)}
.gl-letter+.gl-term{border-top:0}
.gl-term:target{background:linear-gradient(90deg,var(--sheet),transparent);box-shadow:-12px 0 0 var(--sheet)}
.gl-term:target h3{text-decoration:underline;text-decoration-color:var(--yellow);text-decoration-thickness:3px;text-underline-offset:6px}
.gl-head h3{font:400 28px/1.1 var(--display);overflow-wrap:anywhere}
.gl-pair{margin-top:6px;font:italic 17px/1.3 var(--voice);color:var(--violet)}
.gl-status{margin-top:10px}
.gl-status.is-rooted{display:none}
.gl-line{font-size:16.5px;max-width:34rem}
.gl-facts{margin:14px 0 0;display:grid;gap:6px;font-size:14.5px}
.gl-facts div{display:grid;grid-template-columns:7.5rem 1fr;gap:10px;align-items:baseline}
.gl-facts dt{font:600 10.5px/1.5 var(--sans);letter-spacing:.12em;text-transform:uppercase;color:var(--muted)}
.gl-facts .also dd{grid-column:2}
.gl-facts dd{margin:0;color:var(--muted)}
.gl-facts a{color:var(--ink)}
.gl-facts .rel ul{list-style:none;padding:0;margin:0;display:flex;flex-wrap:wrap;gap:0 4px}
.gl-facts .rel li+li::before{content:"· ";color:var(--muted)}
.gl-series .intro{max-width:40rem}
.series-list{list-style:none;padding:0;margin:30px 0 0;display:grid;grid-template-columns:1fr 1fr;gap:0 32px}
.series-list li{display:flex;flex-direction:column;gap:2px;padding:14px 0;border-top:1px solid #C3C9B3}
.series-list .to-book{display:flex;flex-direction:column;gap:4px;text-decoration:none;color:var(--ink)}
.series-list .s-name{font:400 24px/1.15 var(--display)}
.series-list .s-name:after{content:" →";color:var(--muted)}
.series-list .s-to{font:600 13.5px/1.4 var(--sans);text-decoration:underline;text-decoration-color:var(--yellow);text-decoration-thickness:2px;text-underline-offset:4px}
.series-list .to-book:hover .s-name,.series-list .to-book:focus-visible .s-name,.series-list .to-book:hover .s-to,.series-list .to-book:focus-visible .s-to{text-decoration:underline;text-decoration-color:var(--yellow);text-decoration-thickness:2px;text-underline-offset:5px}
.series-list .s-status{margin:0;font-size:13.5px;line-height:1.45;color:var(--muted)}
.series-list .to-term{align-self:flex-start;margin-top:6px;font-size:13px;color:var(--muted)}
@media (prefers-color-scheme:dark){.series-list li{border-top-color:#3A463C}}
.gl-series .later a,.page-theory .shelf-more a{color:var(--ink)}
.shelf-more{position:relative;margin-top:24px;padding-left:19px;font-size:15.5px;color:var(--muted)}
.shelf-more:before{content:"";position:absolute;left:0;top:.62em;width:9px;height:9px;border-radius:50%;background:var(--yellow)}
.shelf-more a{font-weight:600}
@media (max-width:760px){
  .gl-term{grid-template-columns:1fr;gap:4px}
  .gl-head{display:flex;flex-wrap:wrap;align-items:baseline;gap:4px 12px}
  .gl-head h3{flex-basis:100%}
  .gl-pair,.gl-status{margin-top:0}
  .gl-line{margin-top:8px}
}
@media (max-width:600px){
  .gl-hero{padding-bottom:44px}
  .gl-hero .ctas .cta{width:auto}
  .band.gl-band{padding-top:24px}
  .az{gap:10px}
  .az-label{display:none}
  .az ol{flex:1;display:grid;grid-template-columns:repeat(10,1fr)}
  .az a{min-width:0;height:34px;font-size:20px}
  .az .az-top{min-height:34px;padding:0 8px;letter-spacing:.08em}
  html:has(body.page-glossary){scroll-padding-top:calc(var(--head-h,52px) + 100px)} /* the two-row A to Z */
  .gl-legend div{grid-template-columns:1fr;gap:6px}
  .gl-legend dt{justify-self:start}
  .gl-facts{gap:8px}
  .gl-facts div{grid-template-columns:1fr;gap:0}
  .gl-facts .also dd{grid-column:auto}
  .series-list{grid-template-columns:1fr}
}


/* privacy.html and 404.html, Bloom pages like every other (they were v13 pages without the lotus or the footer): the privacy
   page reads as an essay from its first heading; the 404 fills the screen, so its footer sits at the foot */
.page-privacy .essay h2:first-child{margin-top:0}
.page-404{display:flex;flex-direction:column;min-height:100vh;min-height:100svh}.page-404 main{flex:1;display:flex;flex-direction:column}.page-404 .page-hero{flex:1}

/* the Labs page: the lead under its heading, the Research Lab before the three, at a reading measure */
.lab-lead{max-width:44rem;font-size:17px}
/* the benches (final loop, item 15): each lab teases its bench, a row each, as a bench is a long table: its name on the left
   (Kṣetra · Karm · Kula over the lab, its one line), what is on it on the right, each with its mark and no write-up. In the making
   is dashed, as a seed is in the book; coming soon (a product) is a solid hairline; the names are plain text, no links */
.benches{margin-top:44px;border-bottom:1px solid var(--line)}
.benches article{display:grid;grid-template-columns:15rem minmax(0,1fr);gap:12px 40px;padding:28px 0;border-top:1px solid var(--line)}
.benches h3{font:400 32px/1.1 var(--display)}
.bench-name .role{margin-top:8px;font-size:14.5px;color:var(--muted);max-width:15rem}
.bench-group{font:italic 19px/1.3 var(--voice);margin-bottom:6px}
.bench{list-style:none;padding:0;margin:0}
.bench li{display:flex;flex-wrap:wrap;align-items:center;gap:4px 12px;padding:10px 0;border-top:1px dashed var(--line)}
.bench li:first-child{border-top:0;padding-top:2px}
.bench b{font:400 24px/1.25 var(--display)}
.bench li p{flex-basis:100%;font-size:15px;color:var(--muted);max-width:36rem}
.bench .more>span:first-child{font:italic 19px/1.3 var(--voice);color:var(--muted)}
.s-soon{--st:transparent;--st-edge:var(--ink);--st-ink:var(--ink)}
@media (max-width:760px){.benches article{grid-template-columns:minmax(0,1fr);gap:14px}.bench-name .role{max-width:none}.bench b{font-size:22px}}

/* embed mode (a page framed with ?embed=1 by the page sheet): chrome.css takes the header, the lotus button, the menu and the
   footer's links away, since the sheet's bar carries the way out; the footer keeps its line (no offer of securities, no promise
   of return), under the prices and ventures as everywhere; its hero starts higher, its scrollbar a hairline */
html.embed{scroll-padding-top:0;scrollbar-width:thin;scrollbar-color:var(--line) transparent} /* an anchor (cafe.html#founding) starts flush */
html.embed .page-hero{padding-top:52px}
@media (max-width:600px){html.embed .page-hero{padding-top:40px}}

/* the Engage page (engage.html, under Guild): the ways in, by verb, a row each; every verb is its own link, ending in the one
   enquiry sheet with its intent filled in (Follow leaves the site: ↗); the existing engagements, a quiet line at its foot, no label */
.by-verb{margin-top:48px;border-bottom:1px solid var(--line)}
.by-verb section{display:grid;grid-template-columns:14rem minmax(0,1fr);gap:8px 40px;align-items:baseline;padding:26px 0;border-top:1px solid var(--line)}
.by-verb h2{font:400 clamp(30px,3.4vw,40px)/1.1 var(--display)}
.by-verb ul{list-style:none;padding:0;margin:0;display:grid;gap:4px}
.by-verb li>a{display:block;min-height:44px;padding:6px 0;color:var(--muted);font-size:16px;text-decoration:none}
.by-verb li b{font:400 26px/1.25 var(--display);color:var(--ink);text-decoration:underline;text-decoration-color:var(--yellow);text-decoration-thickness:2px;text-underline-offset:5px}
.by-verb li span{display:block;margin-top:2px;max-width:34rem}
.by-verb li>a:hover,.by-verb li>a:focus-visible{color:var(--ink)}
.by-verb li .also{display:block;margin:-6px 0 6px;color:var(--muted);font-size:16px} /* a word said beside the link, outside it, so its Sanskrit can be glossed through the Glossary (compose.mjs) */
.by-verb .write h2 a{text-decoration-color:var(--yellow);text-decoration-thickness:2px;text-underline-offset:6px}
.known{margin-top:36px;max-width:44rem;font-size:14.5px;color:var(--muted)}
@media (max-width:760px){.by-verb section{grid-template-columns:minmax(0,1fr);gap:6px}.by-verb li b{font-size:24px}}

/* ---------- the phone pass (4 Oct, his word: the site is not mobile optimised) ----------
   Phone widths only, so no wider screen reads a line of it: the lotus button's corner kept free on every Bloom page the way the
   plate and the garden keep it (chrome.css, --fab-reserve), and the three blocks that did not fit 320 to 430 px */
@media (max-width:639.98px){
  .questions summary,.questions details p{padding-right:calc(var(--fab-reserve,80px) - 14px)}
  .questions summary:after{right:calc(var(--fab-reserve,80px) - 10px)} /* the + moves in with the words it opens */
  .ctas .cta{max-width:calc(100% - (var(--fab-reserve,80px) - 14px))} /* a full-width button ended under the disc */
  /* Engage's doors: each verb's row is a full-width link, so the disc sat on the word and took the tap (Roll up, Become a Rhythm
     Resident, Become a ReGrowth Fellow, Become a ReGrowth Patron and its line, Sāmatvārtha Sutradhaar, Just Publish It Already) */
  .by-verb li>a,.by-verb li .also{padding-right:calc(var(--fab-reserve,80px) - 14px)}
  /* the reading labels the 12 px floor had not reached: every page's eyebrow (ReGrowth Café, Theory of ReGrowth, Guild, Updated 3
     October 2026), a chapter's status chip and the index it opens */
  .eyebrow{font-size:12px}
  .chip{font-size:12px}
  .contents summary{font-size:12px}
}
@media (max-width:600px){
  /* the book at a glance: nineteen chapters in one row gave each 15.7 px at 375 and 13 px at 320; two rows of ten give each 31 px
     and the chapter numbers their size back */
  .glance{display:grid;grid-template-columns:repeat(10,minmax(0,1fr));row-gap:12px;align-items:end}
  .glance b{font-size:11px}
  /* Read the checked essay · <the title>: one sentence that wraps, not two ragged columns either side of a stranded dot */
  .ch-essay a{display:block}
  .ch-essay i{display:inline-block;margin-right:7px;vertical-align:middle}
  /* the glossary's A to Z: every letter stands at once, as it always has, in the two rows of ten above — each row now 44 px tall,
     so every letter answers a fingertip. Twenty 44 px letters in one row want 918 px, so a single row can only be a swipe, and a
     swipe with its scrollbar hidden reads as an index that ends at G; nothing else on the site hides a row behind one */
  .az a{height:44px;font-size:22px}
  .az .az-top{min-height:44px}
  html:has(body.page-glossary){scroll-padding-top:calc(var(--head-h,56px) + 118px)} /* the anchor lands under the two 44 px rows */
}