/* platform.css — A10 page compositions the design system does not already cover (the home page's hero invocation,
   overture disclosure, today grid, doors and lists; acknowledgements and the images credit; the tools index). The
   hero, overture, Ascent, doors, rows and covers themselves are base.css §15. Tokens only; loaded on the platform pages. */

/* ---------- Home (DESIGN.md §5 "Home", mockups/home.html) ---------- */
/* Hero: the memorable line as the invocation. Each stored line is a block; its pādas are inline blocks, so a line
   breaks between pādas first (and inside one only when a single pāda is wider than the phone). */
.hero__line{display:block}
.hero__invocation .pada{display:inline-block}
.hero__meaning{display:block;margin-top:.2rem;text-wrap:balance}
.hero__invocation>[lang=sa],.hero__invocation>.iast{text-wrap:balance}
/* Without the Sanskrit name the English title is the h1 */
h1.hero__en{margin-top:var(--s-4)}
.hero__continue[hidden]{display:none}

/* Overture: the introduction's disclosure ("Read the whole introduction" / "Read less" at its end) */
.home-intro .home-epigraph{margin:0 0 var(--s-6)}
.home-intro__more[open]>summary{margin-bottom:var(--s-2)}
.home-intro__more[open] .home-intro__open,.home-intro__more:not([open]) .home-intro__close{display:none}
.home-intro__more>p.home-intro__end{margin-top:var(--s-3);text-indent:0}
/* With home.js the essay ends with its own "Read less", so the open summary steps out of the text (still read by screen
   readers, and shown again while it has keyboard focus); without JS it stays the only way to close. */
.home-intro__more[data-enhanced][open]>summary:not(:focus-visible){position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}
.overture .ways{margin-bottom:0}
.overture+.flute{margin-block:var(--s-7) var(--s-4)}

/* Today: the continue column. "Begin reading" only fills the empty left column of the wide layout; below it the card
   shows only with a remembered place (home.js). */
@media(max-width:79.99rem){.home-continue:has(>[hidden]:only-child),.home-continue:has(>[data-fallback]){display:none}}
.home-continue [data-fallback] .ring .fill{display:none}
.home-votd .verse--card{max-width:40rem;margin-inline:auto}
.home-listen .home-listen__pause,.home-listen[data-playing] .home-listen__play{display:none}
.home-listen[data-playing] .home-listen__pause{display:inline-block}
.home-listen [data-listen-label]{font-variant-numeric:tabular-nums}

/* The Ascent: room under the section head before the first station */
.ascent-sec .sec-head{margin-bottom:var(--s-6)}

/* Doors: the count in gold old-style figures, its words small beside it ("700 verses") */
.home-ways .door .value .meta{margin-left:.2em;font:400 .8125rem/1 var(--ff-ui);letter-spacing:0;color:var(--text-subtle)}
.home-ways .door h3,.home-more .door h3{text-wrap:balance}

/* Lists: the first chapters and essays as two doors of rows. A chapter row reads Devanagari title · IAST title · verse
   count; each part of the second line is a unit with the "·" drawn before it, and a part that starts a line has its
   "·" clipped away (the .gram technique), so no line ends or starts with a separator. */
.home-lists .doors{margin-top:0}
.home-list .rows{margin-inline:-.4rem}
.home-list .row>.icon{width:18px;height:18px;color:var(--text-subtle)}
.home-list .row__lead{min-width:2.4rem}
.home-parts{display:flex;flex-wrap:wrap;align-items:baseline;margin-left:-1rem;clip-path:inset(-.5rem -1rem -.5rem 1rem)}
.home-parts>*{position:relative;min-width:0;padding-left:1rem}
.home-parts>*::before{content:"·";content:"·"/"";position:absolute;left:.38rem;font-style:normal;color:var(--text-subtle)}
.home-parts>i[lang=sa-Latn]{font:italic 400 .9375rem/1.4 var(--ff-text)}

/* Explorations and the newest posts */
.home-more .doors{margin-top:0}
.home-more__all{margin-top:var(--s-5)}
.home-more .door__img{background-color:var(--surface-muted)}
.home-posts{max-width:var(--content);margin:var(--s-8) auto 0;padding-top:var(--s-6);border-top:1px solid var(--border-faint)}
.home-posts__h{text-align:center;color:var(--accent)}
.home-posts__h [lang=sa]{letter-spacing:0;text-transform:none}
.home-posts .posts{margin-top:var(--s-2)}
.home-posts .post:last-child{border-bottom:0}
/* Phones: on the home page the cover is a small contained well beside the post (the blog list keeps it on top) */
@media(max-width:47.99rem){
  .home-posts .post:has(.post__img){grid-template-columns:minmax(0,1fr) 6rem;column-gap:var(--s-4)}
  .home-posts .post:has(.post__img)>:not(.post__img){grid-column:1}
  .home-posts .post__img{order:0;grid-column:2;grid-row:1/span 5;align-self:start}
}
/* Post titles are block-level targets: 44px tall at least (DESIGN.md §6), without moving the text. */
.home-posts .post h3 a{display:inline-block;padding-block:.45rem;margin-block:-.45rem}
.expl-list h3{text-wrap:balance}

/* ---------- About: the images credit (the legacy chapter illustration beside an incarnateword painting) ---------- */
.about-images{margin-top:var(--s-7)}
.about-images h2{margin-bottom:var(--s-3)}
.prose .about-images__art{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--s-4);margin:var(--s-5) 0 0;padding:0;list-style:none}
.prose .about-images__art>li{margin:0}
.about-images__art figure{margin:0}
/* .prose img (height:auto) would leave the 3:2 well part empty: the image covers it, as every .thumb */
.prose .about-images__art .thumb>img{height:100%}
.about-images__art figcaption{margin-top:var(--s-2);font:400 .8125rem/1.45 var(--ff-ui);color:var(--text-subtle);text-indent:0}
.prose .about-images p{text-indent:0}
.prose .about-images p+p{margin-top:var(--s-3)}
@media(max-width:29.99rem){.about-images__art{grid-template-columns:1fr}}
/* Night: the painting dims a little, the legacy art a little less (as base.css does for the chapter cards) */
html[data-theme=dark] .about-images__painting img,html[data-theme=night] .about-images__painting img{filter:brightness(.82) saturate(.9)}
html[data-theme=dark] .about-images__legacy img,html[data-theme=night] .about-images__legacy img{filter:brightness(.9)}
@media(prefers-color-scheme:dark){html:not([data-theme=light]) .about-images__painting img{filter:brightness(.82) saturate(.9)}html:not([data-theme=light]) .about-images__legacy img{filter:brightness(.9)}}

/* About, privacy */
.platform-prose{padding-bottom:var(--s-8)}
.acknowledgements{padding-left:1.2em}
.acknowledgements li+li{margin-top:var(--s-3)}
.platform-prose .prose h2{font-size:var(--fs-h3);line-height:var(--lh-h3)}
.platform-prose .prose h2+p{text-indent:0}
/* The privacy lead follows the "Last updated" line: no book indent, and room to breathe. */
.platform-prose .platform-updated+p{text-indent:0;margin-top:var(--s-4)}

/* Tools index */
.tools-jump .chips{justify-content:safe center}
/* ul[role=list] (folio reset, 0,1,1) would zero the strip's gutter padding that offsets its negative margin. */
.tools-jump .chips--scroll{padding-inline:var(--gutter)}
.tools-index{padding-bottom:var(--s-8)}
.tools-group{margin-top:var(--s-7);scroll-margin-top:var(--s-5)}
.tools-group__h{display:flex;flex-wrap:wrap;gap:.25rem .6rem;align-items:baseline;padding-bottom:var(--s-2);border-bottom:1px solid var(--text);color:var(--text-subtle)}
.tools-group__h [lang=sa]{font:1.0625rem/1.6 var(--ff-sanskrit);letter-spacing:0;text-transform:none}
.tools-group .contents li:first-child{border-top:0}