/* Supporting-page system. Homepage, shop and hero experiments are intentionally excluded.
   Preserve-mode: variance 4, motion 2, density 3. Brand fonts and colours retained.
   Load last so heading-system's equal-size headings cannot flatten the hierarchy. */
html body.inner-refined {
  --inner-title: clamp(2.75rem, 4.45vw, 4rem);
  --inner-heading: clamp(2rem, 3.05vw, 2.75rem);
  --inner-subheading: clamp(1.625rem, 2.25vw, 2rem);
  --inner-space: clamp(4rem, 6.7vw, 6rem);
  --inner-copy: 58ch;
}
html body.inner-refined h1 {
  font: 500 var(--inner-title)/1.08 'Cormorant Garamond', Georgia, serif !important;
  letter-spacing: -.015em !important;
  text-wrap: balance;
}
html body.inner-refined :is(h2,h3):not(footer *) {
  font-family: 'Cormorant Garamond', Georgia, serif !important;
  font-weight: 500 !important;
  line-height: 1.15 !important;
  letter-spacing: -.01em !important;
  text-wrap: balance;
}
html body.inner-refined h2:not(footer *) { font-size: var(--inner-heading) !important; }
html body.inner-refined h3:not(footer *) { font-size: var(--inner-subheading) !important; }
html body.inner-refined :is(.c-card h3,.pr-title,.journal-entries h2) { font-size: clamp(1.625rem,2.1vw,1.875rem) !important; }
html body.inner-refined :is(.t-focus h3,.eyebrow,.section-label,.focus-title) {
  font: 700 14px/1.5 Inter, Arial, sans-serif !important;
  letter-spacing: .01em !important;
}
html body.inner-refined :is(.prose,.about-card,.book-card,.c-card,.tc-panel,.ix-intro,.bio-copy,.journal-entries) p,
html body.inner-refined :is(.lede,.led,.c-lede,.ac-body,.ac-lede,.pk-body) {
  max-width: var(--inner-copy) !important;
  font: 400 16px/1.75 Inter, Arial, sans-serif !important;
  letter-spacing: normal !important;
}
html body.inner-refined :is(.prose,.about-card,.book-card,.bio-copy) p+p { margin-top: 24px !important; }
html body.inner-refined :is(.t-hero,.pk-hero) .lede { max-width: 48ch !important; }
html body.inner-refined :is(.vpc,.ix-sec):not(.t-hero) { padding-block: var(--inner-space) !important; }
html body.inner-refined .section-head { margin-bottom: 32px !important; }
html body.inner-refined .section-head h2 { margin: 0 !important; }
html body.inner-refined :is(.vp2-grid,.vp5-grid) { column-gap: clamp(40px,6vw,96px) !important; }
html body.inner-refined .c-grid { gap: 56px 64px !important; }
html body.inner-refined .c-card p { margin-block: 16px 24px !important; }
html body.inner-refined .c-card h3 { margin-top: 0 !important; }
html body.inner-refined :is(.btn,.c-go,.pk-go,.pr-cta) { font-family: Inter,Arial,sans-serif !important; min-height:48px; }
html body.inner-refined .focus-disclosure { margin-top: 32px; max-width: var(--inner-copy); }
html body.inner-refined .focus-disclosure summary {
  cursor: pointer; width: fit-content; min-height: 48px; padding-block:12px;
  font: 600 14px/1.7 Inter,Arial,sans-serif; color:inherit;
}
html body.inner-refined .focus-disclosure summary:focus-visible { outline:2px solid currentColor; outline-offset:4px; }
html body.inner-refined .focus-disclosure .ac-chips {
  display: grid !important; grid-template-columns:repeat(2,minmax(0,1fr));
  gap:12px 24px !important; padding:16px 0 0 !important; margin:0 !important;
  border:0 !important;
}
html body.inner-refined .focus-disclosure .ac-chips span {
  display:block; padding:0 !important; margin:0 !important; border:0 !important;
  background:transparent !important; font:400 15px/1.7 Inter,Arial,sans-serif !important;
}
html body.inner-refined .concern-details summary { padding-block:24px !important; font:500 16px/1.6 Inter,Arial,sans-serif !important; }
html body.inner-refined .concern-answer { max-width:var(--inner-copy); padding-bottom:24px; }
html body.inner-refined .pk-card h2 { font-size:var(--inner-subheading) !important; }
html body.inner-refined .pricer .pr-list>li { padding-block:20px !important; }
html body.inner-refined .pricer .pr-desc { max-width:52ch !important; }
@media(max-width:760px) {
  html body.inner-refined { --inner-title:clamp(2.5rem,10.3vw,3rem); --inner-heading:2rem; --inner-subheading:1.625rem; }
  html body.inner-refined .c-grid { grid-template-columns:minmax(0,1fr) !important; gap:40px !important; }
  html body.inner-refined :is(.vp2-grid,.vp5-grid) { row-gap:40px !important; }
  html body.inner-refined .focus-disclosure .ac-chips { grid-template-columns:minmax(0,1fr); }
  html body.inner-refined .pricer .pr-list>li { padding-block:16px !important; }
}

/* Bring the two older introduction templates into the same compact, solid-field system. */
html body.inner-refined.supporting-intro .t-hero { padding:calc(var(--nav-h,72px) + 48px) 0 64px !important; }
html body.inner-refined.supporting-intro .t-hero h1 { max-width:22ch; }
html body.inner-refined.supporting-intro .t-hero .btn { margin-top:24px; }
html body.inner-refined.supporting-intro .brand-plate { align-self:end; }
@media(max-width:760px) { html body.inner-refined.supporting-intro .t-hero { padding-top:calc(var(--nav-h,72px) + 32px) !important; padding-bottom:48px !important; } }

html body.inner-refined .focus-disclosure .focus-heading { margin:0; padding-block:12px; font:600 14px/1.7 Inter,Arial,sans-serif; color:inherit; }