/* Site pages (home, about, privacy, disclaimer) — neutral chrome */
body[data-module="site"]{
  --brand-mark:#2A2721; --col:660px; --pad:20px;
}

/* ==================================================================
   7. Site pages: home / about / privacy / disclaimer
   ================================================================== */

body[data-module="site"]{-webkit-text-size-adjust:none;-webkit-font-smoothing:antialiased;scroll-behavior:smooth;font-synthesis:none}
body[data-module="site"]{font-family:var(--font-body);font-size:1rem;line-height:1.6;color:var(--text);background:var(--bg)}
[data-module="site"] .wrap{max-width:var(--col);margin:0 auto;padding:0 var(--pad)}
[data-module="site"] header{border-bottom:1px solid var(--divider);background:var(--bg);position:sticky;top:0;z-index:10}
[data-module="site"] .headrow{display:flex;align-items:center;height:60px}
[data-module="site"] .brandrow{display:flex;align-items:center;gap:8px;text-decoration:none;color:inherit}
[data-module="site"] .lockup{display:block;height:22px;width:auto}
[data-module="site"] .hero{padding:72px 0 64px;text-align:center;border-bottom:1px solid var(--divider)}
[data-module="site"] .kick{font-size:.6875rem;text-transform:uppercase;letter-spacing:.13em;color:var(--faint);font-weight:500;margin-bottom:22px}
[data-module="site"] h1{font-family:var(--font-display);font-weight:400;font-size:2.25rem;line-height:1.15;max-width:18em;margin:0 auto 18px}
[data-module="site"] .lede{font-size:.9375rem;line-height:1.55;color:var(--muted);max-width:34em;margin:0 auto 24px}
[data-module="site"] .reassure{display:flex;flex-wrap:wrap;gap:8px;justify-content:center}
[data-module="site"] .pill{font-size:.75rem;color:var(--muted);background:var(--surface);border:1px solid var(--divider);border-radius:999px;padding:5px 12px}
[data-module="site"] section{padding:56px 0;border-bottom:1px solid var(--divider)}
[data-module="site"] .eyebrow{font-size:.6875rem;text-transform:uppercase;letter-spacing:.11em;color:var(--faint);font-weight:500;margin-bottom:20px}
[data-module="site"] h2{font-family:var(--font-display);font-weight:400;font-size:1.5rem;line-height:1.25;margin-bottom:12px}
[data-module="site"] .sectlede{font-size:.9375rem;color:var(--muted);max-width:36em;margin-bottom:24px}
[data-module="site"] .sectlede+.sectlede{margin-top:-12px}
[data-module="site"] .cards{display:grid;gap:14px}
[data-module="site"] .card{display:block;background:var(--surface);border:1px solid var(--divider);border-radius:var(--radius-md);padding:20px;text-decoration:none;color:inherit;transition:all var(--ease)}
[data-module="site"] .card{--accent:var(--muted);--accent-tint:var(--surface-2);--accent-meta:var(--faint)}
@media (hover:hover){
[data-module="site"] .card:hover,[data-module="site"] .card:focus-visible{border-color:var(--accent);background:var(--accent-tint);box-shadow:var(--shadow-sm);transform:translateY(-1px)}
}
[data-module="site"] .card:focus-visible{outline:2px solid var(--accent);outline-offset:2px}
[data-module="site"] .cardtitle{font-family:var(--font-display);font-size:1.1875rem;line-height:1.3;margin-bottom:6px}
[data-module="site"] .cardbody{font-size:.875rem;color:var(--muted)}
/* SITE-CARDMETA-V2:start */
/* SITE-CARDMETA-V2 — Pathery - index cards, meta line v2. Full note in the session log, 15 Aug 2026. */
[data-module="site"] .cardmeta{display:flex;flex-wrap:wrap;align-items:center;gap:8px 10px;
  margin-top:14px;font-size:.75rem;color:var(--accent-meta)}
[data-module="site"] .cardmeta .mitem{display:inline-flex;align-items:center;gap:5px;line-height:1}
[data-module="site"] .cardmeta .mitem svg{width:12px;height:12px;flex:none;color:var(--accent-meta)}
/* SITE-CARDMETA-V2:end */
[data-module="site"] .steps{display:grid;gap:12px;counter-reset:s;margin-top:12px}
[data-module="site"] .step{display:flex;gap:14px;align-items:flex-start}
[data-module="site"] .stepnum{font-family:var(--font-display);font-size:1.25rem;color:var(--faint);line-height:1.2;min-width:1.2em}
[data-module="site"] .steptitle{font-weight:500;font-size:.9375rem;margin-bottom:2px}
[data-module="site"] .steptext{font-size:.875rem;color:var(--muted)}
[data-module="site"] .plainlist{list-style:none;display:grid;gap:12px}
[data-module="site"] .plainlist li{font-size:.9375rem;color:var(--muted);padding-left:18px;position:relative}
[data-module="site"] .plainlist li::before{content:"";position:absolute;left:0;top:.62em;width:5px;height:5px;border-radius:50%;background:var(--faint)}
[data-module="site"] .plainlist strong{color:var(--text);font-weight:500}
[data-module="site"] .vh{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}
[data-module="site"] .sub{display:flex;flex-wrap:wrap;gap:10px;margin-bottom:14px}
[data-module="site"] .sub input{flex:1 1 240px;min-width:0;font-family:inherit;font-size:.9375rem;color:var(--text);background:var(--surface);border:1px solid var(--divider);border-radius:var(--radius-md);padding:12px 14px;transition:border-color var(--ease)}
[data-module="site"] .sub input::placeholder{color:var(--faint)}
[data-module="site"] .sub input:focus{outline:none;border-color:var(--muted);box-shadow:var(--shadow-sm)}
[data-module="site"] .sub button{font-family:inherit;font-size:.9375rem;font-weight:500;color:var(--surface);background:var(--text);border:1px solid var(--text);border-radius:var(--radius-md);padding:12px 20px;cursor:pointer;transition:background var(--ease),border-color var(--ease)}
@media (hover:hover){
[data-module="site"] .sub button:hover{background:var(--muted);border-color:var(--muted)}
}
[data-module="site"] footer{padding:40px 0 56px;font-size:.8125rem;color:var(--muted)}
[data-module="site"] .crisis{background:var(--surface);border:1px solid var(--divider);border-radius:var(--radius-md);padding:16px 18px;margin-bottom:24px;line-height:1.55}
[data-module="site"] .crisis strong{display:block;color:var(--text);font-weight:500;margin-bottom:4px}
[data-module="site"] .flinks{display:flex;flex-wrap:wrap;gap:6px 18px;margin-bottom:14px}
[data-module="site"] .flinks a{color:var(--muted);text-decoration:none;border-bottom:1px solid transparent;transition:all var(--ease)}
@media (hover:hover){
[data-module="site"] .flinks a:hover{color:var(--text);border-bottom-color:var(--divider)}
}
[data-module="site"] .fine{font-size:.75rem;color:var(--faint);line-height:1.5}
@media (min-width:768px){
body[data-module="site"]{--col:1080px;--pad:40px}
[data-module="site"] .pagehead .lede{font-size:1.125rem;line-height:1.6}
[data-module="site"] .hero{padding:112px 0 96px}
[data-module="site"] h1{font-size:3.25rem}
[data-module="site"] .lede{font-size:1.125rem;line-height:1.6;margin-bottom:28px}
[data-module="site"] .narrow{max-width:660px}
[data-module="site"] .cards{grid-template-columns:1fr 1fr;gap:18px}
[data-module="site"] .card{padding:24px}
[data-module="site"] .twocol{display:grid;grid-template-columns:minmax(0,300px) minmax(0,1fr);gap:56px;align-items:start}
[data-module="site"] .twocol .eyebrow{margin-bottom:8px}
[data-module="site"] .twocol .steps{margin-top:0}
[data-module="site"] section{padding:80px 0}
[data-module="site"] .steps{gap:14px}
}
@media (prefers-reduced-motion:reduce){
[data-module="site"] *{transition:none!important;animation:none!important}
body[data-module="site"]{scroll-behavior:auto}
}
/* legal page */
[data-module="site"] .pagehead{padding:56px 0 40px;border-bottom:1px solid var(--divider)}
[data-module="site"] .pagehead h1{font-size:2rem;max-width:22em;margin:0 0 12px}
[data-module="site"] .updated{font-size:.8125rem;color:var(--faint)}
[data-module="site"] .doc{padding:48px 0 56px}
[data-module="site"] .doc h2{margin:0 0 12px}
[data-module="site"] .doc .block{margin-bottom:36px}
[data-module="site"] .doc .block:last-child{margin-bottom:0}
[data-module="site"] .doc p{font-size:.9375rem;color:var(--muted);max-width:36em;margin-bottom:12px}
[data-module="site"] .doc p:last-child{margin-bottom:0}
[data-module="site"] .doc p strong{color:var(--text);font-weight:500}
[data-module="site"] .doc ul{list-style:none;display:grid;gap:12px;max-width:36em;margin-bottom:12px}
[data-module="site"] .doc ul li{font-size:.9375rem;color:var(--muted);padding-left:18px;position:relative}
[data-module="site"] .doc ul li::before{content:"";position:absolute;left:0;top:.62em;width:5px;height:5px;border-radius:50%;background:var(--faint)}
[data-module="site"] .doc a{color:var(--text);text-decoration:none;border-bottom:1px solid var(--divider);transition:border-color var(--ease)}
@media (hover:hover){
[data-module="site"] .doc a:hover{border-bottom-color:var(--muted)}
}
[data-module="site"] .back{display:inline-flex;align-items:center;gap:6px;font-size:.8125rem;color:var(--muted);text-decoration:none;margin-bottom:28px;transition:color var(--ease)}
@media (hover:hover){
[data-module="site"] .back:hover{color:var(--text)}
}
@media (min-width:768px){
[data-module="site"] .pagehead{padding:80px 0 56px}
[data-module="site"] .pagehead h1{font-size:2.75rem}
[data-module="site"] .doc{padding:72px 0 80px}
[data-module="site"] .doc .block{display:grid;grid-template-columns:minmax(0,220px) minmax(0,1fr);gap:48px;align-items:start;margin-bottom:48px}
[data-module="site"] .doc .block h2{grid-column:1}
[data-module="site"] .doc .block .body{grid-column:2}
}
[data-module="site"] .pagehead .lede{font-size:.9375rem;line-height:1.55;color:var(--muted);max-width:34em;margin:.9rem 0 0}
[data-module="site"] .placeholder{background:rgba(180,140,60,.10);border-left:2px solid rgba(180,140,60,.55);
  padding:.7rem .85rem;border-radius:4px;color:#6b5a38;font-style:italic}
/* --- Ligatures: Instrument Serif liga/clig — added 31 Jul 2026 --- */
[data-module="site"] .title,[data-module="site"] h1,[data-module="site"] h2,[data-module="site"] h3,[data-module="site"] .cardtitle,[data-module="site"] .stepnum,[data-module="site"] .pagehead h1{font-variant-ligatures:common-ligatures contextual;font-feature-settings:"liga" 1,"clig" 1;font-kerning:normal}

/* ---- Home page only: newsletter + PWA install banner ---- */
/* Self-hosted fonts — MW-FONTS-V1 */
[data-module="site"] .sub input:focus-visible{outline:2px solid var(--muted);outline-offset:2px}
[data-module="site"] .sub input:-webkit-autofill,[data-module="site"] .sub input:-webkit-autofill:hover,[data-module="site"] .sub input:-webkit-autofill:focus{-webkit-text-fill-color:var(--text);caret-color:var(--text);-webkit-box-shadow:0 0 0 100px var(--surface) inset;box-shadow:0 0 0 100px var(--surface) inset;transition:background-color 9999s ease-out 0s}
[data-module="site"] .sub input:autofill{-webkit-text-fill-color:var(--text);box-shadow:0 0 0 100px var(--surface) inset}
[data-module="site"] .sub input:invalid:not(:placeholder-shown){border-color:var(--divider)}
[data-module="site"] .sub button:focus-visible{outline:2px solid var(--text);outline-offset:2px}
[data-module="site"] .subdone{font-size:.8125rem;line-height:1.55;color:var(--text);margin:14px 0 18px;font-weight:400;max-width:40em}
[data-module="site"] .subdone a{color:var(--text);text-decoration:none;border-bottom:1px solid var(--divider);font-size:inherit;margin:0;transition:border-color var(--ease)}
@media (hover:hover){
[data-module="site"] .subdone a:hover{border-bottom-color:var(--text)}
}
[data-module="site"] iframe.vh{position:absolute;width:1px;height:1px;border:0;clip:rect(0 0 0 0);overflow:hidden}
/* --- Ligatures: Instrument Serif liga/clig — added 31 Jul 2026 --- */
/* ---- next style block ---- */
[data-module="site"] #pwa-banner{position:fixed;left:0;right:0;bottom:0;z-index:40;padding:0 var(--pad) calc(12px + env(safe-area-inset-bottom))}
[data-module="site"] .pwa-inner{max-width:560px;margin:0 auto;display:flex;align-items:center;gap:12px;background:var(--surface);border:1px solid var(--divider);border-radius:var(--radius-lg);box-shadow:0 6px 24px rgba(42,39,33,.12);padding:12px 14px}
[data-module="site"] .pwa-icon{width:40px;height:40px;border-radius:10px;flex:none}
[data-module="site"] .pwa-text{flex:1;min-width:0;font-size:.8125rem;line-height:1.45;color:var(--muted)}
[data-module="site"] .pwa-text>strong{display:block;font-size:.875rem;color:var(--text)}
[data-module="site"] .pwa-text span strong{color:var(--text);font-weight:500}
[data-module="site"] .pwa-text .shr{display:inline-block;vertical-align:-2px;width:13px;height:13px}
[data-module="site"] #pwa-install{flex:none;font:inherit;font-size:.8125rem;font-weight:500;color:var(--bg);background:var(--text);border:0;border-radius:999px;padding:8px 16px;cursor:pointer;transition:background var(--ease)}
@media (hover:hover){[data-module="site"] #pwa-install:hover{background:var(--muted)}}
[data-module="site"] #pwa-close{flex:none;font-size:1.1rem;line-height:1;color:var(--faint);background:none;border:0;padding:6px;cursor:pointer}
/* VC-STATE-V22:end */

/* PATHERY-TOUCH-V1-SITE — Pathery — gesture policy, site pages. Full note in the session log, 15 Aug 2026. */
body[data-module="site"]{touch-action:manipulation}
/* PATHERY-TAPHL-V1-SITE — Pathery — tap highlight, site pages. */
body[data-module="site"]{-webkit-tap-highlight-color:transparent}

/* SITE-LIBRARY-V1 — the library row and its sorting, 20 Aug 2026. */
[data-module="site"] .cards.free{display:grid;gap:14px}
@media (min-width:768px){
[data-module="site"] .cards.free{grid-template-columns:1fr 1fr 1fr;gap:18px}
}
[data-module="site"] .pagehead h1 .eyebrow{display:block;font-family:var(--font-body);font-size:.6875rem;line-height:1.4;letter-spacing:.11em;margin:0 0 20px}
[data-module="site"] .hero h1 .kick{display:block;font-family:var(--font-body);font-size:.6875rem;line-height:1.4;letter-spacing:.13em;margin:0 0 22px}
[data-module="site"] h2 .eyebrow{display:block;font-family:var(--font-body);font-size:.6875rem;line-height:1.4;letter-spacing:.11em;margin:0 0 20px}
[data-module="site"] h3.cardtitle{margin:0 0 6px;font-weight:400}

/* SITE-BUTTONS-V1, 26 Aug 2026. Filled buttons rested at --muted and darkened to --text, so a
   button strengthened under the pointer instead of fading. SITE-BUTTONS-V2, 6 Sep 2026,
   reversed that by decision: filled buttons now rest at --text and soften to --muted, on
   the form buttons and the install banner alike, so a button is at full strength before it
   is touched. Nothing else about them moved. Both opacity fades are gone, and the
   install banner’s hover now sits behind a pointer check, so it cannot stick after a tap. A
   chosen library pill softens to --muted, which lets the existing chosen-plus-pointer rule
   darken it to --text, matching the ladder in the modules. The rested pill edge is the object
   edge --divider, as settled. The unchosen pill hover keeps --surface-2 by decision.
   SITE-FIX-V1: the rested edge returned to --divider and the pointer state was reduced to the
   fill alone — edge and words both hold still. A chosen pill still darkens as one piece. */

/* SITE-LABELS-V1, 26 Aug 2026. The four reassurance labels in the hero are not tappable, so
   they no longer look it: no outline, no fill, small grey words with a dot between them. An
   outlined pill on this site now always means you can tap it. The page carries the plain marker;
   .pill itself is unchanged and still dresses the seven sorting buttons. */
[data-module="site"] .reassure.plain{gap:0 12px;font-size:.75rem;color:var(--faint)}
[data-module="site"] .reassure.plain span{display:inline-flex;align-items:center;gap:12px}
[data-module="site"] .reassure.plain span::after{content:"";width:4px;height:4px;border-radius:50%;background:var(--faint);display:inline-block}
[data-module="site"] .reassure.plain span:last-child::after{display:none}

/* SITE-HEADLINK-V1, 6 Sep 2026. The For therapists button in the header of home,
   about, privacy and disclaimer. Not on the exercises, not on /therapists itself,
   not on /offline.
   A ghost button by decision: ink hairline and ink words at rest, filling with ink
   under the pointer. That is the opposite direction to the filled buttons after
   SITE-BUTTONS-V2, and deliberately so — the header should strengthen when touched,
   while the one solid button on each page stays the primary action.
   Size is .8125rem with 8px 16px, the #pwa-install recipe reused rather than a new
   pair of numbers. .headrow is a flex row with no justify-content, so margin-left:
   auto places it without touching a rule every site page shares. */
[data-module="site"] .headlink{margin-left:auto;font-family:inherit;font-size:.8125rem;font-weight:500;color:var(--text);background:transparent;border:1px solid var(--text);border-radius:var(--radius-md);padding:8px 16px;line-height:1;text-decoration:none;white-space:nowrap;transition:background var(--ease),color var(--ease)}
@media (hover:hover){
[data-module="site"] .headlink:hover{background:var(--text);color:var(--surface)}
}
[data-module="site"] .headlink:focus-visible{outline:2px solid var(--text);outline-offset:2px}

/* SITE-PRICING-V1:start */
/* SITE-PRICING-V1, 9 Sep 2026. The pricing block on /therapists: the tag under the
   heading, the monthly and annual switch, the four-plan table above 768 and the stacked
   cards below it. Tokens only, no new colour. --border and --surface-offset are used
   nowhere else in this file, so both carry a fallback. The tag is an outlined pill that
   cannot be tapped, accepted by decision here, against the SITE-LABELS-V1 convention. */
/* SITE-PRICING-V2, 9 Sep 2026. The tag is respecified past [data-module="site"] .doc p,
   which was winning on specificity, and the heading, tag and body spacing is set here. */
[data-module="site"] .pr-head{margin-bottom:18px}
[data-module="site"] .pr-head h2{margin-bottom:10px}
[data-module="site"] .doc p.pr-tag{display:inline-block;margin:0;font-size:.75rem;line-height:1;color:var(--muted);background:var(--surface-2);border:1px solid var(--divider);border-radius:999px;padding:5px 12px}
[data-module="site"] .pr-bar{display:flex;justify-content:flex-start;margin-bottom:14px}
[data-module="site"] .pr-switch{position:relative;display:inline-flex;align-items:stretch;background:var(--surface-offset,#EFEDE8);border-radius:999px;padding:3px;isolation:isolate}
[data-module="site"] .pr-thumb{position:absolute;top:3px;bottom:3px;left:3px;border-radius:999px;background:var(--surface);box-shadow:var(--shadow-sm);transition:transform var(--ease),width var(--ease);z-index:0}
[data-module="site"] .pr-switch button{position:relative;z-index:1;font-family:inherit;font-size:.75rem;color:var(--faint);background:none;border:0;border-radius:999px;padding:8px 15px;min-height:30px;cursor:pointer;white-space:nowrap;transition:color var(--ease)}
[data-module="site"] .pr-switch button[aria-pressed="true"]{color:var(--text);font-weight:500}
[data-module="site"] .pr-switch .pr-save{color:var(--faint);font-weight:400;margin-left:5px}
[data-module="site"] .pr-switch button:focus-visible{outline:2px solid var(--text);outline-offset:2px}
@media (hover:hover){
[data-module="site"] .pr-switch button:not([aria-pressed="true"]):hover{color:var(--muted)}
}
[data-module="site"] .pr-tab{display:none}
[data-module="site"] .pr-cards{display:grid;gap:12px}
[data-module="site"] .pr-card{border:1px solid var(--divider);border-radius:var(--radius-md);padding:14px 16px;background:var(--surface)}
[data-module="site"] .pr-cardtop{display:flex;align-items:baseline;justify-content:space-between;gap:10px}
[data-module="site"] .pr-name{font-family:var(--font-display);font-size:1.0625rem;line-height:1.3}
[data-module="site"] .pr-card .pr-cost{font-family:var(--font-display);font-size:1.25rem;line-height:1.2;color:var(--text);font-variant-numeric:tabular-nums}
[data-module="site"] .pr-card .pr-per{font-family:var(--font-body);font-size:.75rem;color:var(--faint);margin-left:5px}
[data-module="site"] .pr-card .pr-none{color:var(--faint)}
[data-module="site"] .pr-pairs{display:grid;gap:2px;margin:10px 0 0}
/* SITE-PRICING-V3, 10 Sep 2026. The label and its value align on the baseline, which is
   what .pr-cardtop already does. The 1.9 line height it replaces was a guess at the gap. */
[data-module="site"] .pr-pair{display:flex;gap:12px;font-size:.875rem;align-items:baseline}
[data-module="site"] .pr-pair dt{font-size:.6875rem;text-transform:uppercase;letter-spacing:.11em;color:var(--faint);width:76px;flex:none;line-height:1.6}
[data-module="site"] .pr-pair dd{margin:0;color:var(--muted);min-width:0;flex:1 1 auto}
[data-module="site"] .pr-fine{margin-top:16px}
@media (min-width:768px){
[data-module="site"] .pr-cards{display:none}
[data-module="site"] .pr-head{margin-bottom:0}
[data-module="site"] .pr-tab{display:table;width:100%;border-collapse:collapse;font-size:.875rem;table-layout:fixed}
[data-module="site"] .pr-tab col{width:19.25%}
[data-module="site"] .pr-tab col.pr-c1{width:23%}
[data-module="site"] .pr-tab th,[data-module="site"] .pr-tab td{text-align:left;padding:11px 9px;vertical-align:baseline}
[data-module="site"] .pr-tab th:first-child,[data-module="site"] .pr-tab td:first-child{padding-left:12px}
[data-module="site"] .pr-tab th:last-child,[data-module="site"] .pr-tab td:last-child{padding-right:12px}
[data-module="site"] .pr-tab thead th{font-family:var(--font-display);font-weight:400;font-size:1.0625rem;line-height:1.3;color:var(--text);border-bottom:1px solid var(--border,var(--divider))}
[data-module="site"] .pr-tab thead th.pr-lab{font-family:var(--font-body);font-size:.6875rem;text-transform:uppercase;letter-spacing:.08em;color:var(--faint);font-weight:500}
[data-module="site"] .pr-tab tbody th{font-family:var(--font-body);font-size:.6875rem;text-transform:uppercase;letter-spacing:.11em;color:var(--faint);font-weight:500;border-bottom:1px solid var(--divider)}
[data-module="site"] .pr-tab tbody th .pr-cur{display:block;text-transform:none;letter-spacing:normal;font-weight:400;font-size:.75rem;color:var(--faint);margin-top:3px}
[data-module="site"] .pr-tab tbody td{border-bottom:1px solid var(--divider);color:var(--muted)}
[data-module="site"] .pr-tab .pr-price td{font-family:var(--font-display);font-size:1.25rem;line-height:1.2;color:var(--text);font-variant-numeric:tabular-nums}
[data-module="site"] .pr-tab .pr-price td .pr-per{display:block;font-family:var(--font-body);font-size:.75rem;color:var(--faint)}
[data-module="site"] .pr-tab .pr-span{text-align:center}
[data-module="site"] .pr-tab .pr-none{color:var(--faint)}
}
/* SITE-PRICING-V1:end */