@import url('/hyvinn-colors.css');
@import url('/shared/ak-brand.css?v=20261019-logo-split-1');
/* A single palette for every app entry point. Layered important colours
   intentionally take precedence over the older app-specific colour sheets. */
@layer hyvinn-palette {
  html[data-hyvinn-palette="jere"],
  html[data-hyvinn-palette="jere"] body {
    color-scheme: light !important;
    --ink: var(--hyvinn-text) !important;
    --text: var(--hyvinn-text) !important;
    --muted: var(--hyvinn-text) !important;
    --green: var(--hyvinn-logo-background) !important;
    --forest: var(--hyvinn-logo-background) !important;
    --accent: var(--hyvinn-logo-background) !important;
    --primary: var(--hyvinn-logo-background) !important;
    --brand: var(--hyvinn-logo-background) !important;
    --bg: var(--hyvinn-background) !important;
    --background: var(--hyvinn-background) !important;
    --paper: var(--hyvinn-content) !important;
    --surface: var(--hyvinn-content) !important;
    --card: var(--hyvinn-content) !important;
    --white: var(--hyvinn-content) !important;
    --cream: var(--hyvinn-content) !important;
    --soft: var(--hyvinn-content) !important;
    --sage: var(--hyvinn-content) !important;
    --mint: var(--hyvinn-content) !important;
    --blue: var(--hyvinn-content) !important;
    --pink: var(--hyvinn-content) !important;
    --mind: var(--hyvinn-content) !important;
    --body: var(--hyvinn-content) !important;
    --heart: var(--hyvinn-content) !important;
    --gold: var(--hyvinn-logo-background) !important;
    --sand: var(--hyvinn-visual) !important;
    --line: var(--hyvinn-line) !important;
    --section-accent: var(--hyvinn-logo-background) !important;
    --section-tint: var(--hyvinn-content) !important;
    --app-accent: var(--hyvinn-logo-background) !important;
    --app-soft: var(--hyvinn-content) !important;
    --app-second: var(--hyvinn-visual) !important;
    --brand-gradient: linear-gradient(90deg, var(--hyvinn-visual), var(--hyvinn-visual)) !important;
    --hyvinn222-bg: var(--hyvinn-background) !important;
    --hyvinn222-bg2: var(--hyvinn-background) !important;
    --hyvinn222-chrome: var(--hyvinn-content) !important;
    --hyvinn222-paper: var(--hyvinn-content) !important;
    --hyvinn222-surface2: var(--hyvinn-content) !important;
    --hyvinn222-ink: var(--hyvinn-text) !important;
    --hyvinn222-muted: var(--hyvinn-text) !important;
    --hyvinn222-accent: var(--hyvinn-logo-background) !important;
    --hyvinn222-soft: var(--hyvinn-content) !important;
    --hyvinn222-soft2: var(--hyvinn-content) !important;
    --hyvinn222-line: var(--hyvinn-line) !important;
    --hyvinn222-field: var(--hyvinn-field) !important;
    --hyvinn222-field-line: var(--hyvinn-line) !important;
    --hyvinn222-on-accent: var(--hyvinn-text) !important;
    background: var(--hyvinn-background) !important;
    color: var(--hyvinn-text) !important;
  }

  html[data-hyvinn-palette="jere"] body * {
    color: var(--hyvinn-text) !important;
    -webkit-text-fill-color: var(--hyvinn-text) !important;
    text-shadow: none !important;
  }

  html[data-hyvinn-palette="jere"] :is(
    header, footer, aside, dialog, [role="dialog"],
    .topbar, .bundle-header, .sidebar, #sidebar, #drawer, .drawer,
    .bottom-nav, .mobile-nav, .persistent-menu, .tool-top, .tool-bottom,
    .hyvinn222-header, .hyvinn222-footer, .hyvinn222-dialog
  ) {
    background: var(--hyvinn-content) !important;
    border-color: var(--hyvinn-line) !important;
    backdrop-filter: none !important;
    -webkit-backdrop-filter: none !important;
    opacity: 1 !important;
  }

  html[data-hyvinn-palette="jere"] :is(
    main, article, section, .page-inner, .page, .view, .content,
    .card, .app-card, .tool-card, .area-card, .collection-card, .panel, .surface,
    .exercise, .exercise-card, .step-card, .summary-paper, .path, .week,
    .entry, .entry-card, .path-card, .topic-card, .recipe, .recipe-card,
    .record-card, .goal-card, .metric, .note, .program-card, .programme-card,
    .program-summary, .training-card, .day-card, .feature, .hero, .hero-copy,
    .hero-card, .welcome-card, .direction-preview, .quiet-card, .saved-emotion,
    .progress-panel, .sidebar-pace, .sidebar-note, .side-note, .quiet-note,
    .soft-panel, .message-card, .tip, .task, .guidance, .note-box, .intro-card,
    .day-summary, .program-intro, .workout-summary, .tool-hero, .tool-panel,
    .tool-data-panel, .collection-shortcut, .collection-tool, .collection-app,
    .collection-project-list a, .note-card, .notice, .info-box, .mind-entry,
    .membership-strip, .storage-warning, .toast, .ready-programme-card,
    .ready-session, .food-total, .check-row, .empty-state, .unified-section,
    .unified-more, .module-card, .today-card, .price-card, .price-state,
    .direction-banner, .philosophy-card, .calm-card, .care-note, .week-day,
    .saved-card, .offline-note, .emergency-link, #module-stage, #module-bar,
    .fitras-direct-return, .exercise-stack, .app-dialog,
    .ak-project-card, .ak-kindly-grid a, .ak-training-entry
  ) {
    background: var(--hyvinn-content) !important;
    border-color: var(--hyvinn-line) !important;
    box-shadow: none !important;
  }

  html[data-hyvinn-palette="jere"] :is(.shell, .layout, .app-shell, .workspace) {
    background: transparent !important;
  }
  html[data-hyvinn-palette="jere"] main:has(> .page-inner),
  html[data-hyvinn-palette="jere"] .shell > main:has(> .view) {
    background: transparent !important;
  }
  html[data-hyvinn-palette="jere"] .page-inner {
    padding: 25px;
    border: 1px solid var(--hyvinn-line);
    border-radius: var(--hyvinn-radius);
  }
  html[data-hyvinn-palette="jere"] .shell > main > .view {
    padding: 24px;
    border-radius: var(--hyvinn-radius);
  }
  html[data-hyvinn-palette="jere"] body:not(:has(main)):not(:has(#app)) {
    background: var(--hyvinn-content) !important;
    border: 16px solid var(--hyvinn-background);
  }

  html[data-hyvinn-palette="jere"] :is(
    input:not([type="checkbox"]):not([type="radio"]):not([type="range"]):not([type="hidden"]),
    textarea, select
  ) {
    background: var(--hyvinn-field) !important;
    border-color: var(--hyvinn-line) !important;
    color: var(--hyvinn-text) !important;
    font-size: max(16px, 1em) !important;
  }
  html[data-hyvinn-palette="jere"] :is(input, textarea)::placeholder {
    color: var(--hyvinn-text) !important;
    -webkit-text-fill-color: var(--hyvinn-text) !important;
    opacity: .68 !important;
  }
  html[data-hyvinn-palette="jere"] :is(input, progress) {
    accent-color: var(--hyvinn-logo-background) !important;
  }

  html[data-hyvinn-palette="jere"] :is(
    button, .button, .btn, .primary, .primary-button, .app-link, .app-open,
    .open-app, .tool-button, .support-link, .collection-open, .tool-open
  ) {
    background: var(--hyvinn-logo-background) !important;
    border-color: var(--hyvinn-visual) !important;
    color: var(--hyvinn-text) !important;
    box-shadow: none !important;
    background-image: none !important;
  }
  html[data-hyvinn-palette="jere"] :is(
    .secondary, .ghost, .plain, .text-button, .text-btn, .button.light,
    .choice, .option, .path, .week-dot, .nav-button, .nav-item, .nav-link,
    .nav-chip, .side-nav a, .side-nav button, .bottom-nav a,
    .mobile-nav button, .mobile-nav a, .area-nav button, .hyvinn222-item,
    .tool-navigation a, .favorite
  ) {
    background: var(--hyvinn-content) !important;
    border-color: var(--hyvinn-line) !important;
  }
  html[data-hyvinn-palette="jere"] :is(
    [aria-current="page"], [aria-selected="true"], [aria-pressed="true"],
    .choice.selected, .option.selected, .week-dot.selected, .week-dot.done,
    .nav-button.active, .nav-item.active, .nav-link.active, .nav-chip.active,
    .side-nav .active, .bottom-nav a.active, .mobile-nav .active,
    .favorite.on, .segmented button.active, .tabs button.active, .tabs button.selected,
    .mood-option input:checked + .face, .energy-options input:checked + span,
    .value-options input:checked + span, .week-day.current-day
  ) {
    background: var(--hyvinn-logo-background) !important;
    border-color: var(--hyvinn-text) !important;
  }
  html[data-hyvinn-palette="jere"] .round-return {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    flex: 0 0 48px !important;
    width: 48px !important;
    height: 48px !important;
    min-width: 48px !important;
    min-height: 48px !important;
    padding: 0 !important;
    border: 1px solid var(--hyvinn-visual) !important;
    border-radius: 50% !important;
    background: var(--hyvinn-content) !important;
    color: var(--hyvinn-text) !important;
    text-decoration: none !important;
    line-height: 1 !important;
    box-sizing: border-box !important;
  }
  html[data-hyvinn-palette="jere"] .round-return svg {
    width: 22px !important;
    height: 22px !important;
    flex: none !important;
    display: block !important;
  }
  html[data-hyvinn-palette="jere"] .round-return:hover {
    border-color: var(--hyvinn-text) !important;
    transform: none !important;
  }
  html[data-hyvinn-palette="jere"] .round-return .sr-only {
    position: absolute !important;
    width: 1px !important;
    height: 1px !important;
    padding: 0 !important;
    margin: -1px !important;
    overflow: hidden !important;
    clip: rect(0,0,0,0) !important;
    white-space: nowrap !important;
    border: 0 !important;
  }
  html[data-hyvinn-palette="jere"] :is(.language, .language-select, .segmented) {
    background: var(--hyvinn-field) !important;
  }

  html[data-hyvinn-palette="jere"] :is(
    .brand img, .hero-art img, .app-card img, .tool-card img, .area-card img,
    .collection-card img, .tool-header img, .path-mini img, .year-step img,
    .original-section-logo, .original-tool-marks img, .related-original-logos img,
    .hyvinn-brand-image, .hyvinn222-logo, .app-icon, .app-logo, .art-center,
    img[data-hyvinn-color-logo], img[src*="/logos/"], img[src*="unified-logos"]
  ) {
    background: var(--hyvinn-logo-background) !important;
    border-color: var(--hyvinn-logo-background) !important;
    border-radius: 50% !important;
    box-shadow: 0 0 0 4px var(--hyvinn-logo-background) !important;
    object-fit: contain !important;
    filter: none !important;
  }
  html[data-hyvinn-palette="jere"] :is(
    .hero-art, .hero-visual, .edition-art, .art-orbit, .art-icon,
    .breath-orb, .side-orb, .timer-ring, .pause-orb, .art-petal
  ) {
    background: var(--hyvinn-visual) !important;
    border-color: var(--hyvinn-visual) !important;
  }
  html[data-hyvinn-palette="jere"] :is(.hero, .hero-art, .sidebar, .topbar, .app-card)::before,
  html[data-hyvinn-palette="jere"] :is(.hero, .hero-art)::after,
  html[data-hyvinn-palette="jere"] .eyebrow-line {
    background: var(--hyvinn-visual) !important;
    border-color: var(--hyvinn-visual) !important;
  }
  html[data-hyvinn-palette="jere"] :is(
    .badge, .pill, .free-pill, .tag, .small-tag, .step-number, .area-symbol,
    .count, .edition-label, .step-track .filled, .progress-fill,
    .progress-track > span, .bar > span, .dot
  ) {
    background: var(--hyvinn-logo-background) !important;
    border-color: var(--hyvinn-visual) !important;
  }
  html[data-hyvinn-palette="jere"] :is(h1, h2, h3, h4, .brand-word) {
    background-image: none !important;
    -webkit-background-clip: border-box !important;
    background-clip: border-box !important;
  }
  html[data-hyvinn-palette="jere"] .chart text {
    fill: var(--hyvinn-text) !important;
  }
  html[data-hyvinn-palette="jere"] :is(.progress-track, .step-track, .bar, .tabs) {
    background: var(--hyvinn-field) !important;
  }
  html[data-hyvinn-palette="jere"] .face::before,
  html[data-hyvinn-palette="jere"] .face::after {
    background: var(--hyvinn-text) !important;
  }
  html[data-hyvinn-palette="jere"] :is(a, button, input, textarea, select, summary):focus-visible {
    outline: 3px solid var(--hyvinn-text) !important;
    outline-offset: 4px !important;
  }
  html[data-hyvinn-palette="jere"] dialog::backdrop {
    background: #11111199 !important;
  }

  @media (max-width: 700px) {
    html[data-hyvinn-palette="jere"] .page-inner { padding: 18px; }
    html[data-hyvinn-palette="jere"] .shell > main > .view { padding: 18px; }
  }
  @media print {
    html[data-hyvinn-palette="jere"],
    html[data-hyvinn-palette="jere"] body,
    html[data-hyvinn-palette="jere"] main {
      background: var(--hyvinn-content) !important;
    }
  }
}


.food-guidance{margin:24px 0;padding:22px;border:1px solid #a88e70;border-radius:20px;line-height:1.7}.food-guidance h2{font-size:1.45rem;line-height:1.25}.food-guidance summary{font-weight:650;cursor:pointer;min-height:44px;padding:8px 0}.food-guidance li{margin:12px 0}.food-guidance ul{padding-left:22px}.food-guidance a{overflow-wrap:anywhere}