/* Solari / Ink / Line: adapted from alxevt.com; Calm preserves the supplied design. */
.skin-bar { border-bottom: 1px solid var(--line); background: var(--paper); }
.skin-bar-inner { display: flex; align-items: center; justify-content: flex-end; gap: 12px; padding-block: 9px; flex-wrap: wrap; }
.skin-label { font-size: .72rem; color: var(--muted); }
.skin-switch { display: flex; gap: 4px; flex-wrap: wrap; }
.skin-switch button { border: 1px solid var(--line); background: var(--surface); color: var(--ink); border-radius: 30px; min-height: 40px; min-width: 52px; padding: 7px 12px; font-size: .72rem; }
.skin-switch button[aria-pressed="true"] { background: var(--ink); border-color: var(--ink); color: var(--paper); }
.video-resources { border-top: 1px solid var(--line); margin-top: 28px; padding-top: 28px; }
.video-resources h3 { margin-bottom: 12px; }
.video-links { display: grid; grid-template-columns: 1fr 1fr; gap: 14px; margin: 18px 0; }
.video-card { display: flex; flex-direction: column; gap: 8px; border: 1px solid var(--line); border-radius: 14px; padding: 20px; background: var(--surface); color: var(--ink); text-decoration: none; }
.video-card:hover { border-color: var(--green); }
.video-card strong { text-decoration: underline; text-underline-offset: 4px; font-size: .95rem; }
.video-card span { font-size: .8rem; color: var(--muted); }
.video-source { font-size: .8rem; }
.footer-links { display: flex; flex-wrap: wrap; gap: 14px; align-items: center; }
.footer-links a, .footer-links button { color: inherit; font-size: inherit; }
@media (max-width: 600px) {
  .skin-bar-inner { justify-content: flex-start; gap: 6px 10px; }
  .skin-switch { gap: 4px; }
  .skin-switch button { padding: 7px 10px; }
  .video-links { grid-template-columns: 1fr; }
}
@media screen {
  :root[data-skin="solari"] {
    color-scheme: dark;
    --paper: #0B0C0E; --surface: #17181B; --ink: #F1EEE4; --muted: #BDC0C5;
    --green: #FFB531; --green-hover: #FFC459; --sage: #292B30; --line: #4F5259;
    --clay: #F0B29B; --sand: #27231C; --serif: ui-monospace, Menlo, Consolas, monospace;
    --shadow: 0 16px 40px #0005; --radius: 16px;
  }
  :root[data-skin="ink"], :root[data-skin="line"] {
    color-scheme: light;
    --paper: #F4F5F2; --surface: #FFF; --ink: #16181A; --muted: #5F665F;
    --green: #242B25; --green-hover: #3A443C; --sage: #E8EBE6; --line: #A2A7A2;
    --clay: #6B4B36; --sand: #EEECE5; --shadow: none;
  }
  :root[data-skin="ink"] { --sans: ui-monospace, Menlo, Consolas, monospace; --radius: 6px; }
  :root[data-skin="line"] { --serif: -apple-system, BlinkMacSystemFont, 'Segoe UI', Arial, sans-serif; --radius: 0; }
  :root[data-skin="ink"] body { border: 1px solid var(--ink); margin: 10px; }
  :root[data-skin="line"] .care-card,
  :root[data-skin="line"] .pattern-card,
  :root[data-skin="line"] .visit-card,
  :root[data-skin="line"] .practice-frame { border-radius: 0; box-shadow: none; }
  :root[data-skin="line"] .hero-art { border-radius: 0; box-shadow: none; }
  :root[data-skin="line"] .section { padding-block: 64px; }
  :root[data-skin="solari"] .brand strong { padding: 4px 8px; background: linear-gradient(#232529 49%, #090A0B 49%, #090A0B 52%, #1A1C1F 52%); border: 1px solid #4F5259; border-radius: 4px; letter-spacing: .02em; color: #FFB531; }
  :root[data-skin="solari"] h1 { font-size: clamp(2.3rem, 3.8vw, 3.6rem); }
  :root[data-skin]:not([data-skin="calm"]) .site-header { background: var(--paper); border-color: var(--line); }
  :root[data-skin]:not([data-skin="calm"]) :is(.main-nav a, .eyebrow, .citations a, .trust-row, .stat-number, .small-star, .source-number, .card-top .micro, .plus) { color: var(--green); }
  :root[data-skin]:not([data-skin="calm"]) :is(.hero h1 em, .ask-card p:last-child, .visit-script p, .faq-item summary) { color: var(--ink); }
  :root[data-skin]:not([data-skin="calm"]) :is(.language-switch, .practice-frame, .visit-card, .care-card, textarea) { background: var(--surface); border-color: var(--line); color: var(--ink); }
  :root[data-skin]:not([data-skin="calm"]) :is(.care-section, .plan-section, .ask-card, .practice-tabs, .routine-art, .pattern-options button) { background: var(--sage); color: var(--ink); border-color: var(--line); }
  :root[data-skin]:not([data-skin="calm"]) :is(.plan-intro > p:not(.eyebrow), .bring-note p, .ask-card .micro, .breath-visual > p) { color: var(--muted); }
  :root[data-skin]:not([data-skin="calm"]) :is(.primary, .language-switch button[aria-pressed="true"], .pattern-options button[aria-selected="true"]) { background: var(--green); color: var(--paper); }
  :root[data-skin]:not([data-skin="calm"]) .primary:hover { background: var(--green-hover); }
  :root[data-skin]:not([data-skin="calm"]) :is(.practice-tabs button[aria-selected="true"], .bring-note .icon-tile) { background: var(--surface); color: var(--ink); }
  :root[data-skin]:not([data-skin="calm"]) .art-caption { background: var(--surface); border-color: var(--line); color: var(--ink); }
  :root[data-skin]:not([data-skin="calm"]) :is(.brand-icon, .footer-brand .brand-icon) { background: var(--green); color: var(--paper); }
  :root[data-skin]:not([data-skin="calm"]) .breath-orbit { background: var(--surface); border-color: var(--line); box-shadow: 0 0 0 18px var(--paper), 0 0 0 19px var(--line); }
  :root[data-skin]:not([data-skin="calm"]) .breath-middle { background: var(--sage); }
  :root[data-skin]:not([data-skin="calm"]) :is(.timer-number, .timer-unit, .routine-art .icon) { color: var(--green); }
  :root[data-skin]:not([data-skin="calm"]) .safety-section { background: var(--sand); border-color: var(--line); }
  :root[data-skin]:not([data-skin="calm"]) :is(.safety-section .eyebrow, .safety-grid h3, .safety-grid p, .safety-section .small-note) { color: var(--ink); }
  :root[data-skin]:not([data-skin="calm"]) .site-footer { background: var(--surface); color: var(--ink); border-top: 1px solid var(--line); }
  :root[data-skin]:not([data-skin="calm"]) :is(.site-footer p, .footer-bottom) { color: var(--muted); border-color: var(--line); }
  :root[data-skin]:not([data-skin="calm"]) :is(.footer-brand, .footer-privacy h3, .footer-bottom a) { color: var(--ink); }
  :root[data-skin]:not([data-skin="calm"]) :focus-visible { outline-color: var(--green); }
  :root[data-skin]:not([data-skin="calm"]) textarea::placeholder { color: var(--muted); }
  @media (prefers-color-scheme: dark) {
    :root[data-skin="ink"], :root[data-skin="line"] {
      color-scheme: dark; --paper: #131514; --surface: #1D211E; --ink: #EDEFEA;
      --muted: #B5BCB5; --green: #D3DDD2; --green-hover: #E5EDE3;
      --sage: #282E29; --line: #697269; --sand: #2C2821;
    }
  }
}
@media print { .skin-bar, .consent-panel, .footer-links { display: none !important; } }