/* Purnam Wiki: the /wiki/ home, search, and wiki pages.
   Tokens from docs/web/design-system.md and the home page; layout rhythm follows the Purnam Blog. */
:root {
  --ps-blue: #005495; --ps-blue-mid: #14559A; --ps-blue-deep: #0E3F72; --ps-navy: #09304D;
  --ps-gold: #E6A23C; --ps-gold-soft: #F2CD8A; --ps-gold-deep: #C9852A;
  --ps-magenta: #A40351; --ps-ink: #2A3D50; --ps-muted: #5B6B78;
  --ps-font-body: "Lato", system-ui, sans-serif;
  --ps-font-accent: "Playfair Display", Georgia, serif;
  --phm-whale: #09304D; --phm-sky: #5095B3; --phm-pink: #D44BA0; --phm-saffron: #FFBD59;
  --phm-cream: #FFDFAE; --phm-mist: #CCECFF; --phm-ivory: #FFFAF3;
  --pw-line: rgba(9,48,77,.12);
  /* The colours of the parts of the being, as Sri Aurobindo and the Mother give them (the Colours pages cite them): red for the physical,
     purple for the vital, yellow for the mind, pink for the psychic, blue for the spiritual. "ink" is the shade used for small text. */
  --pw-physical: #C8372D; --pw-physical-ink: #B02A21;
  --pw-vital: #7A3FA6; --pw-vital-ink: #6A3392;
  --pw-mental: #E3B100; --pw-mental-ink: #8C6D00;
  --pw-psychic: #D44BA0; --pw-psychic-ink: #B83385;
  --pw-spiritual: #2E7FD1; --pw-spiritual-ink: #1F62AA;
}
/* Used by the shared sign-up section, which takes them from the home hero on the home page. */
@keyframes phm-spin { to { transform: rotate(360deg); } }

body.pwiki { margin: 0; background: #fff; }
/* The shared header's sticky workshop bar covers the text on phones; the wiki leaves it out. */
body.pwiki .pnh-sticky { display: none !important; }
body.pwiki #page-container { padding-top: 0 !important; margin-top: 0 !important; overflow: visible; }
#pwiki { display: block; font-family: var(--ps-font-body); color: var(--ps-ink); background: #fff; }
#pwiki * { box-sizing: border-box; }
#pwiki a { text-decoration: none; }
#pwiki a:focus-visible, #pwiki button:focus-visible, #pwiki input:focus-visible, #pwiki summary:focus-visible { outline: 2px solid var(--ps-blue); outline-offset: 3px; }
#pwiki .pwiki-in { max-width: 1180px; margin: 0 auto; padding: 0 28px; }
#pwiki .screen-reader-text { position: absolute !important; width: 1px; height: 1px; overflow: hidden; clip: rect(1px, 1px, 1px, 1px); white-space: nowrap; }
#pwiki [data-aspect="physical"] { --pw-accent: var(--pw-physical); --pw-ink: var(--pw-physical-ink); }
#pwiki [data-aspect="vital"] { --pw-accent: var(--pw-vital); --pw-ink: var(--pw-vital-ink); }
#pwiki [data-aspect="mental"] { --pw-accent: var(--pw-mental); --pw-ink: var(--pw-mental-ink); }
#pwiki [data-aspect="psychic"] { --pw-accent: var(--pw-psychic); --pw-ink: var(--pw-psychic-ink); }
#pwiki [data-aspect="spiritual"] { --pw-accent: var(--pw-spiritual); --pw-ink: var(--pw-spiritual-ink); }
#pwiki [data-aspect=""] { --pw-accent: var(--ps-gold); --pw-ink: var(--ps-gold-deep); }

/* Shared bits */
#pwiki .pwiki-eyebrow { display: inline-flex; align-items: center; gap: 12px; margin: 0 0 14px; padding: 0; color: var(--ps-gold-deep); font: 700 11px/1.3 var(--ps-font-body); letter-spacing: .27em; text-transform: uppercase; }
#pwiki .pwiki-eyebrow::before { content: ""; width: 34px; height: 1px; background: linear-gradient(90deg, transparent, var(--ps-gold)); }
#pwiki h1, #pwiki h2, #pwiki h3, #pwiki h4 { font-family: var(--ps-font-accent); font-weight: 600; color: var(--ps-navy); letter-spacing: -.012em; text-wrap: balance; }
#pwiki h1 { margin: 0 0 16px; font-size: 50px; line-height: 1.1; }
#pwiki h2 { margin: 0 0 14px; font-size: 34px; line-height: 1.18; }
#pwiki .pwiki-lede, #pwiki .pwiki-sec-lede { max-width: 640px; margin: 0 0 30px; color: var(--ps-ink); font: 400 18px/1.65 var(--ps-font-body); }
#pwiki .pwiki-btn { display: inline-flex; align-items: center; gap: 8px; padding: 14px 24px; border-radius: 999px; color: var(--ps-navy); background: linear-gradient(135deg, var(--phm-cream), var(--phm-saffron) 55%, var(--ps-gold)); box-shadow: 0 10px 26px -10px rgba(255,189,89,.7); font: 900 15px/1.2 var(--ps-font-body); transition: transform .25s ease, box-shadow .25s ease; }
#pwiki .pwiki-btn:hover { transform: translateY(-2px); box-shadow: 0 16px 34px -10px rgba(255,189,89,.85); }
#pwiki .pwiki-chip-k { display: inline-block; padding: 5px 10px; border-radius: 999px; background: color-mix(in srgb, var(--pw-accent, var(--ps-gold-deep)) 12%, #fff); color: var(--pw-ink, var(--ps-gold-deep)); font: 900 10px/1 var(--ps-font-body); letter-spacing: .16em; text-transform: uppercase; }

/* Hero (home, search) */
#pwiki .pwiki-hero { padding: 76px 0 56px; background: radial-gradient(50% 70% at 100% 0%, rgba(204,236,255,.7), rgba(204,236,255,0) 70%), linear-gradient(180deg, var(--phm-ivory) 0%, #fff 100%); }
#pwiki .pwiki-hero h1 { max-width: 760px; font-size: 56px; }
#pwiki .pwiki-hero-meta { margin: 18px 0 0; color: var(--ps-muted); font: 400 14px/1.5 var(--ps-font-body); }
#pwiki .pwiki-hero-meta span { margin: 0 6px; }
#pwiki .pwiki-hero-meta .pwiki-why-link span { margin: 0; }
#pwiki .pwiki-search { display: flex; gap: 10px; max-width: 640px; padding: 6px; border: 1px solid rgba(9,48,77,.16); border-radius: 999px; background: #fff; box-shadow: 0 18px 40px -26px rgba(9,48,77,.5); }
#pwiki .pwiki-search input[type="search"] { flex: 1; min-width: 0; padding: 12px 20px; border: 0; border-radius: 999px; background: transparent; color: var(--ps-ink); font: 400 17px/1.3 var(--ps-font-body); }
#pwiki .pwiki-search input[type="search"]:focus-visible { outline: 0; }
#pwiki .pwiki-search:focus-within { border-color: var(--ps-blue); box-shadow: 0 0 0 3px rgba(0,84,149,.14), 0 18px 40px -26px rgba(9,48,77,.5); }
#pwiki .pwiki-search button { flex: none; padding: 0 26px; border: 0; border-radius: 999px; background: var(--ps-blue); color: #fff; font: 900 14px/1 var(--ps-font-body); cursor: pointer; transition: background .2s ease; }
#pwiki .pwiki-search button:hover { background: var(--ps-blue-deep); }

/* How to read */
#pwiki .pwiki-steps { padding: 0 0 8px; }
#pwiki .pwiki-steps ol { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 0; margin: 0; padding: 26px 0; list-style: none; border-top: 1px solid var(--pw-line); border-bottom: 1px solid var(--pw-line); }
#pwiki .pwiki-steps li { display: flex; gap: 16px; align-items: flex-start; margin: 0; padding: 0 28px; color: var(--ps-muted); font: 400 15px/1.55 var(--ps-font-body); border-left: 1px solid var(--pw-line); }
#pwiki .pwiki-steps li:first-child { padding-left: 0; border-left: 0; }
#pwiki .pwiki-steps li::before { display: none; }
#pwiki .pwiki-steps strong { display: block; margin-bottom: 3px; color: var(--ps-navy); font: 900 15px/1.3 var(--ps-font-body); }
#pwiki .pwiki-step-n { flex: none; display: grid; place-items: center; width: 34px; height: 34px; border-radius: 50%; background: rgba(255,189,89,.26); color: #8A5A12; font: 900 14px/1 var(--ps-font-body); }

/* Five aspects */
#pwiki .pwiki-aspects { padding: 72px 0 24px; }
#pwiki .pwiki-aspect-grid { display: grid; grid-template-columns: repeat(5, minmax(0, 1fr)); gap: 18px; margin-top: 8px; }
#pwiki .pwiki-aspect { display: flex; flex-direction: column; gap: 6px; color: inherit; }
#pwiki .pwiki-aspect-img { display: block; aspect-ratio: 4 / 5; overflow: hidden; border-radius: 16px; background: color-mix(in srgb, var(--pw-accent) 18%, #fff); }
#pwiki .pwiki-aspect-img img { display: block; width: 100%; height: 100%; object-fit: cover; transition: transform .5s ease; }
#pwiki .pwiki-aspect:hover .pwiki-aspect-img img { transform: scale(1.04); }
#pwiki .pwiki-aspect-t { margin-top: 10px; color: var(--ps-navy); font: 600 24px/1.15 var(--ps-font-accent); }
#pwiki .pwiki-aspect:hover .pwiki-aspect-t { color: var(--pw-ink); }
#pwiki .pwiki-aspect-n { color: var(--ps-muted); font: 400 14px/1.4 var(--ps-font-body); }

/* Topic cards and filters */
#pwiki .pwiki-all-topics, #pwiki .pwiki-topics { padding: 56px 0 24px; }
#pwiki .pwiki-filter { display: flex; flex-wrap: wrap; gap: 8px; margin: 18px 0 28px; }
#pwiki .pwiki-filter button { padding: 10px 16px; border-radius: 999px; border: 1px solid rgba(0,84,149,.22); background: #fff; color: var(--ps-blue); font: 700 14px/1.1 var(--ps-font-body); cursor: pointer; transition: background .2s ease, border-color .2s ease; }
#pwiki .pwiki-filter button:hover { border-color: var(--ps-blue); background: #F3FAFF; }
#pwiki .pwiki-filter button.is-on { background: var(--ps-blue); border-color: var(--ps-blue); color: #fff; }
#pwiki .pwiki-grid-cards { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 20px; }
#pwiki .pwiki-card { margin: 0; }
#pwiki .pwiki-card[hidden], #pwiki .pwiki-index [hidden] { display: none; }
#pwiki .pwiki-index { columns: 3; column-gap: 40px; }
#pwiki .pwiki-index-group { break-inside: avoid; margin: 0 0 26px; }
#pwiki .pwiki-index-group h3 { margin: 0 0 6px; padding-bottom: 6px; border-bottom: 1px solid var(--pw-line); color: var(--ps-gold-deep); font: 600 22px/1.2 var(--ps-font-accent); }
#pwiki .pwiki-index ul { margin: 0; padding: 0; list-style: none; }
#pwiki .pwiki-index li { display: flex; align-items: baseline; justify-content: space-between; gap: 12px; margin: 0; padding: 0; }
#pwiki .pwiki-index li::before { display: none; }
#pwiki .pwiki-index li a { padding: 6px 0; color: var(--ps-navy); font: 700 16px/1.35 var(--ps-font-body); }
#pwiki .pwiki-index li a:hover { color: var(--ps-blue); text-decoration: underline; text-underline-offset: 3px; }
#pwiki .pwiki-index-a { flex: none; color: var(--pw-ink); font: 900 9px/1 var(--ps-font-body); letter-spacing: .16em; text-transform: uppercase; }
#pwiki .pwiki-card-link { position: relative; display: flex; flex-direction: column; align-items: flex-start; gap: 10px; height: 100%; padding: 26px 24px 22px; overflow: hidden; border: 1px solid var(--pw-line); border-radius: 14px; background: #fff; color: inherit; transition: transform .25s ease, box-shadow .25s ease; }
#pwiki .pwiki-card-link::before { content: ""; position: absolute; left: 0; right: 0; top: 0; height: 3px; background: var(--pw-accent, var(--ps-gold)); }
#pwiki .pwiki-card-link:hover { transform: translateY(-3px); box-shadow: 0 22px 40px -28px rgba(9,48,77,.5); }
#pwiki .pwiki-card-title { margin: 0; font-size: 24px; line-height: 1.2; }
#pwiki .pwiki-card-link:hover .pwiki-card-title { color: var(--ps-blue); }
#pwiki .pwiki-card-sum { color: var(--ps-muted); font: 400 15px/1.6 var(--ps-font-body); }
#pwiki .pwiki-all { margin: 28px 0 0; font: 700 15px/1.4 var(--ps-font-body); }
#pwiki .pwiki-all a { color: var(--ps-blue); }
#pwiki .pwiki-pages { display: flex; gap: 8px; flex-wrap: wrap; margin: 34px 0 0; }
#pwiki .pwiki-pages a, #pwiki .pwiki-pages span { padding: 10px 14px; border: 1px solid var(--pw-line); border-radius: 999px; color: var(--ps-blue); font: 700 14px/1 var(--ps-font-body); }
#pwiki .pwiki-pages .current { background: var(--ps-blue); border-color: var(--ps-blue); color: #fff; }
#pwiki .pwiki-empty { padding: 20px 0 40px; }
#pwiki .pwiki-empty p { max-width: 520px; margin: 0 0 20px; font: 400 18px/1.6 var(--ps-font-body); }

/* Reading room */
#pwiki .pwiki-readings { padding: 64px 0 24px; }
#pwiki .pwiki-reading-list { margin: 10px 0 0; padding: 0; list-style: none; border-top: 1px solid var(--pw-line); }
#pwiki .pwiki-reading-list li { margin: 0; padding: 0; border-bottom: 1px solid var(--pw-line); }
#pwiki .pwiki-reading-list li::before { display: none; }
#pwiki .pwiki-reading-list a { display: grid; grid-template-columns: minmax(0, 1fr) minmax(0, 1.6fr); gap: 28px; padding: 20px 4px; color: inherit; }
#pwiki .pwiki-reading-t { color: var(--ps-navy); font: 600 22px/1.25 var(--ps-font-accent); }
#pwiki .pwiki-reading-list a:hover .pwiki-reading-t { color: var(--ps-blue); text-decoration: underline; text-underline-offset: 4px; }
#pwiki .pwiki-reading-d { color: var(--ps-muted); font: 400 15px/1.6 var(--ps-font-body); }

/* Go deeper: two quiet cards, no shouting */
#pwiki .pwiki-end { padding-top: 56px; padding-bottom: 8px; }
#pwiki .pwiki-deeper { padding: 36px 36px 34px; border-radius: 22px; background: radial-gradient(55% 80% at 100% 0%, rgba(204,236,255,.8), rgba(204,236,255,0) 70%), linear-gradient(160deg, #FFF8EC 0%, #F3FAFF 100%); border: 1px solid rgba(201,133,42,.18); }
#pwiki .pwiki-deeper-lead { max-width: 600px; margin: 0 0 22px; color: var(--ps-ink); font: 400 17px/1.65 var(--ps-font-body); }
#pwiki .pwiki-deeper-grid { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 16px; }
#pwiki .pwiki-deeper-card { display: flex; flex-direction: column; gap: 6px; padding: 22px 24px; border: 1px solid rgba(9,48,77,.1); border-radius: 16px; background: rgba(255,255,255,.82); color: inherit; transition: transform .25s ease, box-shadow .25s ease, border-color .25s ease; }
#pwiki .pwiki-deeper-card:hover { transform: translateY(-2px); border-color: rgba(201,133,42,.5); box-shadow: 0 18px 34px -26px rgba(9,48,77,.5); }
#pwiki .pwiki-deeper-k { color: var(--ps-gold-deep); font: 700 10px/1.3 var(--ps-font-body); letter-spacing: .2em; text-transform: uppercase; }
#pwiki .pwiki-deeper-t { color: var(--ps-navy); font: 600 24px/1.2 var(--ps-font-accent); }
#pwiki .pwiki-deeper-d { color: var(--ps-muted); font: 400 15px/1.6 var(--ps-font-body); }
#pwiki .pwiki-deeper-go { margin-top: 8px; color: var(--ps-blue); font: 700 15px/1.3 var(--ps-font-body); }
#pwiki .pwiki-deeper-card:hover .pwiki-deeper-go { text-decoration: underline; text-underline-offset: 4px; }
#pwiki .pwiki-about { padding: 34px 0 64px; }
#pwiki .pwiki-about p { margin: 0; color: var(--ps-muted); font: 400 14px/1.6 var(--ps-font-body); }
#pwiki .pwiki-about a { color: var(--ps-blue); text-decoration: underline; text-underline-offset: 3px; }

/* Wiki page head */
#pwiki .pwiki-head { padding: 40px 0 8px; background: radial-gradient(50% 70% at 100% 0%, rgba(204,236,255,.55), rgba(204,236,255,0) 70%), linear-gradient(180deg, var(--phm-ivory) 0%, #fff 100%); }
#pwiki .pwiki-head .pwiki-eyebrow { color: var(--pw-ink, var(--ps-gold-deep)); }
#pwiki .pwiki-head h1 { max-width: 820px; }
#pwiki .pwiki-crumbs { display: flex; flex-wrap: wrap; align-items: center; gap: 8px; margin: 0 0 30px; color: var(--ps-muted); font: 400 13px/1.4 var(--ps-font-body); }
#pwiki .pwiki-crumbs a { color: var(--ps-blue); }
#pwiki .pwiki-crumbs a:hover { text-decoration: underline; text-underline-offset: 3px; }
#pwiki .pwiki-crumb-now { color: var(--ps-ink); }
#pwiki .pwiki-switch { display: inline-flex; gap: 4px; margin: 4px 0 18px; padding: 4px; border: 1px solid var(--pw-line); border-radius: 999px; background: #fff; }
#pwiki .pwiki-switch a { padding: 10px 18px; border-radius: 999px; color: var(--ps-blue); font: 700 14px/1 var(--ps-font-body); }
#pwiki .pwiki-switch a:hover { background: #F3FAFF; }
#pwiki .pwiki-switch a.is-on { background: var(--ps-blue); color: #fff; }
#pwiki .pwiki-meta { display: flex; flex-wrap: wrap; gap: 6px 18px; margin: 0 0 10px; color: var(--ps-muted); font: 400 13px/1.5 var(--ps-font-body); }
#pwiki .pwiki-az { border-bottom: 1px solid var(--pw-line); background: #fff; }
#pwiki .pwiki-az .pwiki-in { display: flex; flex-wrap: wrap; gap: 4px; padding-top: 12px; padding-bottom: 12px; }
#pwiki .pwiki-az a { display: grid; place-items: center; min-width: 38px; height: 38px; border-radius: 10px; color: var(--ps-blue); font: 900 15px/1 var(--ps-font-body); }
#pwiki .pwiki-az a:hover { background: #F3FAFF; }
#pwiki .pwiki-az a.is-on { background: var(--ps-blue); color: #fff; }

/* Reading layout */
#pwiki .pwiki-body { padding: 36px 0 40px; }
#pwiki .pwiki-grid { display: grid; grid-template-columns: 248px minmax(0, var(--pw-measure, 700px)); justify-content: center; gap: 64px; align-items: start; }
#pwiki .pwiki-grid.no-toc { grid-template-columns: minmax(0, var(--pw-measure, 700px)); }
#pwiki .pwiki-toc { position: sticky; top: 96px; max-height: calc(100vh - 128px); overflow: auto; padding: 4px 0 4px 18px; border-left: 1px solid var(--pw-line); font: 400 14px/1.45 var(--ps-font-body); }
#pwiki .pwiki-toc summary { list-style: none; cursor: default; }
#pwiki .pwiki-toc summary::-webkit-details-marker { display: none; }
#pwiki .pwiki-toc-k { margin: 0 0 12px; color: var(--ps-gold-deep); font: 700 11px/1.3 var(--ps-font-body); letter-spacing: .22em; text-transform: uppercase; }
#pwiki .pwiki-toc ol { margin: 0; padding: 0; list-style: none; }
#pwiki .pwiki-toc li { margin: 0; padding: 0; }
#pwiki .pwiki-toc li::before { display: none; }
#pwiki .pwiki-toc li.l3 { padding-left: 14px; }
#pwiki .pwiki-toc a { display: block; padding: 5px 0; color: var(--ps-muted); }
#pwiki .pwiki-toc a:hover { color: var(--ps-blue); }
#pwiki .pwiki-toc a.is-on { color: var(--ps-blue); font-weight: 700; }

#pwiki .pwiki-prose { min-width: 0; color: var(--ps-ink); font: 400 18px/1.78 var(--ps-font-body); overflow-wrap: break-word; }
#pwiki .pwiki-prose > *:first-child { margin-top: 0; }
#pwiki .pwiki-prose p { margin: 0 0 1.15em; }
#pwiki .pwiki-prose h2 { margin: 2.1em 0 .55em; scroll-margin-top: 100px; font-size: 32px; }
#pwiki .pwiki-prose h3 { margin: 1.8em 0 .5em; scroll-margin-top: 100px; font-size: 24px; line-height: 1.25; }
#pwiki .pwiki-prose h4 { margin: 1.5em 0 .4em; scroll-margin-top: 100px; font-size: 19px; }
#pwiki .pwiki-prose a { color: var(--ps-blue); text-decoration: underline; text-decoration-color: rgba(0,84,149,.35); text-underline-offset: 3px; }
#pwiki .pwiki-prose a:hover { text-decoration-color: currentColor; }
#pwiki .pwiki-prose ul, #pwiki .pwiki-prose ol { margin: 0 0 1.2em; padding-left: 1.4em; }
#pwiki .pwiki-prose li { margin: 0 0 .4em; }
#pwiki .pwiki-prose hr { margin: 2em 0; border: 0; border-top: 1px solid var(--pw-line); }
#pwiki .pwiki-prose strong { color: var(--ps-navy); }
#pwiki .pwiki-prose .pwiki-center { text-align: center; font-family: var(--ps-font-accent); font-style: italic; font-size: 20px; }
#pwiki .pwiki-prose .pwiki-indent { margin-left: 1.4em; }
#pwiki .pwiki-prose pre { overflow: auto; padding: 16px 18px; border-radius: 10px; background: #F6F8FA; font-size: 14px; line-height: 1.55; }

/* A quotation with its source */
#pwiki .pwiki-quote { margin: 0 0 1.6em; padding: 2px 0 2px 24px; border-left: 3px solid var(--ps-gold); }
#pwiki .pwiki-quote blockquote { margin: 0; padding: 0; border: 0; background: none; color: var(--ps-ink); font: 400 18px/1.78 var(--ps-font-body); }
#pwiki .pwiki-quote blockquote p { margin: 0 0 .8em; }
#pwiki .pwiki-quote blockquote p:last-child { margin-bottom: 0; }
#pwiki .pwiki-quote-src { margin: 10px 0 0; color: var(--ps-muted); font: 400 13px/1.6 var(--ps-font-body); }
#pwiki .pwiki-quote-k { margin-right: 6px; color: var(--ps-gold-deep); font: 700 10px/1 var(--ps-font-body); letter-spacing: .2em; text-transform: uppercase; }
#pwiki .pwiki-quote-src a { color: var(--ps-blue); font-weight: 700; text-decoration: none; }
#pwiki .pwiki-quote-src a:hover { text-decoration: underline; text-underline-offset: 3px; }
#pwiki .pwiki-src-sep { color: rgba(9,48,77,.35); }

/* Numbered sources */
#pwiki .pwiki-fn { margin-left: 1px; font: 700 11px/1 var(--ps-font-body); vertical-align: super; }
#pwiki .pwiki-prose .pwiki-fn a { display: inline-block; padding: 0 2px; text-decoration: none; }
#pwiki .pwiki-sources { margin: 3em 0 0; padding: 26px 0 0; border-top: 1px solid var(--pw-line); font-size: 15px; line-height: 1.6; }
#pwiki .pwiki-prose .pwiki-sources h2 { margin: 0 0 .6em; font-size: 24px; }
#pwiki .pwiki-sources ol { margin: 0; padding-left: 1.6em; }
#pwiki .pwiki-sources li { margin: 0 0 .5em; padding-left: 4px; color: var(--ps-muted); }
#pwiki .pwiki-sources li:target { background: rgba(255,189,89,.22); }
#pwiki .pwiki-prose .pwiki-back { margin-left: 4px; text-decoration: none; }

/* Notes, tables, figures, slides, gallery, video */
#pwiki .pwiki-note { margin: 0 0 1.4em; padding: 16px 20px; border-radius: 12px; background: #F3FAFF; border: 1px solid rgba(0,84,149,.12); font-size: 16px; }
#pwiki .pwiki-note p:last-child { margin-bottom: 0; }
#pwiki .pwiki-table { margin: 0 0 1.6em; overflow-x: auto; }
#pwiki .pwiki-table table { width: 100%; border-collapse: collapse; font-size: 16px; line-height: 1.55; }
#pwiki .pwiki-table th, #pwiki .pwiki-table td { padding: 10px 12px; border: 1px solid var(--pw-line); text-align: left; vertical-align: top; }
#pwiki .pwiki-table th { background: #F6F8FA; color: var(--ps-navy); }
#pwiki .pwiki-table td p:last-child, #pwiki .pwiki-table th p:last-child { margin-bottom: 0; }
#pwiki .pwiki-figure { margin: 0 0 1.6em; }
#pwiki .pwiki-figure img, #pwiki .pwiki-prose img { display: block; max-width: 100%; height: auto; border-radius: 12px; }
#pwiki .pwiki-figure figcaption { margin-top: 8px; color: var(--ps-muted); font-size: 14px; }
#pwiki .pwiki-inline-img img { display: inline-block; vertical-align: middle; }
#pwiki .pwiki-slides { display: flex; gap: 14px; margin: 0 0 1.8em; padding: 2px 2px 14px; overflow-x: auto; scroll-snap-type: x mandatory; scrollbar-width: thin; -webkit-overflow-scrolling: touch; }
#pwiki .pwiki-slides figure { flex: 0 0 min(100%, 640px); margin: 0; scroll-snap-align: start; }
#pwiki .pwiki-slides img { width: 100%; aspect-ratio: 16 / 9; object-fit: cover; border-radius: 14px; box-shadow: 0 18px 36px -26px rgba(9,48,77,.55); }
#pwiki .pwiki-gallery { display: grid; grid-template-columns: repeat(auto-fill, minmax(160px, 1fr)); gap: 14px; margin: 0 0 1.6em; padding: 0; list-style: none; }
#pwiki .pwiki-gallery li { margin: 0; padding: 0; }
#pwiki .pwiki-gallery li::before { display: none; }
#pwiki .pwiki-gallery span { display: block; margin-top: 6px; font-size: 14px; line-height: 1.4; }
#pwiki .pwiki-embed { position: relative; margin: 0 0 1.6em; aspect-ratio: 16 / 9; overflow: hidden; border-radius: 12px; background: #000; }
#pwiki .pwiki-embed iframe { position: absolute; inset: 0; width: 100%; height: 100%; border: 0; }

@media (max-width: 1100px) {
  #pwiki .pwiki-grid { grid-template-columns: minmax(0, 700px); gap: 24px; }
  #pwiki .pwiki-toc { position: static; max-height: none; padding: 14px 18px; border: 1px solid var(--pw-line); border-radius: 12px; background: #FBFCFD; }
  #pwiki .pwiki-toc summary { cursor: pointer; }
  #pwiki .pwiki-toc summary .pwiki-toc-k { display: inline; margin: 0; }
  #pwiki .pwiki-toc summary::after { content: "+"; float: right; color: var(--ps-blue); font: 700 18px/1 var(--ps-font-body); }
  #pwiki .pwiki-toc[open] summary::after { content: "–"; }
  #pwiki .pwiki-toc ol { margin-top: 10px; }
}
@media (max-width: 980px) {
  #pwiki h1, #pwiki .pwiki-hero h1 { font-size: 42px; }
  #pwiki .pwiki-aspect-grid { grid-template-columns: repeat(3, minmax(0, 1fr)); }
  #pwiki .pwiki-grid-cards { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  #pwiki .pwiki-index { columns: 2; }
}
@media (max-width: 720px) {
  #pwiki .pwiki-in { padding: 0 20px; }
  #pwiki h1, #pwiki .pwiki-hero h1 { font-size: 34px; }
  #pwiki h2 { font-size: 28px; }
  #pwiki .pwiki-hero { padding: 48px 0 40px; }
  #pwiki .pwiki-lede, #pwiki .pwiki-sec-lede { font-size: 17px; }
  #pwiki .pwiki-search { padding: 5px; }
  #pwiki .pwiki-search input[type="search"] { padding: 11px 14px; font-size: 16px; }
  #pwiki .pwiki-search button { padding: 0 18px; }
  #pwiki .pwiki-steps ol { grid-template-columns: 1fr; gap: 18px; padding: 22px 0; }
  #pwiki .pwiki-steps li, #pwiki .pwiki-steps li:first-child { padding: 0; border-left: 0; }
  #pwiki .pwiki-aspects { padding-top: 52px; }
  #pwiki .pwiki-aspect-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 14px; }
  #pwiki .pwiki-aspect-t { font-size: 21px; }
  #pwiki .pwiki-grid-cards { grid-template-columns: 1fr; }
  #pwiki .pwiki-index { columns: 1; }
  #pwiki .pwiki-reading-list a { grid-template-columns: 1fr; gap: 6px; }
  #pwiki .pwiki-deeper { padding: 26px 20px; border-radius: 18px; }
  #pwiki .pwiki-deeper-grid { grid-template-columns: 1fr; }
  #pwiki .pwiki-head { padding-top: 26px; }
  #pwiki .pwiki-crumbs { margin-bottom: 22px; }
  #pwiki .pwiki-switch { display: flex; width: 100%; }
  #pwiki .pwiki-switch a { flex: 1; padding: 11px 8px; text-align: center; font-size: 13px; }
  #pwiki .pwiki-prose, #pwiki .pwiki-quote blockquote { font-size: 17px; line-height: 1.75; }
  #pwiki .pwiki-prose h2 { font-size: 26px; }
  #pwiki .pwiki-prose h3 { font-size: 22px; }
  #pwiki .pwiki-quote { padding-left: 16px; }
  #pwiki .pwiki-slides figure { flex-basis: 88%; }
}
@media (max-width: 370px) {
  #pwiki .pwiki-in { padding: 0 16px; }
  #pwiki h1, #pwiki .pwiki-hero h1 { font-size: 30px; }
  #pwiki .pwiki-aspect-grid { grid-template-columns: 1fr 1fr; gap: 10px; }
}
@media (prefers-reduced-motion: reduce) {
  #pwiki *, #pwiki *::before, #pwiki *::after { transition: none !important; animation: none !important; scroll-behavior: auto !important; }
}

/* Reading progress: a thin line under the header, never over the text */
/* Sits just under the header bar (wiki.js sets --pwiki-bar-top as the header shrinks), so the browser's own bar never hides it. */
.pwiki-progress { position: fixed; z-index: 99980; top: var(--pwiki-bar-top, 84px); left: 0; right: 0; height: 4px; background: rgba(9,48,77,.08); pointer-events: none; }
.pwiki-progress span { display: block; width: 100%; height: 100%; background: linear-gradient(90deg, var(--ps-gold-soft), var(--ps-gold) 60%, var(--ps-gold-deep)); transform: scaleX(0); transform-origin: left; }
#pwiki .pwiki-left { font-variant-numeric: tabular-nums; }
#pwiki .pwiki-resume { margin: 4px 0 8px; padding: 10px 16px; max-width: 560px; border: 1px solid rgba(201,133,42,.3); border-radius: 12px; background: rgba(255,189,89,.14); color: var(--ps-ink); font: 400 14px/1.5 var(--ps-font-body); }
#pwiki .pwiki-resume[hidden] { display: none; }
#pwiki .pwiki-resume a { color: var(--ps-blue); font-weight: 700; text-decoration: underline; text-underline-offset: 3px; }
#pwiki .pwiki-resume button { padding: 0; border: 0; background: none; color: var(--ps-muted); font: inherit; text-decoration: underline; text-underline-offset: 3px; cursor: pointer; }

/* Passages: save, copy, link */
#pwiki .pwiki-quote { scroll-margin-top: 110px; border-radius: 0 10px 10px 0; transition: background .4s ease; }
#pwiki .pwiki-quote:target { background: rgba(255,189,89,.16); }
#pwiki .pwiki-quote-src { display: flex; flex-wrap: wrap; align-items: center; gap: 4px 6px; }
#pwiki .pwiki-q-actions { display: inline-flex; gap: 2px; margin-left: auto; padding-left: 12px; }
#pwiki .pwiki-q-actions button, #pwiki .pwiki-q-actions a { position: relative; display: inline-grid; place-items: center; width: 32px; height: 32px; padding: 0; border: 0; border-radius: 8px; background: none; color: #8A97A3; cursor: pointer; text-decoration: none; transition: color .2s ease, background .2s ease, opacity .2s ease; }
#pwiki .pwiki-q-actions button:hover, #pwiki .pwiki-q-actions a:hover { background: rgba(0,84,149,.08); color: var(--ps-blue); text-decoration: none; }
#pwiki .pwiki-q-actions button[aria-pressed="true"] { color: var(--ps-gold-deep); }
#pwiki .pwiki-q-actions button[aria-pressed="true"] svg { fill: currentColor; }
#pwiki .pwiki-q-actions svg { display: block; width: 18px; height: 18px; }
/* The confirmation sits above the icon for a moment. */
#pwiki .pwiki-q-actions [data-done]::after { content: attr(data-done); position: absolute; bottom: calc(100% + 4px); left: 50%; transform: translateX(-50%); padding: 4px 9px; border-radius: 6px; background: var(--ps-blue-deep); color: #fff; font: 700 12px/1.2 var(--ps-font-body); white-space: nowrap; pointer-events: none; }
/* With a mouse, the icons appear when the passage is hovered or focused; a saved passage keeps its bookmark. */
@media (hover: hover) {
  #pwiki .pwiki-quote-src .pwiki-q-actions button, #pwiki .pwiki-quote-src .pwiki-q-actions a { opacity: 0; }
  #pwiki .pwiki-quote:hover .pwiki-q-actions button, #pwiki .pwiki-quote:hover .pwiki-q-actions a,
  #pwiki .pwiki-quote:focus-within .pwiki-q-actions button, #pwiki .pwiki-quote:focus-within .pwiki-q-actions a,
  #pwiki .pwiki-quote:target .pwiki-q-actions button, #pwiki .pwiki-quote:target .pwiki-q-actions a,
  #pwiki .pwiki-quote .pwiki-q-actions button[aria-pressed="true"] { opacity: 1; }
}

/* My passages */
#pwiki .pwiki-mine { display: inline-flex; align-items: center; gap: 8px; margin-left: auto; padding: 7px 14px; border: 1px solid rgba(0,84,149,.22); border-radius: 999px; background: #fff; color: var(--ps-blue); font: 700 13px/1 var(--ps-font-body); }
#pwiki .pwiki-mine:hover { border-color: var(--ps-blue); background: #F3FAFF; }
#pwiki .pwiki-mine-n { min-width: 20px; padding: 3px 6px; border-radius: 999px; background: var(--ps-gold); color: var(--ps-navy); font: 900 11px/1 var(--ps-font-body); text-align: center; }
#pwiki .pwiki-mine-n[hidden] { display: none; }
#pwiki .pwiki-hero-mine { margin: 14px 0 0; }
#pwiki .pwiki-hero-mine .pwiki-mine { margin-left: 0; }
#pwiki .pwiki-hero-saved { padding-bottom: 32px; }
#pwiki .pwiki-saved { padding: 8px 0 72px; }
#pwiki .pwiki-saved-box { max-width: 760px; }
#pwiki .pwiki-saved-box [hidden] { display: none; }
#pwiki .pwiki-saved-empty p { margin: 0 0 20px; font: 400 18px/1.6 var(--ps-font-body); }
#pwiki .pwiki-saved-bar { margin: 0 0 24px; padding: 18px 0; border-bottom: 1px solid var(--pw-line); }
#pwiki .pwiki-saved-count { margin: 0 0 12px; color: var(--ps-muted); font: 700 14px/1.4 var(--ps-font-body); }
#pwiki .pwiki-saved-tools { display: flex; flex-wrap: wrap; gap: 8px; }
#pwiki .pwiki-saved-tools button { padding: 10px 16px; border: 1px solid rgba(0,84,149,.22); border-radius: 999px; background: #fff; color: var(--ps-blue); font: 700 14px/1.1 var(--ps-font-body); cursor: pointer; }
#pwiki .pwiki-saved-tools button:hover { border-color: var(--ps-blue); background: #F3FAFF; }
#pwiki .pwiki-saved-tools button.is-quiet { color: var(--ps-muted); border-color: var(--pw-line); }
#pwiki .pwiki-saved-note { min-height: 1.4em; margin: 12px 0 0; color: var(--ps-muted); font: 400 14px/1.4 var(--ps-font-body); }
#pwiki .pwiki-saved-list h2 { margin: 1.6em 0 .6em; font-size: 24px; }
#pwiki .pwiki-saved-list h2 a { color: var(--ps-navy); }
#pwiki .pwiki-saved-list h2 a:hover { color: var(--ps-blue); }
#pwiki .pwiki-saved-list .pwiki-q-actions { gap: 14px; }
#pwiki .pwiki-saved-list .pwiki-q-actions button, #pwiki .pwiki-saved-list .pwiki-q-actions a { width: auto; height: auto; padding: 4px 0; opacity: 1; background: none; color: var(--ps-muted); font: 700 13px/1.2 var(--ps-font-body); text-decoration: underline; text-underline-offset: 3px; }
#pwiki .pwiki-saved-list .pwiki-q-actions button:hover, #pwiki .pwiki-saved-list .pwiki-q-actions a:hover { background: none; color: var(--ps-blue); }
#pwiki .pwiki-saved-list .pwiki-quote blockquote { font: 400 18px/1.75 var(--ps-font-body); }
#pwiki .pwiki-saved-list .pwiki-quote blockquote p { margin: 0 0 .8em; }

@media (max-width: 720px) {
  #pwiki .pwiki-mine { margin-left: 0; }
  #pwiki .pwiki-saved-list .pwiki-quote blockquote { font-size: 17px; }
}
@media print {
  #pnh, .pnh-spacer, .pnh-sticky, .pwiki-progress, .pwiki-q-actions, .pwiki-saved-bar, .pwiki-crumbs, .pwiki-mine, #pwiki ~ *, .pwiki-hero-saved .pwiki-lede { display: none !important; }
  #pwiki .pwiki-quote { break-inside: avoid; }
  #pwiki .pwiki-quote-src a::after { content: " (" attr(href) ")"; color: #5B6B78; font-weight: 400; }
}

/* Why read Sri Aurobindo: one lead passage and three shorter ones, in a quiet tinted band near the foot of the home */
#pwiki .pwiki-why { margin: 64px 0 0; padding: 58px 0 54px; scroll-margin-top: 90px; background: radial-gradient(60% 90% at 0% 0%, rgba(255,223,174,.4), rgba(255,223,174,0) 70%), linear-gradient(180deg, #EAF5FC 0%, #F6FAFD 100%); border-top: 1px solid rgba(80,149,179,.22); border-bottom: 1px solid rgba(80,149,179,.22); }
#pwiki .pwiki-why-grid { display: grid; grid-template-columns: minmax(0, 1.15fr) minmax(0, 1fr); gap: 56px; align-items: start; margin-top: 8px; }
#pwiki .pwiki-why-lead { margin: 0; }
#pwiki .pwiki-why-lead blockquote { margin: 0; padding: 0; border: 0; background: none; color: var(--ps-navy); font: 500 25px/1.5 var(--ps-font-accent); text-wrap: balance; }
#pwiki .pwiki-why-lead figcaption, #pwiki .pwiki-why-more figcaption { margin-top: 14px; color: var(--ps-muted); font: 700 12px/1.5 var(--ps-font-body); letter-spacing: .06em; text-transform: uppercase; }
#pwiki .pwiki-why figcaption a { color: var(--ps-blue); text-decoration: none; }
#pwiki .pwiki-why figcaption a:hover { text-decoration: underline; text-underline-offset: 3px; }
#pwiki .pwiki-why-note { max-width: 520px; margin: 22px 0 0; color: var(--ps-ink); font: 400 16px/1.7 var(--ps-font-body); }
#pwiki .pwiki-why-more { margin: 0; padding: 0; list-style: none; border-top: 1px solid rgba(201,133,42,.28); }
#pwiki .pwiki-why-more li { margin: 0; padding: 20px 0; border-bottom: 1px solid rgba(201,133,42,.28); }
#pwiki .pwiki-why-more li::before { display: none; }
#pwiki .pwiki-why-more figure { margin: 0; }
#pwiki .pwiki-why-more blockquote { margin: 0; padding: 0; border: 0; background: none; color: var(--ps-ink); font: 400 17px/1.65 var(--ps-font-body); }
#pwiki .pwiki-why-more figcaption { margin-top: 8px; font-size: 11px; }
#pwiki .pwiki-why-go { margin: 30px 0 0; font: 700 15px/1.4 var(--ps-font-body); }
#pwiki .pwiki-why-go a { color: var(--ps-blue); }
#pwiki .pwiki-why-go a:hover { text-decoration: underline; text-underline-offset: 3px; }
#pwiki .pwiki-why-link { display: block; margin: 6px 0 0; color: var(--ps-blue); font-weight: 700; white-space: nowrap; }
#pwiki .pwiki-why-link:hover { text-decoration: underline; text-decoration-thickness: 2px; text-underline-offset: 4px; }
@media (max-width: 980px) { #pwiki .pwiki-why-grid { grid-template-columns: 1fr; gap: 32px; } }
@media (max-width: 720px) { #pwiki .pwiki-why { margin-top: 44px; padding: 44px 0 40px; } #pwiki .pwiki-why-lead blockquote { font-size: 21px; } }

/* Home hero: the message on the left, the symbols and the day's passage on the right */
#pwiki .pwiki-hero-home .pwiki-in { display: grid; grid-template-columns: minmax(0, 1fr) 360px; grid-template-areas: "main emblems" "main quote"; column-gap: 56px; align-items: start; }
#pwiki .pwiki-hero-main { grid-area: main; min-width: 0; }
#pwiki .pwiki-hero-meta { max-width: 560px; }
#pwiki .pwiki-emblems { grid-area: emblems; display: flex; justify-content: center; align-items: center; gap: 0; margin: 6px 0 26px; }
#pwiki .pwiki-emblem { display: block; width: 92px; height: 92px; padding: 0 30px; box-sizing: content-box; }
#pwiki .pwiki-emblem + .pwiki-emblem { border-left: 1px solid rgba(201,133,42,.3); }
#pwiki .pwiki-emblem img { display: block; width: 100%; height: 100%; object-fit: contain; }
/* Quote of the day: a plain card, no gradient or shadow; long passages step the type down so they fit */
#pwiki .pwiki-hero-quote { grid-area: quote; margin: 0; padding: 22px 24px 20px; border: 1px solid var(--pw-line); border-radius: 14px; background: #fff; }
#pwiki .pwiki-hq-k { display: flex; align-items: center; justify-content: space-between; gap: 12px; margin: 0 0 14px; padding-bottom: 12px; border-bottom: 1px solid var(--pw-line); color: var(--ps-gold-deep); font: 700 11px/1.3 var(--ps-font-body); letter-spacing: .22em; text-transform: uppercase; }
#pwiki .pwiki-hq-k time { color: var(--ps-muted); font-weight: 400; letter-spacing: .06em; text-transform: none; }
#pwiki .pwiki-hero-quote blockquote { margin: 0; padding: 0; border: 0; background: none; color: var(--ps-navy); font: 500 22px/1.45 var(--ps-font-accent); }
#pwiki .pwiki-hero-quote.is-mid blockquote { font-size: 19px; line-height: 1.5; }
#pwiki .pwiki-hero-quote.is-long blockquote { font-size: 17px; line-height: 1.55; }
#pwiki .pwiki-hero-quote figcaption { display: flex; align-items: baseline; gap: 8px; min-width: 0; margin-top: 16px; font: 700 12px/1.45 var(--ps-font-body); }
#pwiki .pwiki-hq-by { flex: none; color: var(--ps-ink); letter-spacing: .12em; text-transform: uppercase; font-size: 11px; }
#pwiki .pwiki-hero-quote figcaption a { min-width: 0; overflow: hidden; color: var(--ps-blue); text-decoration: none; text-overflow: ellipsis; white-space: nowrap; }
#pwiki .pwiki-hero-quote figcaption a:hover { text-decoration: underline; text-underline-offset: 3px; }
@media (max-width: 1100px) {
  #pwiki .pwiki-hero-home .pwiki-in { grid-template-columns: minmax(0, 1fr); grid-template-areas: "emblems" "main" "quote"; }
  #pwiki .pwiki-emblems { justify-content: flex-start; margin: 0 0 26px; }
  #pwiki .pwiki-emblem { width: 46px; height: 46px; padding: 0 18px; }
  #pwiki .pwiki-emblem:first-child { padding-left: 0; }
  #pwiki .pwiki-hero-quote { margin-top: 34px; max-width: 560px; }
}

/* Search as you type */
#pwiki .pwiki-search { position: relative; }
#pwiki .pwiki-suggest { position: absolute; z-index: 30; top: calc(100% + 8px); left: 0; right: 0; max-height: min(68vh, 420px); margin: 0; padding: 6px; overflow: auto; list-style: none; border: 1px solid var(--pw-line); border-radius: 16px; background: #fff; box-shadow: 0 22px 44px -28px rgba(9,48,77,.45); }
#pwiki .pwiki-suggest[hidden] { display: none; }
#pwiki .pwiki-suggest li { margin: 0; padding: 0; }
#pwiki .pwiki-suggest li::before { display: none; }
#pwiki .pwiki-suggest a { display: block; padding: 9px 12px; border-radius: 10px; color: var(--ps-ink); }
#pwiki .pwiki-suggest li.is-on a, #pwiki .pwiki-suggest a:hover { background: #F3FAFF; }
#pwiki .pwiki-sg-row { display: flex; align-items: baseline; justify-content: space-between; gap: 12px; }
#pwiki .pwiki-sg-t { min-width: 0; overflow: hidden; color: var(--ps-navy); font: 700 15px/1.35 var(--ps-font-body); text-overflow: ellipsis; white-space: nowrap; }
#pwiki .pwiki-sg-k { flex: none; color: var(--ps-gold-deep); font: 700 9.5px/1.4 var(--ps-font-body); letter-spacing: .14em; text-transform: uppercase; }
#pwiki .pwiki-sg-s { display: -webkit-box; margin-top: 2px; overflow: hidden; color: var(--ps-muted); font: 400 13px/1.5 var(--ps-font-body); -webkit-line-clamp: 2; -webkit-box-orient: vertical; }
#pwiki .pwiki-suggest mark { padding: 0 1px; border-radius: 3px; background: rgba(255,189,89,.4); color: inherit; }
#pwiki .pwiki-suggest li.pwiki-sg-group { margin-top: 8px; padding: 14px 12px 6px; border-top: 1px solid var(--pw-line); color: var(--ps-muted); font: 700 10px/1.3 var(--ps-font-body); letter-spacing: .18em; text-transform: uppercase; }
#pwiki .pwiki-sg-all { margin-top: 2px; border-top: 1px solid var(--pw-line); }
#pwiki .pwiki-sg-all a { color: var(--ps-blue); font: 700 13px/1.4 var(--ps-font-body); }
#pwiki .pwiki-sg-all.is-empty { margin: 0; border-top: 0; }
#pwiki .pwiki-sg-all.is-empty a { color: var(--ps-muted); font-weight: 400; }
/* While the answer is on its way: three tall bars with room between them and a soft shimmer, so the box does not seem empty */
#pwiki .pwiki-suggest li.pwiki-sg-wait { padding: 9px 12px; }
#pwiki .pwiki-sg-bar { display: block; height: 22px; border-radius: 11px; background: linear-gradient(100deg, #EDF1F4 30%, #F9FBFC 50%, #EDF1F4 70%); background-size: 220% 100%; animation: pwiki-shimmer 1.3s ease-in-out infinite; }
@keyframes pwiki-shimmer { from { background-position: 160% 0; } to { background-position: -60% 0; } }
@media (prefers-reduced-motion: reduce) { #pwiki .pwiki-sg-bar { animation: none; } }

/* Reading settings */
#pwiki .pwiki-aa { margin-left: auto; padding: 5px 12px; border: 1px solid rgba(0,84,149,.22); border-radius: 999px; background: #fff; color: var(--ps-blue); font: 700 13px/1 var(--ps-font-accent); cursor: pointer; }
#pwiki .pwiki-aa:hover, #pwiki .pwiki-aa[aria-expanded="true"] { border-color: var(--ps-blue); background: #F3FAFF; }
#pwiki .pwiki-settings { display: flex; flex-wrap: wrap; align-items: center; gap: 12px 28px; max-width: 760px; margin: 6px 0 12px; padding: 14px 18px; border: 1px solid var(--pw-line); border-radius: 14px; background: #fff; box-shadow: 0 18px 40px -30px rgba(9,48,77,.5); }
#pwiki .pwiki-settings[hidden] { display: none; }
#pwiki .pwiki-set-row { display: flex; align-items: center; gap: 10px; }
#pwiki .pwiki-set-k { color: var(--ps-muted); font: 700 11px/1 var(--ps-font-body); letter-spacing: .14em; text-transform: uppercase; }
#pwiki .pwiki-set-opts { display: inline-flex; gap: 2px; padding: 3px; border: 1px solid var(--pw-line); border-radius: 999px; }
#pwiki .pwiki-set-opts button, #pwiki .pwiki-set-reset { padding: 7px 12px; border: 0; border-radius: 999px; background: none; color: var(--ps-blue); font: 700 13px/1 var(--ps-font-body); cursor: pointer; }
#pwiki .pwiki-set-opts button:hover { background: #F3FAFF; }
#pwiki .pwiki-set-opts button[aria-pressed="true"] { background: var(--ps-blue); color: #fff; }
#pwiki .pwiki-set-reset { color: var(--ps-muted); text-decoration: underline; text-underline-offset: 3px; }
html[data-pw-w="n"] { --pw-measure: 600px; }
html[data-pw-w="w"] { --pw-measure: 860px; }
html[data-pw-s="s"] #pwiki .pwiki-prose, html[data-pw-s="s"] #pwiki .pwiki-quote blockquote { font-size: 16px; }
html[data-pw-s="l"] #pwiki .pwiki-prose, html[data-pw-s="l"] #pwiki .pwiki-quote blockquote { font-size: 20px; }
html[data-pw-s="xl"] #pwiki .pwiki-prose, html[data-pw-s="xl"] #pwiki .pwiki-quote blockquote { font-size: 22px; line-height: 1.7; }
html[data-pw-t="warm"] #pwiki .pwiki-body { background: #FBF3E4; }
html[data-pw-t="dim"] #pwiki .pwiki-body { background: #232B34; color: #E4DFD6; }
html[data-pw-t="dim"] #pwiki .pwiki-prose, html[data-pw-t="dim"] #pwiki .pwiki-quote blockquote { color: #E4DFD6; }
html[data-pw-t="dim"] #pwiki .pwiki-prose h2, html[data-pw-t="dim"] #pwiki .pwiki-prose h3, html[data-pw-t="dim"] #pwiki .pwiki-prose h4, html[data-pw-t="dim"] #pwiki .pwiki-prose strong { color: #F6EDDC; }
html[data-pw-t="dim"] #pwiki .pwiki-prose a, html[data-pw-t="dim"] #pwiki .pwiki-quote-src a, html[data-pw-t="dim"] #pwiki .pwiki-toc a.is-on, html[data-pw-t="dim"] #pwiki .pwiki-toc a:hover { color: #92C8EE; }
html[data-pw-t="dim"] #pwiki .pwiki-quote-src, html[data-pw-t="dim"] #pwiki .pwiki-sources li, html[data-pw-t="dim"] #pwiki .pwiki-toc a, html[data-pw-t="dim"] #pwiki .pwiki-figure figcaption { color: #A9B4BF; }
html[data-pw-t="dim"] #pwiki .pwiki-toc { border-color: rgba(255,255,255,.14); background: none; }
html[data-pw-t="dim"] #pwiki .pwiki-sources, html[data-pw-t="dim"] #pwiki .pwiki-prose hr, html[data-pw-t="dim"] #pwiki .pwiki-table th, html[data-pw-t="dim"] #pwiki .pwiki-table td { border-color: rgba(255,255,255,.16); }
html[data-pw-t="dim"] #pwiki .pwiki-table th, html[data-pw-t="dim"] #pwiki .pwiki-note { background: rgba(255,255,255,.06); }
html[data-pw-t="dim"] #pwiki .pwiki-q-actions button, html[data-pw-t="dim"] #pwiki .pwiki-q-actions a { color: #94A0AC; }
html[data-pw-t="dim"] #pwiki .pwiki-q-actions button:hover, html[data-pw-t="dim"] #pwiki .pwiki-q-actions a:hover { background: rgba(255,255,255,.08); color: #92C8EE; }
html[data-pw-t="dim"] #pwiki .pwiki-quote:target { background: rgba(255,189,89,.12); }

/* Quote of the day page */
#pwiki .pwiki-hq-k a { color: inherit; text-decoration: none; }
#pwiki .pwiki-hq-k a:hover { text-decoration: underline; text-underline-offset: 3px; }
#pwiki .pwiki-hero-today { padding-bottom: 36px; }
#pwiki .pwiki-today { max-width: 760px; margin: 28px auto 0; text-align: center; }
#pwiki .pwiki-today h1 { margin: 0 0 6px; font-size: 34px; }
#pwiki .pwiki-today-date { margin: 0 0 26px; color: var(--ps-muted); font: 700 12px/1.4 var(--ps-font-body); letter-spacing: .18em; text-transform: uppercase; }
#pwiki .pwiki-today .pwiki-daily { margin: 0; padding: 34px 36px 22px; border: 1px solid var(--pw-line); border-left: 1px solid var(--pw-line); border-radius: 16px; background: #fff; }
#pwiki .pwiki-today .pwiki-daily blockquote { margin: 0; color: var(--ps-navy); font: 500 28px/1.5 var(--ps-font-accent); text-wrap: balance; }
#pwiki .pwiki-today .pwiki-quote-src { display: flex; flex-direction: column; align-items: center; gap: 4px; margin-top: 22px; font-size: 13px; }
#pwiki .pwiki-today .pwiki-quote-k { margin: 0; color: var(--ps-ink); font-size: 11px; letter-spacing: .14em; }
#pwiki .pwiki-today .pwiki-quote-src a { color: var(--ps-blue); font-weight: 700; text-decoration: none; }
#pwiki .pwiki-today .pwiki-quote-src a:hover { text-decoration: underline; text-underline-offset: 3px; }
#pwiki .pwiki-today .pwiki-q-actions { margin: 14px 0 0; padding: 12px 0 0; border-top: 1px solid var(--pw-line); justify-content: center; width: 100%; }
#pwiki .pwiki-today .pwiki-q-actions button, #pwiki .pwiki-today .pwiki-q-actions a { opacity: 1; }
#pwiki .pwiki-today-go { margin: 22px 0 0; color: var(--ps-muted); font: 400 14px/1.6 var(--ps-font-body); }
#pwiki .pwiki-today-ctx { margin-right: 14px; color: var(--ps-blue); font-weight: 700; }
#pwiki .pwiki-today-go a:hover { text-decoration: underline; text-underline-offset: 3px; }
#pwiki .pwiki-today-from a { color: var(--ps-blue); }
#pwiki .pwiki-week { padding: 28px 0 8px; }
#pwiki .pwiki-week-list { margin: 8px 0 0; padding: 0; list-style: none; border-top: 1px solid var(--pw-line); }
#pwiki .pwiki-week-list li { display: grid; grid-template-columns: 110px minmax(0, 1fr); gap: 24px; margin: 0; padding: 20px 0; border-bottom: 1px solid var(--pw-line); }
#pwiki .pwiki-week-list li::before { display: none; }
#pwiki .pwiki-week-list time { color: var(--ps-gold-deep); font: 700 12px/1.6 var(--ps-font-body); letter-spacing: .14em; text-transform: uppercase; }
#pwiki .pwiki-week-list p { margin: 0; color: var(--ps-navy); font: 500 17px/1.55 var(--ps-font-accent); }
#pwiki .pwiki-week-list .pwiki-week-src { margin-top: 6px; color: var(--ps-muted); font: 700 11px/1.5 var(--ps-font-body); letter-spacing: .08em; text-transform: uppercase; }
#pwiki .pwiki-week-src a { color: var(--ps-blue); }
@media (max-width: 720px) {
  #pwiki .pwiki-today h1 { font-size: 28px; }
  #pwiki .pwiki-today .pwiki-daily { padding: 30px 20px 16px; }
  #pwiki .pwiki-today .pwiki-daily blockquote { font-size: 22px; }
  #pwiki .pwiki-week-list li { grid-template-columns: 1fr; gap: 6px; }
  #pwiki .pwiki-settings { gap: 12px; }
}

#pwiki img { transition: opacity .45s ease; }
#pwiki img.img-wait { opacity: 0; }

/* The aspect's own colour on its pages: the quotation rule, the contents marker, and a swatch beside the home's five parts */
#pwiki .pwiki-page[data-aspect="physical"] .pwiki-quote, #pwiki .pwiki-page[data-aspect="vital"] .pwiki-quote, #pwiki .pwiki-page[data-aspect="mental"] .pwiki-quote, #pwiki .pwiki-page[data-aspect="psychic"] .pwiki-quote, #pwiki .pwiki-page[data-aspect="spiritual"] .pwiki-quote { border-left-color: var(--pw-accent); }
#pwiki .pwiki-page[data-aspect="physical"] .pwiki-toc, #pwiki .pwiki-page[data-aspect="vital"] .pwiki-toc, #pwiki .pwiki-page[data-aspect="mental"] .pwiki-toc, #pwiki .pwiki-page[data-aspect="psychic"] .pwiki-toc, #pwiki .pwiki-page[data-aspect="spiritual"] .pwiki-toc { border-left-color: var(--pw-accent); }
#pwiki .pwiki-aspect-t::before { content: ""; display: inline-block; width: 10px; height: 10px; margin-right: 10px; border-radius: 50%; background: var(--pw-accent); vertical-align: middle; transform: translateY(-2px); }
#pwiki .pwiki-aspects-note { max-width: 640px; margin: -10px 0 26px; color: var(--ps-muted); font: 400 14px/1.6 var(--ps-font-body); }
#pwiki .pwiki-aspects-note a { color: var(--ps-blue); }
#pwiki .pwiki-aspects-note a:hover { text-decoration: underline; text-underline-offset: 3px; }

/* Results page: a plain list of pages, titles first, each with the text around the match */
#pwiki .pwiki-results-sec { padding: 8px 0 56px; }
#pwiki .pwiki-results { max-width: 860px; margin: 0; padding: 0; list-style: none; }
#pwiki .pwiki-results li { margin: 0; padding: 0; }
#pwiki .pwiki-results li::before { display: none; }
#pwiki .pwiki-results li.pwiki-res-group { margin: 44px 0 4px; padding-bottom: 8px; border-bottom: 1px solid var(--pw-line); color: var(--ps-gold-deep); font: 700 11px/1.3 var(--ps-font-body); letter-spacing: .2em; text-transform: uppercase; }
#pwiki .pwiki-results li.pwiki-res-group:first-child { margin-top: 0; }
#pwiki .pwiki-res-link { display: block; padding: 16px 4px; border-bottom: 1px solid var(--pw-line); color: inherit; }
#pwiki .pwiki-res-link:hover { background: #F8FBFD; }
#pwiki .pwiki-res-row { display: flex; align-items: baseline; justify-content: space-between; gap: 16px; }
#pwiki .pwiki-res-t { color: var(--ps-navy); font: 600 22px/1.3 var(--ps-font-accent); }
#pwiki .pwiki-res-link:hover .pwiki-res-t { color: var(--ps-blue); }
#pwiki .pwiki-res-k { flex: none; color: var(--ps-gold-deep); font: 700 10px/1.4 var(--ps-font-body); letter-spacing: .16em; text-transform: uppercase; }
#pwiki .pwiki-res-s { display: block; max-width: 760px; margin-top: 6px; color: var(--ps-muted); font: 400 15px/1.65 var(--ps-font-body); }
#pwiki .pwiki-results mark { padding: 0 2px; border-radius: 3px; background: rgba(255,189,89,.4); color: inherit; }
#pwiki .pwiki-pages .gap { border-color: transparent; }
@media (max-width: 720px) { #pwiki .pwiki-res-row { flex-direction: column; gap: 4px; } #pwiki .pwiki-res-t { font-size: 20px; } }

/* The how-to page: screenshots with a fine frame and a short caption */
#pwiki .pwiki-guide-fig { margin: 0 0 2em; }
#pwiki .pwiki-guide-fig img { width: 100%; border: 1px solid var(--pw-line); border-radius: 12px; box-shadow: 0 18px 36px -30px rgba(9,48,77,.5); }
#pwiki .pwiki-guide-fig figcaption { margin-top: 10px; color: var(--ps-muted); font: 400 14px/1.5 var(--ps-font-body); text-align: center; }