
      :root {
        --cream: #fff8ee;
        --paper: #fffdf8;
        --green: #2f8f57;
        --green2: #1f6e41;
        --brown: #8a5d33;
        --brown2: #6f4521;
        --gold: #f3c45b;
        --ink: #2b2118;
        --muted: #6c5a49;
        --line: #ead7bf;
        --red: #a73b28;
        --soft: #fff3dd;
      }
      * {
        box-sizing: border-box;
      }
      html {
        scroll-behavior: smooth;
      }
      body {
        margin: 0;
        font-family: Georgia, "Times New Roman", serif;
        background: linear-gradient(180deg, var(--cream), #fff);
        color: var(--ink);
        line-height: 1.55;
        overscroll-behavior-y: auto;
        -webkit-overflow-scrolling: touch;
      }
      a {
        color: inherit;
      }
      .wrap {
        max-width: 1180px;
        margin: 0 auto;
        padding: 0 20px;
      }
      .topbar {
        background: #2d2118;
        color: #fff2d0;
        text-align: center;
        padding: 10px 16px;
        font-weight: 800;
      }
      .nav {
        position: sticky;
        top: 0;
        z-index: 20;
        background: rgba(255, 253, 248, 0.97);
        border-bottom: 1px solid var(--line);
      }
      .nav .wrap {
        display: flex;
        justify-content: space-between;
        align-items: center;
        gap: 18px;
        padding-top: 12px;
        padding-bottom: 12px;
      }
      .brand {
        font-weight: 900;
        color: var(--brown2);
        font-size: 1.25rem;
        white-space: nowrap;
      }
      .links {
        display: flex;
        flex-wrap: wrap;
        gap: 8px;
        justify-content: flex-end;
      }
      .links a {
        font-size: 0.92rem;
        text-decoration: none;
        font-weight: 800;
        color: var(--green2);
        padding: 8px 10px;
        border-radius: 999px;
      }
      .links a:hover {
        background: #eef8f1;
      }
      .links .lower-room-direct {
        position: relative;
        z-index: 2;
        pointer-events: auto !important;
        cursor: pointer !important;
        touch-action: manipulation;
      }
      .quick-access {
        margin: 18px auto 0;
        max-width: 1000px;
        background: rgba(255, 255, 255, 0.86);
        border: 1px solid var(--line);
        border-radius: 20px;
        padding: 13px 16px;
        display: flex;
        align-items: center;
        justify-content: center;
        gap: 10px;
        flex-wrap: wrap;
        box-shadow: 0 10px 24px rgba(89, 53, 22, 0.08);
      }
      .quick-access strong {
        color: var(--brown2);
        margin-right: 4px;
      }
      .quick-access a {
        display: inline-flex;
        align-items: center;
        min-height: 40px;
        padding: 8px 13px;
        border-radius: 999px;
        text-decoration: none;
        font-weight: 900;
        color: var(--green2);
        background: #f5fbf7;
        border: 1px solid #cce7d4;
      }
      .quick-access a:hover,
      .quick-access a:focus-visible {
        background: var(--green);
        color: white;
        outline: none;
      }
      .quick-access a:focus-visible {
        box-shadow: 0 0 0 4px rgba(243, 196, 91, 0.55);
      }
      .hero {
        padding: 62px 0 44px;
        background: radial-gradient(
          circle at top left,
          #fff0d8 0,
          #fff8ee 46%,
          #fff 100%
        );
      }
      .hero-grid {
        display: grid;
        grid-template-columns: 1.04fr 0.96fr;
        gap: 34px;
        align-items: center;
      }
      .eyebrow {
        display: inline-block;
        background: #fff0d2;
        border: 1px solid #f0c06f;
        color: #744712;
        border-radius: 999px;
        padding: 7px 14px;
        font-weight: 900;
        font-size: 0.92rem;
      }
      .hero h1 {
        font-size: clamp(2.5rem, 6vw, 5.15rem);
        line-height: 0.94;
        margin: 18px 0 12px;
        color: var(--brown2);
        letter-spacing: -1px;
      }
      .tagline {
        font-size: clamp(1.16rem, 2.4vw, 1.78rem);
        font-weight: 900;
        color: var(--green2);
        margin: 0 0 14px;
      }
      .lead {
        font-size: 1.16rem;
        color: var(--muted);
        max-width: 790px;
      }
      .chef-card {
        background: var(--paper);
        border: 1px solid var(--line);
        border-radius: 30px;
        padding: 18px;
        box-shadow: 0 18px 45px rgba(94, 55, 24, 0.13);
        text-align: center;
      }
      .chef-card img {
        width: 100%;
        max-height: 540px;
        object-fit: cover;
        border-radius: 22px;
        border: 4px solid #fff2d4;
      }
      .caption {
        font-weight: 900;
        color: var(--brown2);
        margin-top: 10px;
      }
      .cta-row {
        display: flex;
        gap: 13px;
        flex-wrap: wrap;
        margin-top: 22px;
      }
      .btn {
        display: inline-flex;
        align-items: center;
        justify-content: center;
        min-height: 50px;
        padding: 13px 20px;
        border-radius: 999px;
        text-decoration: none;
        font-weight: 900;
        box-shadow: 0 8px 18px rgba(0, 0, 0, 0.12);
        border: 0;
      }
      .btn.green {
        background: linear-gradient(180deg, #39a964, var(--green));
        color: white;
      }
      .btn.brown {
        background: linear-gradient(180deg, #a8794b, var(--brown));
        color: white;
      }
      .btn.light {
        background: white;
        border: 1px solid var(--line);
        color: var(--brown2);
      }
      .btn.gold {
        background: linear-gradient(180deg, #f5d173, var(--gold));
        color: #4d3218;
      }
      .hero-brand {
        text-align: center;
        max-width: 1000px;
        margin: 0 auto 30px;
      }
      .hero-brand h1 {
        margin-bottom: 14px;
      }
      .hero-guide-first {
        grid-template-columns: 0.82fr 1.18fr;
        align-items: start;
      }
      .hero-chef {
        position: static;
      }
      .hero-welcome {
        padding: 8px 0;
      }
      .hero-welcome h2 {
        font-size: clamp(1.8rem, 4vw, 3rem);
        line-height: 1.05;
        color: var(--brown2);
        margin: 0 0 12px;
      }
      .hero-actions .btn {
        flex: 1 1 230px;
      }
      .hero-chef img {
        width: 100%;
        height: auto;
        max-height: none;
        object-fit: contain;
        object-position: center top;
      }
      @media (max-width: 820px) {
        .hero {
          padding-top: 38px;
        }
        .hero-guide-first {
          grid-template-columns: 1fr;
        }
        .hero-chef {
          position: static;
          order: 1;
          max-width: 560px;
          margin: 0 auto;
        }
        .hero-welcome {
          order: 2;
        }
        .hero-brand {
          margin-bottom: 22px;
        }
        .hero-brand h1 {
          font-size: clamp(2.65rem, 14vw, 4.7rem);
        }
        .hero-actions {
          justify-content: center;
        }
        .hero-actions .btn {
          flex: 1 1 100%;
        }
        .welcome-strip {
          grid-template-columns: repeat(2, minmax(0, 1fr));
        }
        .promise-band {
          grid-template-columns: 1fr;
          text-align: center;
        }
        .promise-band .btn {
          width: 100%;
        }
      }
      .front-porch {
        position: relative;
        min-height: 100svh;
        display: grid;
        place-items: center;
        background: #1f160f;
        overflow: hidden;
      }
      .front-porch-image {
        position: absolute;
        inset: 0;
        width: 100%;
        height: 100%;
        object-fit: cover;
        object-position: center;
        filter: brightness(1.13) saturate(1.04);
      }
      .front-porch-shade {
        position: absolute;
        inset: 0;
        background: linear-gradient(
          180deg,
          rgba(22, 13, 7, 0.015) 0%,
          rgba(22, 13, 7, 0.01) 52%,
          rgba(22, 13, 7, 0.34) 100%
        );
      }
      @media (max-width: 900px) {
      }
      .front-porch-enter {
        position: relative;
        z-index: 2;
        align-self: end;
        margin: 0 20px 34px;
        text-align: center;
      }
      .front-porch-enter .btn {
        font-size: 1.08rem;
        min-width: 220px;
        border: 2px solid rgba(255, 255, 255, 0.76);
        box-shadow: 0 12px 30px rgba(0, 0, 0, 0.35);
      }
      .front-porch-note {
        margin: 10px 0 0;
        color: white;
        font-weight: 900;
        text-shadow: 0 2px 8px rgba(0, 0, 0, 0.8);
      }
      @media (max-width: 720px) {
        .front-porch {
          min-height: 88svh;
        }
        .front-porch-image {
          object-position: center;
        }
        .front-porch-enter {
          margin-bottom: 22px;
        }
        .front-porch-enter .btn {
          width: min(88vw, 330px);
        }
      }
      section {
        padding: 58px 0;
      }
      section:not(.hero) {
        content-visibility: auto;
        contain-intrinsic-size: 1px 900px;
      }
      .section-title {
        text-align: center;
        font-size: clamp(1.95rem, 4.5vw, 3.25rem);
        line-height: 1.06;
        margin: 0 0 12px;
        color: var(--brown2);
      }
      .section-sub {
        text-align: center;
        max-width: 910px;
        margin: 0 auto 30px;
        color: var(--muted);
        font-size: 1.12rem;
      }
      .grid {
        display: grid;
        gap: 18px;
      }
      .two {
        grid-template-columns: repeat(2, minmax(0, 1fr));
      }
      .three {
        grid-template-columns: repeat(3, minmax(0, 1fr));
      }
      .four {
        grid-template-columns: repeat(4, minmax(0, 1fr));
      }
      .card {
        background: var(--paper);
        border: 1px solid var(--line);
        border-radius: 22px;
        padding: 22px;
        box-shadow: 0 12px 30px rgba(89, 53, 22, 0.08);
      }
      .card h3 {
        margin: 0 0 8px;
        color: var(--brown2);
        font-size: 1.36rem;
      }
      .kicker {
        font-size: 0.83rem;
        text-transform: uppercase;
        letter-spacing: 0.08em;
        font-weight: 900;
        color: var(--green2);
      }
      .mission {
        background: #fffaf3;
      }
      .principle {
        border-left: 6px solid var(--green);
        padding-left: 18px;
      }
      .quote {
        font-size: 1.28rem;
        color: var(--brown2);
        font-weight: 900;
      }
      .tour-step {
        display: grid;
        grid-template-columns: 74px 1fr;
        gap: 16px;
        align-items: start;
      }
      .num {
        width: 58px;
        height: 58px;
        border-radius: 50%;
        background: var(--green);
        color: white;
        display: flex;
        align-items: center;
        justify-content: center;
        font-size: 1.5rem;
        font-weight: 900;
      }
      .song-note {
        margin-top: 12px;
        background: #fff7e7;
        border: 1px dashed #d8aa61;
        border-radius: 16px;
        padding: 12px;
        font-weight: 800;
        color: #704612;
      }
      .tiers {
        background: #fffaf3;
      }
      .tier {
        position: relative;
        display: flex;
        flex-direction: column;
      }
      .tier .price {
        font-size: 2.25rem;
        color: var(--green2);
        font-weight: 900;
        text-align: center;
        margin: 6px 0;
      }
      .tier .label {
        text-align: center;
        font-weight: 900;
        color: var(--brown2);
        font-size: 1.12rem;
      }
      .tier ul {
        padding-left: 20px;
        flex: 1;
      }
      .badge {
        display: inline-block;
        background: #fff0d2;
        border: 1px solid #f0c06f;
        color: #744712;
        border-radius: 999px;
        padding: 6px 12px;
        font-weight: 900;
        font-size: 0.82rem;
      }
      .paw-grid .card {
        min-height: 185px;
      }
      .paw-icon {
        font-size: 2.15rem;
      }
      .vet {
        background: linear-gradient(180deg, #fffaf3, #f4eadb);
      }
      .notice-box {
        background: #2d2118;
        color: #fff2d0;
        border-radius: 22px;
        padding: 24px;
        text-align: center;
        font-size: 1.25rem;
        font-weight: 900;
      }
      .music {
        background: #fff;
      }
      .song-list {
        display: grid;
        grid-template-columns: repeat(2, minmax(0, 1fr));
        gap: 14px;
      }
      .song {
        background: #fffaf3;
        border: 1px solid var(--line);
        border-radius: 18px;
        padding: 16px;
      }
      .song strong {
        color: var(--brown2);
      }
      .footer {
        background: #2d2118;
        color: #fff2d0;
        text-align: center;
        padding: 42px 16px;
      }
      .toplink {
        position: fixed;
        right: 16px;
        bottom: 16px;
        background: var(--green);
        color: white;
        text-decoration: none;
        width: 44px;
        height: 44px;
        border-radius: 999px;
        display: flex;
        align-items: center;
        justify-content: center;
        font-weight: bold;
        box-shadow: 0 8px 20px rgba(0, 0, 0, 0.25);
      }
      .status {
        background: white;
        border: 1px solid var(--line);
        border-radius: 18px;
        padding: 16px;
        margin-top: 20px;
        color: var(--muted);
      }
      .welcome-strip {
        display: grid;
        grid-template-columns: repeat(4, minmax(0, 1fr));
        gap: 12px;
        margin-top: 24px;
      }
      .welcome-tile {
        background: rgba(255, 255, 255, 0.78);
        border: 1px solid var(--line);
        border-radius: 18px;
        padding: 16px;
        text-align: center;
        box-shadow: 0 8px 20px rgba(89, 53, 22, 0.06);
      }
      .welcome-tile strong {
        display: block;
        color: var(--brown2);
        font-size: 1.04rem;
      }
      .promise-band {
        margin-top: 22px;
        background: #2d2118;
        color: #fff2d0;
        border-radius: 22px;
        padding: 20px;
        display: grid;
        grid-template-columns: 1fr auto;
        gap: 18px;
        align-items: center;
      }
      .promise-band p {
        margin: 0;
        font-weight: 800;
      }
      .tiny-note {
        font-size: 0.92rem;
        color: var(--muted);
        font-weight: 700;
        margin-top: 10px;
      }
      .pathway {
        margin-top: 26px;
        background: linear-gradient(180deg, #fffdf8, #fff8ee);
        border: 1px solid var(--line);
        border-radius: 24px;
        padding: 20px;
        box-shadow: 0 12px 26px rgba(89, 53, 22, 0.08);
      }
      .pathway h3 {
        text-align: center;
        color: var(--brown2);
        font-size: 1.45rem;
        margin: 0 0 16px;
      }
      .path-steps {
        display: grid;
        grid-template-columns: repeat(6, 1fr);
        gap: 10px;
      }
      .path-step {
        background: #fff;
        border: 1px solid #ead7bf;
        border-radius: 16px;
        padding: 12px;
        text-align: center;
        font-weight: 900;
        color: var(--green2);
        font-size: 0.9rem;
      }
      .chef-bubble {
        background: #fffaf3;
        border: 2px solid #f0c06f;
        border-radius: 20px;
        padding: 16px;
        margin-top: 15px;
        text-align: left;
        color: #5c3a1d;
        font-weight: 800;
      }
      .chef-bubble:before {
        content: "Chef Puppy says:";
        display: block;
        color: var(--green2);
        text-transform: uppercase;
        letter-spacing: 0.06em;
        font-size: 0.78rem;
        margin-bottom: 4px;
      }
      .welcome-focus {
        background: #fffaf3;
        border-top: 1px solid var(--line);
        border-bottom: 1px solid var(--line);
      }
      .checkline {
        display: flex;
        gap: 12px;
        align-items: flex-start;
      }
      .checkmark {
        background: var(--green);
        color: white;
        border-radius: 50%;
        width: 30px;
        height: 30px;
        display: flex;
        align-items: center;
        justify-content: center;
        font-weight: 900;
        flex: 0 0 30px;
      }
      .experience {
        background: linear-gradient(180deg, #fffdf8, #fff7e8);
        border-top: 1px solid var(--line);
        border-bottom: 1px solid var(--line);
      }
      .experience-intro {
        max-width: 1000px;
        margin: 0 auto 28px;
      }
      .guide-card {
        display: grid;
        grid-template-columns: 230px 1fr;
        gap: 24px;
        align-items: center;
        background: #fff;
        border: 1px solid var(--line);
        border-radius: 28px;
        padding: 20px;
        box-shadow: 0 18px 40px rgba(89, 53, 22, 0.1);
      }
      .guide-card img {
        width: 100%;
        height: 215px;
        object-fit: cover;
        border-radius: 20px;
        border: 4px solid #fff2d4;
      }
      .guide-card h3 {
        margin: 4px 0 8px;
        color: var(--brown2);
        font-size: 1.55rem;
      }
      .tour-shell {
        background: #fff;
        border: 1px solid var(--line);
        border-radius: 30px;
        box-shadow: 0 22px 55px rgba(89, 53, 22, 0.13);
        overflow: hidden;
      }
      .tour-progress {
        padding: 20px 24px 14px;
        background: #2d2118;
        color: #fff2d0;
      }
      .progress-line {
        height: 8px;
        background: rgba(255, 255, 255, 0.16);
        border-radius: 99px;
        overflow: hidden;
      }
      .progress-line span {
        display: block;
        width: 11.11%;
        height: 100%;
        background: var(--gold);
        border-radius: 99px;
        transition: width 0.35s ease;
      }
      .progress-copy {
        display: flex;
        justify-content: space-between;
        gap: 18px;
        margin-top: 9px;
        font-size: 0.95rem;
      }
      .tour-tabs {
        display: grid;
        grid-template-columns: repeat(9, 1fr);
        gap: 0;
        border-bottom: 1px solid var(--line);
        background: #fffaf3;
        overflow-x: auto;
      }
      .tour-tab {
        border: 0;
        border-right: 1px solid var(--line);
        background: transparent;
        padding: 12px 7px;
        color: var(--brown2);
        font:
          900 0.95rem Georgia,
          serif;
        cursor: pointer;
        min-width: 88px;
      }
      .tour-tab span {
        display: block;
        font-size: 0.68rem;
        color: var(--muted);
        margin-top: 4px;
      }
      .tour-tab.active {
        background: var(--green);
        color: #fff;
      }
      .tour-tab.active span {
        color: #eaffef;
      }
      .tour-stage {
        min-height: 520px;
      }
      .tour-panel {
        display: none;
        grid-template-columns: 1.45fr 0.75fr;
        gap: 28px;
        padding: 34px;
        align-items: stretch;
      }
      .tour-panel.active {
        display: grid;
        animation: tourFade 0.35s ease;
      }
      .stop-copy {
        padding: 4px 2px;
      }
      .stop-number {
        display: inline-block;
        background: #eef8f1;
        color: var(--green2);
        border: 1px solid #cce7d4;
        border-radius: 999px;
        padding: 5px 11px;
        font-weight: 900;
        font-size: 0.82rem;
      }
      .stop-copy h3 {
        font-size: clamp(1.8rem, 4vw, 3rem);
        line-height: 1.05;
        color: var(--brown2);
        margin: 14px 0 8px;
      }
      .stop-lead {
        font-size: 1.2rem;
        font-weight: 900;
        color: var(--green2);
        margin: 0 0 14px;
      }
      .stop-copy blockquote {
        margin: 18px 0;
        border-left: 6px solid var(--green);
        padding: 14px 18px;
        background: #f5fbf7;
        border-radius: 0 15px 15px 0;
        color: var(--brown2);
        font-weight: 900;
      }
      .stop-visual {
        background: linear-gradient(180deg, #fff6df, #fffaf3);
        border: 1px solid #efd7a8;
        border-radius: 24px;
        padding: 24px;
        text-align: center;
        display: flex;
        flex-direction: column;
        align-items: center;
        justify-content: center;
        min-height: 340px;
      }
      .stop-visual img {
        width: 100%;
        max-width: 250px;
        height: 230px;
        object-fit: cover;
        border-radius: 20px;
        border: 4px solid #fff;
      }
      .stop-visual h4 {
        font-size: 1.35rem;
        color: var(--brown2);
        margin: 12px 0 5px;
      }
      .visual-icon {
        font-size: 4.4rem;
        line-height: 1.05;
      }
      .takeaway {
        margin-top: 20px;
        background: #2d2118;
        color: #fff2d0;
        border-radius: 17px;
        padding: 15px 17px;
      }
      .song-companion {
        margin: 18px 0;
        background: #fff7e7;
        border: 1px dashed #d8aa61;
        border-radius: 18px;
        padding: 15px;
      }
      .song-companion strong,
      .song-companion span {
        display: block;
      }
      .song-companion button {
        margin-top: 10px;
        border: 0;
        border-radius: 999px;
        padding: 10px 14px;
        background: #d8c7af;
        color: #6d5d4c;
        font-weight: 900;
      }
      .book-path,
      .mini-song-list,
      .paw-preview,
      .tier-mini {
        display: grid;
        grid-template-columns: repeat(2, minmax(0, 1fr));
        gap: 9px;
        margin: 18px 0;
      }
      .book-path span,
      .mini-song-list span,
      .paw-preview span,
      .tier-mini span {
        background: #fffaf3;
        border: 1px solid var(--line);
        border-radius: 13px;
        padding: 10px;
        font-weight: 900;
        color: var(--brown2);
      }
      .tier-mini span b {
        display: block;
        color: var(--green2);
        font-size: 1.2rem;
      }
      .cycle {
        display: grid;
        grid-template-columns: repeat(6, 1fr);
        gap: 8px;
        margin: 18px 0;
      }
      .cycle span {
        background: #f4fbf6;
        border: 1px solid #cce7d4;
        border-radius: 14px;
        text-align: center;
        padding: 11px 5px;
        color: var(--green2);
        font-weight: 900;
      }
      .cycle b {
        display: block;
        background: var(--green);
        color: #fff;
        width: 29px;
        height: 29px;
        line-height: 29px;
        border-radius: 50%;
        margin: 0 auto 6px;
      }
      .final-actions {
        display: flex;
        flex-wrap: wrap;
        gap: 10px;
        margin-top: 20px;
      }
      .tour-controls {
        display: flex;
        justify-content: space-between;
        gap: 12px;
        padding: 20px 24px;
        background: #fffaf3;
        border-top: 1px solid var(--line);
      }
      @keyframes tourFade {
        from {
          opacity: 0;
          transform: translateY(8px);
        }
        to {
          opacity: 1;
          transform: none;
        }
      }

      /* Phase 4 — PAW Library Learning Center */
      .learning-center {
        background: linear-gradient(180deg, #fffaf3 0, #ffffff 100%);
        border-top: 1px solid var(--line);
        border-bottom: 1px solid var(--line);
      }
      .library-hero {
        display: grid;
        grid-template-columns: 1.15fr 0.85fr;
        gap: 24px;
        align-items: center;
        background: #2d2118;
        color: #fff2d0;
        border-radius: 30px;
        padding: 30px;
        box-shadow: 0 20px 48px rgba(45, 33, 24, 0.18);
      }
      .library-hero h2 {
        color: #fff2d0;
        text-align: left;
        margin: 0 0 10px;
      }
      .library-hero p {
        color: #f4e7d5;
        font-size: 1.08rem;
        margin: 0 0 16px;
      }
      .library-hero .chef-mini {
        background: rgba(255, 255, 255, 0.09);
        border: 1px solid rgba(255, 255, 255, 0.17);
        border-radius: 24px;
        padding: 16px;
        text-align: center;
      }
      .library-hero .chef-mini img {
        width: 100%;
        max-width: 290px;
        height: 250px;
        object-fit: cover;
        border-radius: 19px;
        border: 4px solid #fff2d4;
      }
      .library-search {
        display: flex;
        gap: 10px;
        background: #fff;
        border-radius: 999px;
        padding: 7px;
        max-width: 720px;
      }
      .library-search input {
        flex: 1;
        border: 0;
        outline: 0;
        padding: 10px 15px;
        font:
          700 1rem Georgia,
          serif;
        color: var(--ink);
        min-width: 0;
        background: transparent;
      }
      .library-search button {
        border: 0;
        border-radius: 999px;
        background: var(--green);
        color: #fff;
        font-weight: 900;
        padding: 11px 18px;
        cursor: pointer;
      }
      .search-help {
        font-size: 0.88rem !important;
        margin-top: 9px !important;
        color: #e4d3bd !important;
      }
      .library-stats {
        display: grid;
        grid-template-columns: repeat(3, 1fr);
        gap: 10px;
        margin-top: 18px;
      }
      .library-stat {
        background: rgba(255, 255, 255, 0.09);
        border: 1px solid rgba(255, 255, 255, 0.15);
        border-radius: 15px;
        padding: 12px;
        text-align: center;
      }
      .library-stat b {
        display: block;
        font-size: 1.45rem;
        color: #f3c45b;
      }
      .library-stat span {
        font-size: 0.8rem;
        font-weight: 900;
      }
      .library-section-head {
        display: flex;
        justify-content: space-between;
        gap: 18px;
        align-items: end;
        margin: 34px 0 16px;
      }
      .library-section-head h3 {
        font-size: 1.65rem;
        color: var(--brown2);
        margin: 0;
      }
      .library-section-head p {
        color: var(--muted);
        margin: 0;
        max-width: 650px;
      }
      .category-grid {
        display: grid;
        grid-template-columns: repeat(4, minmax(0, 1fr));
        gap: 15px;
      }
      .category-card {
        background: #fff;
        border: 1px solid var(--line);
        border-radius: 20px;
        padding: 19px;
        text-decoration: none;
        box-shadow: 0 10px 24px rgba(89, 53, 22, 0.07);
        transition:
          0.2s transform,
          0.2s box-shadow;
      }
      .category-card:hover {
        transform: translateY(-3px);
        box-shadow: 0 15px 30px rgba(89, 53, 22, 0.12);
      }
      .category-card .icon {
        font-size: 2rem;
      }
      .category-card h4 {
        color: var(--brown2);
        font-size: 1.2rem;
        margin: 8px 0 5px;
      }
      .category-card p {
        margin: 0;
        color: var(--muted);
        font-size: 0.95rem;
      }
      .report-grid {
        display: grid;
        grid-template-columns: repeat(3, minmax(0, 1fr));
        gap: 16px;
      }
      .report-card {
        background: #fff;
        border: 1px solid var(--line);
        border-radius: 22px;
        padding: 20px;
        box-shadow: 0 11px 26px rgba(89, 53, 22, 0.07);
        display: flex;
        flex-direction: column;
      }
      .report-top {
        display: flex;
        justify-content: space-between;
        gap: 10px;
        align-items: center;
      }
      .access-tag {
        display: inline-block;
        border-radius: 999px;
        padding: 5px 10px;
        font-weight: 900;
        font-size: 0.72rem;
        background: #eef8f1;
        color: var(--green2);
        border: 1px solid #cce7d4;
      }
      .access-tag.founder {
        background: #fff0d2;
        color: #744712;
        border-color: #f0c06f;
      }
      .report-card h4 {
        color: var(--brown2);
        font-size: 1.27rem;
        margin: 12px 0 6px;
      }
      .report-card p {
        color: var(--muted);
        margin: 0 0 14px;
        flex: 1;
      }
      .report-link {
        font-weight: 900;
        color: var(--green2);
        text-decoration: none;
      }
      .companion-demo {
        display: grid;
        grid-template-columns: 1fr 0.9fr;
        gap: 20px;
        background: #fff7e7;
        border: 2px solid #e9c277;
        border-radius: 26px;
        padding: 24px;
        margin-top: 18px;
      }
      .companion-demo h3 {
        margin: 0 0 7px;
        color: var(--brown2);
      }
      .companion-demo p {
        margin: 0 0 12px;
        color: var(--muted);
      }
      .audio-placeholder {
        background: #fff;
        border: 1px solid #e4c892;
        border-radius: 18px;
        padding: 18px;
        display: flex;
        flex-direction: column;
        justify-content: center;
      }
      .audio-bar {
        height: 10px;
        background: #eee2cf;
        border-radius: 99px;
        overflow: hidden;
        margin: 12px 0;
      }
      .audio-bar span {
        display: block;
        width: 38%;
        height: 100%;
        background: var(--green);
      }
      .continue-note {
        background: #eef8f1;
        border: 1px solid #cce7d4;
        color: var(--green2);
        border-radius: 14px;
        padding: 10px 12px;
        font-weight: 900;
        margin-top: 10px;
      }
      .library-path {
        display: grid;
        grid-template-columns: repeat(4, 1fr);
        gap: 11px;
        margin-top: 18px;
      }
      .library-path div {
        background: #fff;
        border: 1px solid var(--line);
        border-radius: 17px;
        padding: 15px;
        text-align: center;
        font-weight: 900;
        color: var(--brown2);
      }
      .library-path b {
        display: block;
        background: var(--green);
        color: #fff;
        width: 32px;
        height: 32px;
        line-height: 32px;
        border-radius: 50%;
        margin: 0 auto 8px;
      }
      .library-footer-callout {
        margin-top: 26px;
        background: #fff;
        border: 1px solid var(--line);
        border-left: 7px solid var(--green);
        border-radius: 20px;
        padding: 20px;
        display: flex;
        justify-content: space-between;
        align-items: center;
        gap: 18px;
      }
      .library-footer-callout h3 {
        margin: 0 0 5px;
        color: var(--brown2);
      }
      .library-footer-callout p {
        margin: 0;
        color: var(--muted);
      }

      @media (max-width: 900px) {
        .hero-grid,
        .two,
        .three,
        .four,
        .song-list,
        .welcome-strip,
        .path-steps {
          grid-template-columns: 1fr;
        }
        .nav .wrap {
          align-items: flex-start;
          flex-direction: column;
        }
        .links {
          justify-content: flex-start;
        }
        .hero {
          padding-top: 34px;
        }
        .tour-step {
          grid-template-columns: 1fr;
        }
        .num {
          margin: auto;
        }
        .guide-card,
        .tour-panel {
          grid-template-columns: 1fr;
        }
        .guide-card img {
          height: 280px;
        }
        .tour-tabs {
          grid-template-columns: repeat(9, 100px);
        }
        .tour-stage {
          min-height: 0;
        }
        .cycle {
          grid-template-columns: repeat(3, 1fr);
        }
        .book-path,
        .mini-song-list,
        .paw-preview,
        .tier-mini {
          grid-template-columns: 1fr;
        }
        .tour-controls {
          flex-direction: column-reverse;
        }
        .tour-controls .btn {
          width: 100%;
        }
        .library-hero,
        .companion-demo {
          grid-template-columns: 1fr;
        }
        .category-grid,
        .report-grid,
        .library-path,
        .library-stats {
          grid-template-columns: 1fr;
        }
        .library-section-head,
        .library-footer-callout {
          align-items: flex-start;
          flex-direction: column;
        }
        .library-search {
          border-radius: 20px;
          flex-direction: column;
        }
        .library-search button {
          width: 100%;
        }
      }

      /* Phase 5 — Founder Home */
      .founder-home {
        background: linear-gradient(180deg, #f7eddd, #fffaf3);
        border-top: 1px solid var(--line);
        border-bottom: 1px solid var(--line);
      }
      .founder-shell {
        display: grid;
        grid-template-columns: 235px minmax(0, 1fr) 255px;
        gap: 18px;
        align-items: start;
      }
      .founder-sidebar,
      .founder-right,
      .founder-main-card,
      .founder-panel {
        background: var(--paper);
        border: 1px solid var(--line);
        border-radius: 22px;
        box-shadow: 0 12px 30px rgba(89, 53, 22, 0.08);
      }
      .founder-sidebar {
        padding: 18px;
        position: sticky;
        top: 86px;
      }
      .founder-sidebar h3 {
        margin: 0 0 10px;
        color: var(--brown2);
      }
      .founder-menu {
        display: grid;
        gap: 7px;
      }
      .founder-menu a {
        text-decoration: none;
        padding: 10px 12px;
        border-radius: 12px;
        font-weight: 800;
        color: var(--brown2);
        background: #fffaf3;
        border: 1px solid transparent;
      }
      .founder-menu a.active,
      .founder-menu a:hover {
        background: var(--brown2);
        color: #fff;
      }
      .founder-level {
        margin-top: 16px;
        padding-top: 16px;
        border-top: 1px solid var(--line);
      }
      .founder-level strong {
        display: block;
        color: var(--green2);
        font-size: 1.08rem;
      }
      .founder-level small {
        color: var(--muted);
      }
      .founder-main {
        display: grid;
        gap: 18px;
      }
      .founder-main-card {
        overflow: hidden;
      }
      .founder-welcome {
        display: grid;
        grid-template-columns: 1.15fr 0.85fr;
        min-height: 300px;
      }
      .founder-welcome-copy {
        padding: 28px;
      }
      .founder-welcome-copy h2 {
        font-size: clamp(2rem, 4vw, 3.25rem);
        line-height: 1.05;
        color: var(--brown2);
        margin: 0 0 10px;
      }
      .founder-welcome-copy p {
        font-size: 1.08rem;
      }
      .founder-welcome-img {
        min-height: 300px;
      }
      .founder-welcome-img img {
        width: 100%;
        height: 100%;
        object-fit: cover;
        object-position: center 28%;
      }
      .founder-panel {
        padding: 20px;
      }
      .founder-panel-head {
        display: flex;
        justify-content: space-between;
        gap: 14px;
        align-items: center;
        margin-bottom: 14px;
      }
      .founder-panel-head h3 {
        margin: 0;
        color: var(--brown2);
        font-size: 1.4rem;
      }
      .founder-panel-head a {
        color: var(--green2);
        font-weight: 900;
        text-decoration: none;
      }
      .resume-grid,
      .update-grid {
        display: grid;
        grid-template-columns: repeat(3, minmax(0, 1fr));
        gap: 13px;
      }
      .resume-card,
      .update-card {
        border: 1px solid var(--line);
        border-radius: 16px;
        background: #fffaf3;
        padding: 13px;
      }
      .resume-card strong,
      .update-card strong {
        display: block;
        color: var(--brown2);
        margin-bottom: 5px;
      }
      .progress-track {
        height: 8px;
        background: #eadfce;
        border-radius: 99px;
        overflow: hidden;
        margin: 10px 0 5px;
      }
      .progress-track span {
        display: block;
        height: 100%;
        background: var(--green);
        border-radius: 99px;
      }
      .update-tag {
        display: inline-block;
        background: #eaf7ee;
        color: var(--green2);
        border-radius: 999px;
        padding: 4px 8px;
        font-size: 0.72rem;
        font-weight: 900;
        margin-bottom: 8px;
      }
      .update-tag.song {
        background: #eef3ff;
        color: #285c9a;
      }
      .update-tag.tool {
        background: #f5edff;
        color: #764399;
      }
      .founder-right {
        padding: 18px;
        display: grid;
        gap: 18px;
      }
      .founder-right h3 {
        margin: 0 0 10px;
        color: var(--brown2);
      }
      .announcement {
        padding: 12px 0;
        border-bottom: 1px solid var(--line);
      }
      .announcement:last-child {
        border-bottom: 0;
      }
      .announcement b {
        display: block;
        color: var(--brown2);
      }
      .announcement small {
        color: var(--muted);
      }
      .metric {
        margin-bottom: 13px;
      }
      .metric-line {
        display: flex;
        justify-content: space-between;
        gap: 8px;
        font-size: 0.9rem;
        font-weight: 800;
      }
      .metric .progress-track {
        margin-top: 6px;
      }
      .founder-note {
        background: #2d2118;
        color: #fff2d0;
        border-radius: 18px;
        padding: 16px;
        text-align: center;
      }
      .founder-note strong {
        display: block;
        font-size: 1.12rem;
        margin-bottom: 6px;
      }
      .founder-bottom {
        margin-top: 18px;
        background: linear-gradient(90deg, #f5dfb6, #fff7e8);
        border: 1px solid #e4c58e;
        border-radius: 20px;
        padding: 18px 22px;
        display: flex;
        justify-content: space-between;
        gap: 18px;
        align-items: center;
      }
      .founder-bottom h3 {
        margin: 0;
        color: var(--brown2);
      }
      @media (max-width: 1050px) {
        .founder-shell {
          grid-template-columns: 200px 1fr;
        }
        .founder-right {
          grid-column: 1/-1;
          grid-template-columns: repeat(3, 1fr);
        }
        .founder-sidebar {
          position: static;
        }
      }
      @media (max-width: 800px) {
        .founder-shell {
          grid-template-columns: 1fr;
        }
        .founder-right {
          grid-template-columns: 1fr;
        }
        .founder-welcome {
          grid-template-columns: 1fr;
        }
        .founder-welcome-img {
          min-height: 260px;
        }
        .resume-grid,
        .update-grid {
          grid-template-columns: 1fr;
        }
        .founder-bottom {
          display: block;
        }
        .founder-bottom .btn {
          margin-top: 12px;
        }
      }

      /* Phase 6 — Veterinarian Center */
      .vet-center {
        background: linear-gradient(
          180deg,
          #f8f3e9 0,
          #fffdf8 45%,
          #f1f7f2 100%
        );
        border-top: 1px solid var(--line);
        border-bottom: 1px solid var(--line);
      }
      .vet-hero {
        display: grid;
        grid-template-columns: 1.15fr 0.85fr;
        gap: 28px;
        align-items: stretch;
        margin-bottom: 24px;
      }
      .vet-hero-copy {
        background: #fff;
        border: 1px solid var(--line);
        border-radius: 28px;
        padding: 30px;
        box-shadow: 0 16px 38px rgba(89, 53, 22, 0.1);
      }
      .vet-hero-copy h3 {
        font-size: clamp(1.8rem, 4vw, 2.8rem);
        line-height: 1.08;
        color: var(--brown2);
        margin: 8px 0 12px;
      }
      .vet-hero-copy .vet-lead {
        font-size: 1.18rem;
        color: var(--green2);
        font-weight: 900;
      }
      .vet-hero-visual {
        background: linear-gradient(145deg, #e8f4eb, #fff8e8);
        border: 1px solid #cfe2d3;
        border-radius: 28px;
        padding: 26px;
        display: flex;
        flex-direction: column;
        justify-content: center;
        align-items: center;
        text-align: center;
        box-shadow: 0 16px 38px rgba(42, 92, 59, 0.1);
      }
      .vet-hero-visual img {
        width: 210px;
        height: 210px;
        object-fit: cover;
        border-radius: 50%;
        border: 6px solid white;
        box-shadow: 0 12px 25px rgba(0, 0, 0, 0.12);
      }
      .vet-principles {
        display: grid;
        grid-template-columns: repeat(4, minmax(0, 1fr));
        gap: 14px;
        margin: 22px 0;
      }
      .vet-principle {
        background: #fff;
        border: 1px solid var(--line);
        border-radius: 20px;
        padding: 18px;
        text-align: center;
      }
      .vet-principle b {
        display: block;
        color: var(--green2);
        font-size: 1.05rem;
        margin-top: 7px;
      }
      .vet-icon {
        font-size: 2.1rem;
      }
      .vet-tool-grid {
        display: grid;
        grid-template-columns: repeat(5, minmax(0, 1fr));
        gap: 14px;
      }
      .vet-tool {
        background: #fff;
        border: 1px solid var(--line);
        border-radius: 20px;
        padding: 18px;
        box-shadow: 0 10px 24px rgba(89, 53, 22, 0.06);
        display: flex;
        flex-direction: column;
      }
      .vet-tool h4 {
        color: var(--brown2);
        font-size: 1.15rem;
        margin: 8px 0;
      }
      .vet-tool p {
        color: var(--muted);
        font-size: 0.96rem;
        flex: 1;
      }
      .vet-tool .tool-state {
        display: inline-block;
        align-self: flex-start;
        background: #eef8f1;
        color: var(--green2);
        border: 1px solid #cce7d4;
        border-radius: 999px;
        padding: 5px 10px;
        font-weight: 900;
        font-size: 0.78rem;
      }
      .vet-access {
        display: grid;
        grid-template-columns: 1.1fr 0.9fr;
        gap: 20px;
        margin-top: 24px;
      }
      .vet-access-main {
        background: #1f6e41;
        color: white;
        border-radius: 26px;
        padding: 28px;
        box-shadow: 0 16px 35px rgba(31, 110, 65, 0.18);
      }
      .vet-access-main h3 {
        color: #fff2d0;
        font-size: 1.75rem;
        margin: 0 0 8px;
      }
      .vet-access-main p {
        color: #f2fff5;
      }
      .vet-access-side {
        background: #fff;
        border: 1px solid var(--line);
        border-radius: 26px;
        padding: 26px;
      }
      .vet-access-side h3 {
        color: var(--brown2);
        margin-top: 0;
      }
      .vet-flow {
        display: grid;
        grid-template-columns: repeat(4, 1fr);
        gap: 14px;
        margin-top: 20px;
      }
      .vet-flow-step {
        position: relative;
        background: #fffaf3;
        border: 1px solid var(--line);
        border-radius: 20px;
        padding: 18px;
        text-align: center;
      }
      .vet-flow-step b {
        display: flex;
        width: 36px;
        height: 36px;
        border-radius: 50%;
        background: var(--green);
        color: white;
        align-items: center;
        justify-content: center;
        margin: 0 auto 9px;
      }
      .vet-flow-step strong {
        display: block;
        color: var(--brown2);
      }
      .vet-future {
        margin-top: 24px;
        background: #2d2118;
        color: #fff2d0;
        border-radius: 28px;
        padding: 28px;
      }
      .vet-future h3 {
        color: #fff2d0;
        margin-top: 0;
        font-size: 1.65rem;
      }
      .vet-future-grid {
        display: grid;
        grid-template-columns: repeat(3, 1fr);
        gap: 14px;
      }
      .vet-future-card {
        background: rgba(255, 255, 255, 0.08);
        border: 1px solid rgba(255, 255, 255, 0.18);
        border-radius: 18px;
        padding: 17px;
      }
      .vet-future-card strong {
        display: block;
        color: #fff;
        margin-bottom: 5px;
      }
      .vet-disclaimer {
        margin-top: 22px;
        border-left: 6px solid var(--green);
        background: #fff;
        padding: 20px;
        border-radius: 0 20px 20px 0;
        color: var(--brown2);
        font-weight: 800;
      }
      @media (max-width: 980px) {
        .vet-hero,
        .vet-access {
          grid-template-columns: 1fr;
        }
        .vet-principles {
          grid-template-columns: repeat(2, 1fr);
        }
        .vet-tool-grid {
          grid-template-columns: repeat(2, 1fr);
        }
        .vet-flow,
        .vet-future-grid {
          grid-template-columns: repeat(2, 1fr);
        }
      }
      @media (max-width: 620px) {
        .vet-principles,
        .vet-tool-grid,
        .vet-flow,
        .vet-future-grid {
          grid-template-columns: 1fr;
        }
        .vet-hero-copy {
          padding: 22px;
        }
        .vet-hero-visual img {
          width: 170px;
          height: 170px;
        }
      }

      .tour-howto {
        display: flex;
        flex-wrap: wrap;
        gap: 8px 18px;
        align-items: center;
      }
      .tour-howto span {
        display: inline-block;
      }
      .tour-navigator-toggle {
        position: fixed;
        left: 18px;
        top: 66px;
        z-index: 10003;
        border: 1px solid #e2bd76;
        background: #fff8ea;
        color: #5c3a1d;
        border-radius: 999px;
        padding: 10px 14px;
        font-weight: 900;
        cursor: pointer;
        box-shadow: 0 8px 24px rgba(0, 0, 0, 0.28);
      }
      .tour-navigator {
        position: fixed;
        left: 16px;
        top: 112px;
        bottom: 18px;
        width: min(330px, 84vw);
        z-index: 10004;
        background: #fffdf8;
        color: #3c2a1d;
        border: 2px solid #e2bd76;
        border-radius: 20px;
        box-shadow: 0 18px 60px rgba(0, 0, 0, 0.45);
        padding: 14px;
        overflow: auto;
      }
      .tour-navigator[hidden] {
        display: none;
      }
      .tour-navigator-head {
        display: flex;
        align-items: center;
        justify-content: space-between;
        gap: 10px;
        font-size: 1.15rem;
        color: #5c3a1d;
        position: sticky;
        top: -14px;
        background: #fffdf8;
        padding: 12px 0 8px;
        z-index: 1;
      }
      .tour-navigator-close {
        border: 0;
        background: #efe4d4;
        color: #5c3a1d;
        border-radius: 999px;
        width: 34px;
        height: 34px;
        font-size: 1.4rem;
        cursor: pointer;
      }
      .tour-navigator p {
        margin: 2px 0 10px;
        color: #6d5847;
      }
      .tour-navigator-list {
        margin: 0;
        padding: 0;
        list-style: none;
        display: grid;
        gap: 6px;
      }
      .tour-navigator-list button {
        width: 100%;
        text-align: left;
        border: 1px solid #e6cfae;
        background: #fff8ea;
        color: #4a3524;
        border-radius: 10px;
        padding: 9px 10px;
        cursor: pointer;
        font-weight: 800;
        line-height: 1.25;
      }
      .tour-navigator-list button:hover,
      .tour-navigator-list button:focus-visible {
        background: #f5e4bf;
        outline: 3px solid var(--gold);
        outline-offset: 1px;
      }
      .tour-navigator-list button[aria-current="true"] {
        background: #2f8f57;
        color: white;
        border-color: #1f6e41;
      }
      .tour-lightbox.navigator-open img {
        transform: translateX(min(150px, 12vw));
      }
      @media (max-width: 700px) {
        .tour-navigator-toggle {
          left: 10px;
          top: 58px;
          padding: 8px 11px;
          font-size: 0.8rem;
        }
        .tour-navigator {
          left: 8px;
          top: 98px;
          bottom: 8px;
          width: calc(100vw - 16px);
        }
        .tour-lightbox.navigator-open img {
          transform: none;
        }
      }

      .primary-invitation {
        margin-top: 26px;
      }
      .primary-invitation .btn {
        font-size: 1.08rem;
        min-height: 58px;
        padding: 16px 28px;
        flex: 1 1 100%;
        max-width: 620px;
      }
      .invitation-quick-access {
        margin: 16px 0 24px;
        max-width: none;
        justify-content: flex-start;
      }
      .invitation-quick-access strong {
        flex: 1 0 100%;
        font-size: 1.02rem;
      }
      .invitation-quick-access a {
        background: #fffdf8;
      }
      @media (max-width: 820px) {
        .invitation-quick-access {
          justify-content: center;
        }
        .invitation-quick-access strong {
          text-align: center;
        }
        .primary-invitation .btn {
          max-width: none;
        }
      }

      .experience-rooms {
        display: grid;
        grid-template-columns: repeat(2, minmax(0, 1fr));
        gap: 18px;
        margin: 26px 0 22px;
      }
      .experience-room {
        display: grid;
        grid-template-columns: 70px 1fr;
        gap: 16px;
        align-items: start;
        background: rgba(255, 252, 242, 0.96);
        border: 1px solid rgba(100, 72, 34, 0.22);
        border-radius: 20px;
        padding: 22px;
        box-shadow: 0 10px 24px rgba(72, 48, 19, 0.1);
      }
      .experience-room h3 {
        margin: 4px 0 8px;
      }
      .experience-room p {
        margin: 0 0 15px;
      }
      .room-icon {
        width: 60px;
        height: 60px;
        border-radius: 50%;
        display: grid;
        place-items: center;
        font-size: 30px;
        background: #f1e3bc;
        border: 2px solid #b38a3e;
      }
      .experience-hall-closing {
        display: flex;
        align-items: center;
        gap: 18px;
        max-width: 820px;
        margin: 10px auto 28px;
        padding: 18px 22px;
        background: #f7efd8;
        border-radius: 18px;
        border: 1px solid rgba(100, 72, 34, 0.18);
      }
      .experience-hall-closing img {
        width: 78px;
        height: 78px;
        object-fit: cover;
        border-radius: 50%;
        object-position: center 22%;
      }
      .experience-hall-closing p {
        margin: 0;
        font-size: 1.05rem;
      }
      .experience-hall-welcome {
        margin-bottom: 20px;
      }
      @media (max-width: 760px) {
        .experience-rooms {
          grid-template-columns: 1fr;
        }
        .experience-room {
          grid-template-columns: 58px 1fr;
          padding: 18px;
        }
        .room-icon {
          width: 50px;
          height: 50px;
          font-size: 25px;
        }
        .experience-hall-closing {
          align-items: flex-start;
        }
        .experience-hall-closing img {
          width: 64px;
          height: 64px;
        }
      }

      /* Phase A Final Integration — Ask Chef Puppy and exact Experience crop correction */
      .experience-hall-welcome .experience-chef-crop {
        object-position: center 18%;
      }
      .ask-chef-backdrop {
        position: fixed;
        inset: 0;
        background: rgba(24, 16, 10, 0.48);
        z-index: 10020;
      }
      .ask-chef-backdrop[hidden],
      .ask-chef-panel[hidden] {
        display: none;
      }
      .ask-chef-panel {
        position: fixed;
        right: 18px;
        top: 18px;
        bottom: 18px;
        width: min(470px, calc(100vw - 36px));
        z-index: 10021;
        background: #fffdf8;
        border: 2px solid #e2bd76;
        border-radius: 24px;
        box-shadow: 0 24px 80px rgba(0, 0, 0, 0.42);
        padding: 20px;
        overflow: auto;
        color: var(--ink);
      }
      .ask-chef-head {
        display: flex;
        justify-content: space-between;
        gap: 16px;
        align-items: flex-start;
        border-bottom: 1px solid var(--line);
        padding-bottom: 12px;
      }
      .ask-chef-head h2 {
        margin: 2px 0 0;
        color: var(--brown2);
      }
      .ask-chef-close {
        border: 0;
        background: #efe4d4;
        color: #5c3a1d;
        width: 40px;
        height: 40px;
        border-radius: 50%;
        font-size: 1.7rem;
        cursor: pointer;
      }
      .ask-chef-intro {
        display: grid;
        grid-template-columns: 76px 1fr;
        gap: 14px;
        align-items: center;
        margin: 16px 0;
      }
      .ask-chef-intro img {
        width: 76px;
        height: 76px;
        border-radius: 50%;
        object-fit: cover;
        object-position: center 18%;
        border: 3px solid #fff2d4;
      }
      .ask-chef-intro p {
        margin: 0;
      }
      .ask-chef-questions {
        display: grid;
        gap: 8px;
      }
      .ask-chef-questions button {
        border: 1px solid #cce7d4;
        background: #f5fbf7;
        color: var(--green2);
        border-radius: 14px;
        padding: 11px 12px;
        text-align: left;
        font:
          900 0.95rem Georgia,
          serif;
        cursor: pointer;
      }
      .ask-chef-questions button:hover,
      .ask-chef-questions button:focus-visible {
        background: var(--green);
        color: white;
        outline: none;
      }
      .ask-chef-form {
        margin: 16px 0;
      }
      .ask-chef-form > div {
        display: flex;
        gap: 8px;
        margin-top: 7px;
      }
      .ask-chef-form input {
        flex: 1;
        min-width: 0;
        border: 1px solid #d8c3a5;
        border-radius: 12px;
        padding: 11px;
        font: inherit;
      }
      .ask-chef-form button,
      .future-lesson-button {
        border: 0;
        border-radius: 12px;
        background: var(--brown2);
        color: white;
        padding: 10px 14px;
        font-weight: 900;
        cursor: pointer;
      }
      .ask-chef-answer {
        background: #fff7e7;
        border: 1px solid #e2bd76;
        border-radius: 16px;
        padding: 14px;
        min-height: 86px;
      }
      .ask-chef-answer-card {
        margin: 12px 0 16px;
        border: 2px solid var(--gold);
        box-shadow: 0 10px 24px rgba(111, 69, 33, 0.16);
        font-size: 1rem;
        line-height: 1.55;
      }
      .ask-chef-answer-card[hidden] {
        display: none;
      }
      .ask-chef-answer-card.answer-pop {
        animation: chefAnswerPop 0.32s ease-out;
      }
      @keyframes chefAnswerPop {
        0% {
          transform: translateY(-6px);
          opacity: 0.35;
        }
        100% {
          transform: translateY(0);
          opacity: 1;
        }
      }
      .future-lesson-button {
        margin-top: 10px;
        background: var(--green);
      }
      .ask-chef-safety {
        font-size: 0.82rem;
        color: var(--muted);
        border-top: 1px solid var(--line);
        padding-top: 12px;
        margin-bottom: 0;
      }
      @media (max-width: 600px) {
        .ask-chef-panel {
          right: 8px;
          top: 8px;
          bottom: 8px;
          width: calc(100vw - 16px);
          padding: 16px;
        }
        .ask-chef-form > div {
          flex-direction: column;
        }
        .ask-chef-form button {
          width: 100%;
        }
      }

      /* v3.1 Music Room and evergreen Jingle Competition */
      .music-room {
        padding: 78px 0;
        background: linear-gradient(180deg, #fffaf1, #f5fbf7);
      }
      .music-room-hero {
        display: grid;
        grid-template-columns: minmax(220px, 1fr) minmax(0, 2fr);
        gap: 30px;
        align-items: center;
        background: #fff;
        border: 1px solid var(--line);
        border-radius: 30px;
        padding: 18px 28px;
        box-shadow: 0 18px 42px rgba(91, 55, 23, 0.12);
      }
      .music-room-chef-column {
        display: flex;
        flex-direction: column;
        align-items: flex-start;
        min-width: 0;
      }
      .music-room-chef-column img {
        width: min(100%, 340px);
        height: 340px;
        object-fit: contain;
        object-position: left center;
        border-radius: 0;
        justify-self: start;
      }
      .music-room-welcome-song {
        width: min(100%, 340px);
        margin-top: -4px;
        text-align: center;
      }
      .music-room-welcome-song strong {
        display: block;
        margin-bottom: 8px;
        color: var(--brown2);
        font-size: 1rem;
      }
      .music-room-welcome-song audio {
        display: block;
        width: 100%;
        height: 40px;
      }
      .music-room-hero-copy {
        align-self: stretch;
        display: flex;
        flex-direction: column;
        justify-content: center;
        min-width: 0;
      }
      .music-room-hero h2 {
        margin: 5px 0 10px;
        color: var(--brown2);
        font-size: clamp(2rem, 4vw, 3.4rem);
        line-height: 1.05;
      }
      .music-room-nav {
        display: flex;
        gap: 10px;
        flex-wrap: wrap;
        margin-top: auto;
        padding-top: 18px;
      }
      .music-room-nav a {
        box-shadow: none;
      }
      .jingle-competition,
      .featured-music {
        margin-top: 34px;
        background: #fff;
        border: 1px solid var(--line);
        border-radius: 28px;
        padding: 24px;
        box-shadow: 0 14px 34px rgba(91, 55, 23, 0.09);
      }
      .music-room-hero + .featured-music {
        margin-top: 22px;
      }
      .music-section-head {
        text-align: center;
        max-width: 840px;
        margin: 0 auto 22px;
      }
      .music-section-head h3 {
        font-size: clamp(1.8rem, 3.2vw, 2.7rem);
        color: var(--brown2);
        margin: 6px 0;
      }
      .music-section-head p {
        color: var(--muted);
        font-size: 1.08rem;
      }
      .jingle-grid {
        display: grid;
        grid-template-columns: repeat(2, minmax(0, 1fr));
        gap: 16px;
      }
      .jingle-card,
      .music-track {
        border: 1px solid var(--line);
        border-radius: 20px;
        padding: 17px;
        background: #fffdf8;
      }
      .jingle-card h4,
      .music-track h4 {
        margin: 0 0 5px;
        color: var(--brown2);
      }
      .jingle-card p,
      .music-track p {
        margin: 0 0 12px;
        color: var(--muted);
      }
      .jingle-card audio,
      .music-track audio {
        width: 100%;
        margin: 5px 0 10px;
      }
      .vote-row {
        display: flex;
        align-items: center;
        gap: 10px;
        justify-content: space-between;
        flex-wrap: wrap;
      }
      .vote-choice {
        font-weight: 900;
        color: var(--green2);
      }
      .popularity {
        flex: 1 1 190px;
        min-width: 160px;
      }
      .popularity-line {
        height: 9px;
        border-radius: 999px;
        background: #e9e2d7;
        overflow: hidden;
      }
      .popularity-line span {
        display: block;
        height: 100%;
        width: 0;
        background: linear-gradient(90deg, var(--green), var(--gold));
      }
      .popularity small {
        display: block;
        color: var(--muted);
        margin-top: 4px;
      }
      .vote-form {
        margin-top: 24px;
        border-top: 1px solid var(--line);
        padding-top: 22px;
      }
      .vote-fields {
        display: grid;
        grid-template-columns: repeat(2, minmax(0, 1fr));
        gap: 14px;
      }
      .vote-fields label {
        font-weight: 900;
        color: var(--brown2);
      }
      .vote-fields input,
      .vote-fields select,
      .vote-fields textarea {
        width: 100%;
        margin-top: 6px;
        padding: 12px;
        border: 1px solid #d8c4aa;
        border-radius: 12px;
        font: inherit;
        background: #fff;
      }
      .vote-fields .wide {
        grid-column: 1/-1;
      }
      .vote-consent {
        display: flex;
        gap: 9px;
        align-items: flex-start;
        margin: 15px 0;
      }
      .vote-consent input {
        margin-top: 5px;
      }
      .vote-status {
        margin-top: 12px;
        padding: 12px;
        border-radius: 12px;
        background: #f3faf5;
        color: var(--green2);
        font-weight: 800;
      }
      .music-track-list {
        display: grid;
        grid-template-columns: repeat(2, minmax(0, 1fr));
        gap: 14px;
      }
      .music-track {
        display: flex;
        flex-direction: column;
      }
      .music-track audio {
        margin-top: auto;
      }
      .music-room-note {
        margin-top: 20px;
        background: #fff4d9;
        border: 1px solid #efc873;
        border-radius: 18px;
        padding: 16px;
        color: #694214;
      }
      @media (max-width: 820px) {
        .jingle-grid,
        .music-track-list,
        .vote-fields {
          grid-template-columns: 1fr;
        }
        .vote-fields .wide {
          grid-column: auto;
        }
        .music-room {
          padding: 52px 0;
        }
        .music-room-hero {
          grid-template-columns: minmax(190px, 1fr) minmax(0, 2fr);
          gap: 16px;
          padding: 16px;
        }
        .music-room-chef-column img {
          height: 280px;
        }
        .jingle-competition,
        .featured-music {
          padding: 18px;
        }
      }
      @media (max-width: 600px) {
        .music-room-hero {
          grid-template-columns: 1fr;
        }
        .music-room-chef-column {
          align-items: center;
        }
        .music-room-chef-column img {
          width: min(100%, 300px);
          height: 280px;
          justify-self: center;
          object-position: center;
        }
        .music-room-welcome-song {
          width: min(100%, 300px);
        }
      }

      /* v3.5 shared music voting center */
      .shared-vote-center {
        margin-top: 24px;
        border: 2px solid #d8c4aa;
        border-radius: 24px;
        padding: 22px;
        background: linear-gradient(180deg, #fffdf8, #f8f0e3);
        box-shadow: 0 14px 30px rgba(91, 55, 23, 0.1);
      }
      .vote-direction {
        text-align: center;
        padding: 12px 14px;
        border-radius: 16px;
        background: #f3faf5;
        color: var(--green2);
        font-weight: 900;
        margin-bottom: 16px;
      }
      .vote-direction.song-direction {
        margin: 20px 0 10px;
        background: #fff7e8;
        color: var(--brown2);
      }
      .vote-direction .arrow {
        display: block;
        font-size: 1.55rem;
        line-height: 1;
        margin-bottom: 6px;
      }
      .vote-selector {
        display: grid;
        grid-template-columns: 1fr;
        gap: 6px;
        margin-bottom: 18px;
      }
      .vote-selector label {
        font-weight: 900;
        color: var(--brown2);
      }
      .vote-selector select {
        width: 100%;
        padding: 13px;
        border: 1px solid #d8c4aa;
        border-radius: 12px;
        font: inherit;
        background: #fff;
      }
      .choose-music-btn {
        border: 0;
        border-radius: 999px;
        padding: 9px 13px;
        background: var(--green);
        color: #fff;
        font-weight: 900;
        cursor: pointer;
      }
      .choose-music-btn:hover,
      .choose-music-btn:focus {
        background: var(--green2);
        outline: 3px solid rgba(50, 112, 70, 0.22);
      }
      .selection-confirm {
        margin-top: 10px;
        font-weight: 800;
        color: var(--green2);
      }
      .shared-vote-center .vote-submit-row {
        display: flex;
        gap: 12px;
        align-items: center;
        flex-wrap: wrap;
        margin-top: 16px;
      }

      /* v4.0 — WP-051 Learning Department Integration */
      .learning-department {
        padding: 78px 0;
        background: linear-gradient(
          180deg,
          #f6f0df 0%,
          #fffaf0 42%,
          #f3ead6 100%
        );
      }
      .learning-department .journey-ribbon {
        margin-bottom: 22px;
      }
      .learning-hero {
        display: grid;
        grid-template-columns: 1.35fr 0.65fr;
        gap: 28px;
        align-items: center;
        background: #fffdf7;
        border: 1px solid rgba(91, 69, 34, 0.18);
        border-radius: 28px;
        padding: 34px;
        box-shadow: 0 18px 40px rgba(69, 47, 18, 0.12);
      }
      .learning-hero h2 {
        margin: 8px 0 12px;
        font-size: clamp(2.25rem, 4vw, 3.6rem);
        color: var(--green);
      }
      .learning-hero p {
        font-size: 1.08rem;
        line-height: 1.7;
      }
      .learning-chef {
        background: linear-gradient(145deg, #e7d7ad, #fff7df);
        border-radius: 24px;
        padding: 18px;
        text-align: center;
        border: 1px solid rgba(91, 69, 34, 0.2);
      }
      .learning-chef img {
        width: 100%;
        max-height: 310px;
        object-fit: cover;
        object-position: center 20%;
        border-radius: 18px;
      }
      .learning-chef strong {
        display: block;
        margin-top: 12px;
        color: var(--brown2);
        font-size: 1.08rem;
      }
      .learning-paths {
        display: grid;
        grid-template-columns: repeat(4, minmax(0, 1fr));
        gap: 16px;
        margin: 26px 0 32px;
      }
      .learning-path {
        background: #fffaf0;
        border: 1px solid rgba(91, 69, 34, 0.18);
        border-radius: 20px;
        padding: 22px;
        box-shadow: 0 10px 26px rgba(69, 47, 18, 0.08);
      }
      .learning-path .path-icon {
        font-size: 2rem;
      }
      .learning-path h3 {
        margin: 10px 0 8px;
      }
      .learning-path p {
        min-height: 72px;
      }
      .learning-path button {
        width: 100%;
      }
      .learning-campus {
        display: grid;
        grid-template-columns: 280px minmax(0, 1fr);
        gap: 24px;
        align-items: start;
      }
      .paw-sidebar {
        position: sticky;
        top: 18px;
        background: #4f351f;
        border-radius: 22px;
        padding: 18px;
        box-shadow: 0 14px 32px rgba(45, 29, 12, 0.18);
      }
      .paw-sidebar h3 {
        color: #fff9e8;
        margin: 0 0 14px;
      }
      .paw-section-btn {
        display: block;
        width: 100%;
        text-align: left;
        border: 0;
        border-radius: 12px;
        padding: 11px 12px;
        margin: 6px 0;
        background: #7b5734;
        color: #fff8e8;
        font-weight: 700;
        cursor: pointer;
        transition: 0.18s ease;
      }
      .paw-section-btn:hover,
      .paw-section-btn.active {
        background: #b78a48;
        color: #25170d;
        transform: translateX(3px);
      }
      .paw-section-btn,
      .path-jump,
      .open-report,
      .ask-from-card,
      .learning-ask {
        cursor: pointer !important;
      }
      .paw-section-btn:hover {
        box-shadow: 0 0 0 3px rgba(255, 248, 232, 0.22);
      }
      .paw-section-btn:focus-visible {
        outline: 3px solid #ffd76a;
        outline-offset: 2px;
      }
      .learning-main {
        min-width: 0;
      }
      .learning-toolbar {
        display: flex;
        gap: 12px;
        align-items: center;
        justify-content: space-between;
        flex-wrap: wrap;
        background: #fffdf8;
        border-radius: 18px;
        padding: 16px 18px;
        border: 1px solid rgba(91, 69, 34, 0.15);
        margin-bottom: 18px;
      }
      .learning-search {
        display: flex;
        gap: 8px;
        flex: 1;
        min-width: 260px;
      }
      .learning-search input {
        flex: 1;
        padding: 12px 14px;
        border: 1px solid #c9b48e;
        border-radius: 12px;
        font-size: 1rem;
      }
      .learning-search button {
        white-space: nowrap;
      }
      .learning-count {
        color: var(--muted);
        font-weight: 700;
      }
      .learning-panel {
        display: none;
      }
      .learning-panel.active {
        display: block;
      }
      .learning-panel-head {
        display: flex;
        justify-content: space-between;
        gap: 18px;
        align-items: end;
        margin: 8px 0 16px;
      }
      .learning-panel-head h3 {
        font-size: 2rem;
        margin: 0;
      }
      .learning-panel-head p {
        max-width: 680px;
        margin: 0;
        color: var(--muted);
      }
      .paw-card-grid {
        display: grid;
        grid-template-columns: repeat(2, minmax(0, 1fr));
        gap: 16px;
      }
      .paw-card {
        background: #fffdf7;
        border: 1px solid rgba(91, 69, 34, 0.17);
        border-radius: 18px;
        padding: 20px;
        box-shadow: 0 8px 22px rgba(69, 47, 18, 0.08);
      }
      .paw-card h4 {
        margin: 8px 0;
      }
      .paw-card .meta {
        display: flex;
        gap: 8px;
        flex-wrap: wrap;
        font-size: 0.82rem;
      }
      .paw-card .meta span {
        background: #efe3c7;
        border-radius: 999px;
        padding: 4px 8px;
      }
      .paw-card p {
        line-height: 1.55;
      }
      .paw-card .card-actions {
        display: flex;
        gap: 8px;
        flex-wrap: wrap;
        margin-top: 14px;
      }
      .paw-card.hidden {
        display: none;
      }
      .learning-empty {
        display: none;
        background: #fff8e8;
        border: 1px dashed #b78a48;
        border-radius: 16px;
        padding: 22px;
        text-align: center;
      }
      .learning-empty.show {
        display: block;
      }
      .song-companion-live {
        display: grid;
        grid-template-columns: 1fr 320px;
        gap: 20px;
        align-items: center;
        background: linear-gradient(135deg, #4f351f, #74502f);
        color: #fff8e8;
        border-radius: 22px;
        padding: 24px;
        margin: 28px 0;
      }
      .song-companion-live h3 {
        color: #fff;
        margin: 4px 0 8px;
      }
      .song-companion-live p {
        margin: 0 0 14px;
      }
      .song-companion-live audio {
        width: 100%;
      }
      .song-finished {
        display: none;
        margin-top: 10px;
        font-weight: 800;
        color: #ffe39a;
      }
      .song-finished.show {
        display: block;
      }
      .report-reader {
        display: none;
        background: #fffdf8;
        border: 2px solid #b78a48;
        border-radius: 22px;
        padding: 26px;
        margin-top: 20px;
        box-shadow: 0 16px 34px rgba(69, 47, 18, 0.12);
      }
      .report-reader.open {
        display: block;
      }
      .report-reader h3 {
        margin-top: 0;
      }
      .report-reader .reader-close {
        float: right;
      }
      .learning-footer {
        display: flex;
        justify-content: space-between;
        gap: 20px;
        align-items: center;
        background: #e6d6b5;
        border-radius: 20px;
        padding: 22px;
        margin-top: 28px;
      }
      .learning-footer p {
        margin: 4px 0 0;
      }
      @media (max-width: 980px) {
        .learning-hero {
          grid-template-columns: 1fr;
        }
        .learning-paths {
          grid-template-columns: repeat(2, 1fr);
        }
        .learning-campus {
          grid-template-columns: 1fr;
        }
        .paw-sidebar {
          position: static;
        }
        .paw-sidebar .paw-section-list {
          display: grid;
          grid-template-columns: repeat(2, 1fr);
          gap: 6px;
        }
        .song-companion-live {
          grid-template-columns: 1fr;
        }
      }
      @media (max-width: 650px) {
        .learning-paths,
        .paw-card-grid {
          grid-template-columns: 1fr;
        }
        .paw-sidebar .paw-section-list {
          grid-template-columns: 1fr;
        }
        .learning-footer {
          align-items: flex-start;
          flex-direction: column;
        }
        .learning-hero {
          padding: 22px;
        }
        .learning-search {
          min-width: 100%;
          flex-direction: column;
        }
      }

      /* v4.5 — PAW Library direct-entry and board-return navigation */
      .paw-board-help {
        margin: 0 0 12px;
        color: #f7e8c8;
        font-size: 0.92rem;
        line-height: 1.4;
      }
      .return-paw-board {
        cursor: pointer !important;
        white-space: normal;
      }
      .panel-board-return {
        display: flex;
        justify-content: flex-start;
        margin: 0 0 12px;
      }
      #learning-campus {
        scroll-margin-top: 16px;
      }
      .paw-sidebar {
        scroll-margin-top: 16px;
      }
      @media (max-width: 650px) {
        .learning-toolbar .return-paw-board {
          width: 100%;
        }
        .panel-board-return .btn {
          width: 100%;
        }
      }

      /* v5.0 — Founder Home Integration */
      .founder-home-v5 {
        padding: 78px 0;
      }
      .founder-ribbon {
        margin-bottom: 22px;
      }
      .founder-ribbon span {
        opacity: 0.55;
      }
      .founder-shell-v5 {
        grid-template-columns: 250px minmax(0, 1fr) 270px;
      }
      .founder-profile {
        display: flex;
        gap: 12px;
        align-items: center;
        padding-bottom: 16px;
        border-bottom: 1px solid var(--line);
        margin-bottom: 14px;
      }
      .founder-avatar {
        width: 48px;
        height: 48px;
        border-radius: 50%;
        display: grid;
        place-items: center;
        background: var(--green);
        color: #fff;
        font-weight: 900;
      }
      .founder-profile strong,
      .founder-profile span,
      .founder-profile small {
        display: block;
      }
      .founder-profile span,
      .founder-profile small {
        color: var(--muted);
        font-size: 0.82rem;
      }
      .founder-menu-v5 button {
        width: 100%;
        border: 1px solid transparent;
        text-align: left;
        text-decoration: none;
        padding: 10px 12px;
        border-radius: 12px;
        font:
          800 0.94rem Georgia,
          serif;
        color: var(--brown2);
        background: #fffaf3;
        cursor: pointer;
      }
      .founder-menu-v5 button.active,
      .founder-menu-v5 button:hover,
      .founder-menu-v5 button:focus-visible {
        background: var(--brown2);
        color: #fff;
        outline: none;
      }
      .founder-upgrade {
        display: block;
        margin-top: 12px;
        text-align: center;
      }
      .founder-view {
        display: none;
        scroll-margin-top: 110px;
      }
      .founder-view.active {
        display: block;
        animation: founderViewIn 0.25s ease-out;
      }
      @keyframes founderViewIn {
        from {
          opacity: 0.35;
          transform: translateY(5px);
        }
        to {
          opacity: 1;
          transform: none;
        }
      }
      .founder-welcome-v5 {
        margin-bottom: 18px;
      }
      .founder-home-actions {
        display: flex;
        gap: 9px;
        flex-wrap: wrap;
        margin-top: 18px;
      }
      .founder-kpi-grid {
        display: grid;
        grid-template-columns: repeat(4, minmax(0, 1fr));
        gap: 12px;
        margin-bottom: 18px;
      }
      .founder-kpi-grid article {
        background: #fffdf8;
        border: 1px solid var(--line);
        border-radius: 16px;
        padding: 14px;
      }
      .founder-kpi-grid small,
      .founder-kpi-grid strong,
      .founder-kpi-grid span {
        display: block;
      }
      .founder-kpi-grid small {
        color: var(--green2);
        font-weight: 900;
      }
      .founder-kpi-grid strong {
        font-size: 1.15rem;
        color: var(--brown2);
        margin: 4px 0;
      }
      .founder-kpi-grid span {
        color: var(--muted);
        font-size: 0.82rem;
      }
      .resume-card {
        text-align: left;
        font: inherit;
        color: inherit;
        text-decoration: none;
        cursor: pointer;
      }
      .text-button {
        border: 0;
        background: transparent;
        color: var(--green2);
        font-weight: 900;
        cursor: pointer;
      }
      .founder-view-head {
        background: #fffdf8;
        border: 1px solid var(--line);
        border-radius: 22px;
        padding: 24px;
        margin-bottom: 18px;
      }
      .founder-view-head h2 {
        margin: 5px 0;
        color: var(--brown2);
        font-size: clamp(1.8rem, 3.5vw, 2.8rem);
      }
      .founder-resource-grid,
      .benefit-grid,
      .founder-support-grid {
        display: grid;
        grid-template-columns: repeat(2, minmax(0, 1fr));
        gap: 14px;
      }
      .founder-resource-grid a,
      .founder-resource-grid button,
      .benefit-grid article,
      .founder-support-grid a {
        border: 1px solid var(--line);
        border-radius: 18px;
        padding: 18px;
        background: #fffdf8;
        text-align: left;
        text-decoration: none;
        color: inherit;
        font: inherit;
        cursor: pointer;
      }
      .founder-resource-grid b,
      .founder-resource-grid span,
      .founder-resource-grid em,
      .founder-support-grid b,
      .founder-support-grid span {
        display: block;
      }
      .founder-resource-grid b,
      .founder-support-grid b {
        color: var(--brown2);
        font-size: 1.15rem;
      }
      .founder-resource-grid span,
      .founder-support-grid span {
        color: var(--muted);
        margin: 7px 0;
      }
      .founder-resource-grid em {
        color: var(--green2);
        font-style: normal;
        font-weight: 900;
      }
      .founder-recipe-grid {
        display: grid;
        grid-template-columns: repeat(2, minmax(0, 1fr));
        gap: 16px;
      }
      .founder-recipe-grid article {
        background: #fffdf8;
        border: 1px solid var(--line);
        border-radius: 20px;
        padding: 22px;
      }
      .founder-recipe-grid .locked {
        background: #f4eee5;
      }
      .download-list {
        display: grid;
        gap: 12px;
      }
      .download-list article {
        display: flex;
        justify-content: space-between;
        gap: 16px;
        align-items: center;
        background: #fffdf8;
        border: 1px solid var(--line);
        border-radius: 16px;
        padding: 16px;
      }
      .download-list b,
      .download-list span {
        display: block;
      }
      .download-list span {
        color: var(--muted);
        margin-top: 4px;
      }
      .download-list button,
      .vet-team-preview button {
        border: 1px solid #d5c6b2;
        background: #eee7dc;
        color: #766b5e;
        border-radius: 12px;
        padding: 9px 12px;
      }
      .founder-timeline-list {
        display: grid;
        gap: 12px;
      }
      .founder-timeline-list article {
        display: grid;
        grid-template-columns: 70px 1fr;
        gap: 14px;
        background: #fffdf8;
        border: 1px solid var(--line);
        border-radius: 18px;
        padding: 16px;
      }
      .founder-timeline-list time {
        font-weight: 900;
        color: var(--green2);
      }
      .founder-timeline-list b {
        color: var(--brown2);
      }
      .founder-timeline-list p {
        margin: 5px 0 0;
      }
      .benefit-grid {
        grid-template-columns: repeat(3, minmax(0, 1fr));
      }
      .benefit-grid b {
        color: var(--brown2);
        font-size: 1.08rem;
      }
      .vet-team-preview {
        display: grid;
        gap: 12px;
        margin-bottom: 18px;
      }
      .vet-team-preview article {
        display: grid;
        grid-template-columns: 1fr 1fr auto;
        align-items: center;
        gap: 12px;
        background: #fffdf8;
        border: 1px solid var(--line);
        border-radius: 16px;
        padding: 15px;
      }
      .vet-team-preview span {
        color: var(--muted);
      }
      .vet-notes-preview {
        background: #fffdf8;
        border: 1px solid var(--line);
        border-radius: 20px;
        padding: 20px;
      }
      .vet-notes-preview label {
        display: block;
        font-weight: 900;
        color: var(--brown2);
        margin-bottom: 14px;
      }
      .vet-notes-preview textarea {
        width: 100%;
        min-height: 110px;
        margin-top: 7px;
        border: 1px solid #d8c4aa;
        border-radius: 12px;
        padding: 12px;
        font: inherit;
        background: #f5f1ea;
      }
      .founder-support-grid {
        margin-top: 18px;
      }
      .founder-quick-links {
        display: grid;
        gap: 8px;
      }
      .founder-quick-links a {
        padding: 9px 11px;
        border-radius: 11px;
        background: #fffaf3;
        text-decoration: none;
        color: var(--brown2);
        font-weight: 900;
      }
      .founder-right-v5 {
        position: sticky;
        top: 18px;
      }
      .founder-bottom p {
        margin: 4px 0 0;
      }
      @media (max-width: 1120px) {
        .founder-shell-v5 {
          grid-template-columns: 220px minmax(0, 1fr);
        }
        .founder-right-v5 {
          grid-column: 1/-1;
          position: static;
          grid-template-columns: repeat(3, minmax(0, 1fr));
        }
        .founder-kpi-grid {
          grid-template-columns: repeat(2, minmax(0, 1fr));
        }
      }
      @media (max-width: 800px) {
        .founder-shell-v5 {
          grid-template-columns: 1fr;
        }
        .founder-sidebar-v5 {
          position: static;
        }
        .founder-menu-v5 {
          grid-template-columns: repeat(2, minmax(0, 1fr));
        }
        .founder-right-v5 {
          grid-template-columns: 1fr;
        }
        .founder-welcome-v5 {
          grid-template-columns: 1fr;
        }
        .founder-welcome-img {
          max-height: 280px;
        }
        .benefit-grid {
          grid-template-columns: repeat(2, minmax(0, 1fr));
        }
        .vet-team-preview article {
          grid-template-columns: 1fr;
        }
        .founder-resource-grid,
        .founder-recipe-grid,
        .founder-support-grid {
          grid-template-columns: 1fr;
        }
      }
      @media (max-width: 520px) {
        .founder-menu-v5,
        .founder-kpi-grid,
        .benefit-grid {
          grid-template-columns: 1fr;
        }
        .download-list article {
          align-items: flex-start;
          flex-direction: column;
        }
        .founder-home-actions .btn {
          width: 100%;
          text-align: center;
        }
      }

      body.founder-jump-mode section {
        content-visibility: visible !important;
        contain: none !important;
      }

      /* WP-053 — Restore the Wonder of the PAW Library */
      #learning-campus.learning-campus {
        display: grid;
        grid-template-columns: 1fr;
        gap: 24px;
        align-items: start;
      }
      #learning-campus {
        scroll-margin-top: 175px;
      }
      #learning-campus .paw-sidebar {
        position: relative;
        top: auto;
        background: linear-gradient(
          145deg,
          #fff8e8 0%,
          #f5e5c9 55%,
          #ead0a5 100%
        );
        border: 2px solid #c9a76c;
        border-radius: 30px;
        padding: 28px;
        box-shadow: 0 22px 48px rgba(67, 43, 18, 0.18);
        overflow: hidden;
      }
      #learning-campus .paw-sidebar:before {
        content: "";
        position: absolute;
        inset: 0;
        background:
          radial-gradient(
            circle at 12% 18%,
            rgba(255, 255, 255, 0.75),
            transparent 28%
          ),
          radial-gradient(
            circle at 88% 82%,
            rgba(72, 112, 72, 0.1),
            transparent 32%
          );
        pointer-events: none;
      }
      #learning-campus .paw-sidebar h3 {
        position: relative;
        color: #3e2a18;
        text-align: center;
        font-size: clamp(2rem, 4vw, 3.25rem);
        margin: 0;
        font-family: Georgia, serif;
        text-shadow: 0 2px 0 #fff;
      }
      #learning-campus .paw-board-help {
        position: relative;
        text-align: center;
        color: #6c4e2e;
        font-size: 1.12rem;
        font-weight: 800;
        margin: 8px 0 24px;
      }
      #learning-campus .paw-section-list {
        position: relative;
        display: grid;
        grid-template-columns: repeat(6, minmax(135px, 1fr));
        gap: 22px 16px;
        align-items: start;
      }
      #learning-campus .paw-section-btn {
        --paw: #3f7f5f;
        display: flex;
        flex-direction: column;
        align-items: center;
        justify-content: flex-start;
        width: 100%;
        min-height: 218px;
        text-align: center;
        border: 0;
        border-radius: 24px;
        padding: 10px 8px 14px;
        margin: 0;
        background: transparent;
        color: #3b2918;
        font-weight: 700;
        cursor: pointer;
        transition:
          transform 0.2s ease,
          filter 0.2s ease,
          background 0.2s ease,
          box-shadow 0.2s ease;
      }
      #learning-campus .paw-section-btn:hover {
        transform: translateY(-7px);
        background: rgba(255, 255, 255, 0.48);
        box-shadow: 0 14px 28px rgba(74, 47, 20, 0.13);
      }
      #learning-campus .paw-section-btn:active {
        transform: translateY(-1px) scale(0.97);
      }
      #learning-campus .paw-section-btn.active {
        background: rgba(255, 255, 255, 0.78);
        box-shadow:
          0 0 0 4px rgba(90, 116, 64, 0.24),
          0 15px 30px rgba(74, 47, 20, 0.16);
        transform: translateY(-4px);
      }
      #learning-campus .paw-section-btn:focus-visible {
        outline: 4px solid #ffd45f;
        outline-offset: 4px;
      }
      .paw-visual {
        position: relative;
        display: block;
        width: 114px;
        height: 116px;
        filter: drop-shadow(0 8px 7px rgba(56, 38, 19, 0.2));
        transition:
          transform 0.2s ease,
          filter 0.2s ease;
      }
      .paw-section-btn:hover .paw-visual {
        transform: scale(1.06) rotate(-1deg);
        filter: drop-shadow(0 13px 9px rgba(56, 38, 19, 0.25)) brightness(1.08);
      }
      .paw-toes {
        position: absolute;
        inset: 0;
      }
      .paw-toe {
        position: absolute;
        width: 30px;
        height: 38px;
        background: var(--paw);
        border-radius: 52% 52% 46% 46%;
        box-shadow:
          inset 0 -4px 0 rgba(0, 0, 0, 0.1),
          inset 0 4px 0 rgba(255, 255, 255, 0.16);
      }
      .paw-toe.toe-1 {
        left: 4px;
        top: 25px;
        transform: rotate(-24deg);
      }
      .paw-toe.toe-2 {
        left: 29px;
        top: 4px;
        transform: rotate(-8deg);
      }
      .paw-toe.toe-3 {
        right: 29px;
        top: 4px;
        transform: rotate(8deg);
      }
      .paw-toe.toe-4 {
        right: 4px;
        top: 25px;
        transform: rotate(24deg);
      }
      .paw-pad {
        position: absolute;
        left: 24px;
        bottom: 2px;
        width: 68px;
        height: 68px;
        background: var(--paw);
        border-radius: 48% 48% 44% 44% / 56% 56% 42% 42%;
        box-shadow:
          inset 0 -6px 0 rgba(0, 0, 0, 0.11),
          inset 0 6px 0 rgba(255, 255, 255, 0.17);
        display: flex;
        align-items: center;
        justify-content: center;
      }
      .paw-icon {
        font-size: 1.65rem;
        line-height: 1;
        color: #fff;
        text-shadow: 0 2px 3px rgba(0, 0, 0, 0.24);
        font-family: Arial, sans-serif;
        font-weight: 900;
      }
      .paw-copy {
        display: flex;
        flex-direction: column;
        gap: 5px;
        align-items: center;
        margin-top: 7px;
      }
      .paw-title {
        font-size: 1rem;
        line-height: 1.13;
        color: #402a16;
      }
      .paw-description {
        max-width: 155px;
        font-size: 0.78rem;
        line-height: 1.25;
        color: #755c40;
        font-weight: 600;
        opacity: 0;
        transform: translateY(-4px);
        max-height: 0;
        overflow: hidden;
        transition:
          opacity 0.2s ease,
          transform 0.2s ease,
          max-height 0.2s ease;
      }
      .paw-section-btn:hover .paw-description,
      .paw-section-btn:focus-visible .paw-description,
      .paw-section-btn.active .paw-description {
        opacity: 1;
        transform: none;
        max-height: 46px;
      }
      .paw-color-emerald {
        --paw: #2f7d57;
      }
      .paw-color-teal {
        --paw: #2b8280;
      }
      .paw-color-gold {
        --paw: #bd8a25;
      }
      .paw-color-navy {
        --paw: #345d89;
      }
      .paw-color-pumpkin {
        --paw: #d4772f;
      }
      .paw-color-copper {
        --paw: #a96332;
      }
      .paw-color-sage {
        --paw: #71895a;
      }
      .paw-color-indigo {
        --paw: #5363a1;
      }
      .paw-color-aqua {
        --paw: #358b9f;
      }
      .paw-color-rose {
        --paw: #b4536b;
      }
      .paw-color-blue {
        --paw: #3773a8;
      }
      .paw-color-plum {
        --paw: #7b4f8f;
      }
      .paw-color-amber {
        --paw: #c08a30;
      }
      .paw-color-violet {
        --paw: #735aa4;
      }
      .paw-color-slate {
        --paw: #61717f;
      }
      .paw-color-coral {
        --paw: #c96757;
      }
      .paw-color-forest {
        --paw: #3f7650;
      }
      .paw-color-berry {
        --paw: #8b4b67;
      }
      /* v6.1 — coordinated PAW destination colors (specificity-safe) */
      #learning-campus .paw-section-btn.paw-color-emerald {
        --paw: #2f7d57;
      }
      #learning-campus .paw-section-btn.paw-color-teal {
        --paw: #2b8280;
      }
      #learning-campus .paw-section-btn.paw-color-gold {
        --paw: #bd8a25;
      }
      #learning-campus .paw-section-btn.paw-color-navy {
        --paw: #345d89;
      }
      #learning-campus .paw-section-btn.paw-color-pumpkin {
        --paw: #d4772f;
      }
      #learning-campus .paw-section-btn.paw-color-copper {
        --paw: #a96332;
      }
      #learning-campus .paw-section-btn.paw-color-sage {
        --paw: #71895a;
      }
      #learning-campus .paw-section-btn.paw-color-indigo {
        --paw: #5363a1;
      }
      #learning-campus .paw-section-btn.paw-color-aqua {
        --paw: #358b9f;
      }
      #learning-campus .paw-section-btn.paw-color-rose {
        --paw: #b4536b;
      }
      #learning-campus .paw-section-btn.paw-color-blue {
        --paw: #3773a8;
      }
      #learning-campus .paw-section-btn.paw-color-plum {
        --paw: #7b4f8f;
      }
      #learning-campus .paw-section-btn.paw-color-amber {
        --paw: #c08a30;
      }
      #learning-campus .paw-section-btn.paw-color-violet {
        --paw: #735aa4;
      }
      #learning-campus .paw-section-btn.paw-color-slate {
        --paw: #61717f;
      }
      #learning-campus .paw-section-btn.paw-color-coral {
        --paw: #c96757;
      }
      #learning-campus .paw-section-btn.paw-color-forest {
        --paw: #3f7650;
      }
      #learning-campus .paw-section-btn.paw-color-berry {
        --paw: #8b4b67;
      }
      #learning-campus .learning-main {
        min-width: 0;
        background: rgba(255, 255, 255, 0.35);
        border-radius: 24px;
        padding: 4px;
      }
      @media (max-width: 1200px) {
        #learning-campus .paw-section-list {
          grid-template-columns: repeat(4, minmax(135px, 1fr));
        }
      }
      @media (max-width: 800px) {
        #learning-campus .paw-section-list {
          grid-template-columns: repeat(3, minmax(120px, 1fr));
          gap: 18px 10px;
        }
        #learning-campus .paw-sidebar {
          padding: 22px 14px;
        }
        .paw-visual {
          transform: scale(0.92);
        }
        .paw-section-btn:hover .paw-visual {
          transform: scale(0.98);
        }
      }
      @media (max-width: 560px) {
        #learning-campus .paw-section-list {
          grid-template-columns: repeat(2, minmax(120px, 1fr));
        }
        .paw-section-btn {
          min-height: 205px;
        }
        .paw-description {
          opacity: 1;
          transform: none;
          max-height: 46px;
        }
        .paw-visual {
          width: 104px;
          height: 108px;
        }
      }
      @media (prefers-reduced-motion: reduce) {
        #learning-campus .paw-section-btn,
        .paw-visual,
        .paw-description {
          transition: none !important;
        }
      }
    

      .visual-tour {
        margin-top: 18px;
      }
      .museum-welcome,
      .museum-closing {
        display: grid;
        grid-template-columns: 150px 1fr;
        gap: 20px;
        align-items: center;
        background: #fff8ea;
        border: 2px solid #e2bd76;
        border-radius: 24px;
        padding: 18px;
        margin: 18px 0;
      }
      .museum-welcome img,
      .museum-closing img {
        width: 100%;
        border-radius: 18px;
      }
      .museum-welcome h4,
      .museum-closing h4 {
        margin: 0 0 8px;
        color: var(--brown2);
        font-size: 1.45rem;
      }
      .visual-tour-gallery {
        display: grid;
        grid-template-columns: repeat(3, minmax(0, 1fr));
        gap: 20px;
        margin-top: 22px;
      }
      .visual-tour-card {
        background: #fffdf8;
        border: 1px solid var(--line);
        border-radius: 20px;
        overflow: hidden;
        box-shadow: 0 12px 28px rgba(89, 53, 22, 0.1);
      }
      .tour-image-button {
        display: block;
        width: 100%;
        padding: 0;
        border: 0;
        background: #efe4d4;
        cursor: zoom-in;
        position: relative;
      }
      .tour-image-button img {
        display: block;
        width: 100%;
        aspect-ratio: 8.5/11;
        object-fit: contain;
        background: #efe4d4;
      }
      .enlarge-note {
        position: absolute;
        right: 10px;
        bottom: 10px;
        background: rgba(45, 33, 24, 0.88);
        color: #fff2d0;
        padding: 6px 9px;
        border-radius: 999px;
        font-size: 0.76rem;
        font-weight: 800;
      }
      .visual-tour-caption {
        padding: 15px;
      }
      .tour-stop-label {
        font-size: 0.76rem;
        text-transform: uppercase;
        letter-spacing: 0.08em;
        color: var(--green2);
        font-weight: 900;
      }
      .visual-tour-caption h5 {
        font-size: 1.07rem;
        color: var(--brown2);
        margin: 5px 0 7px;
      }
      .visual-tour-caption p {
        margin: 0;
        color: var(--muted);
        font-size: 0.93rem;
      }
      .tour-lightbox[hidden] {
        display: none;
      }
      .tour-lightbox {
        position: fixed;
        inset: 0;
        z-index: 9999;
        background: rgba(20, 14, 10, 0.94);
        display: flex;
        align-items: center;
        justify-content: center;
        padding: 78px 24px 96px;
      }
      .tour-lightbox img {
        max-width: min(86vw, 900px);
        max-height: calc(100vh - 190px);
        object-fit: contain;
        box-shadow: 0 20px 70px #000;
      }
      .tour-lightbox-close,
      .tour-lightbox-prev,
      .tour-lightbox-next {
        position: fixed;
        border: 0;
        background: rgba(255, 255, 255, 0.92);
        color: #2d2118;
        border-radius: 999px;
        width: 48px;
        height: 48px;
        font-size: 2rem;
        cursor: pointer;
      }
      .tour-lightbox-close {
        top: 18px;
        right: 18px;
      }
      .tour-lightbox-prev {
        left: 18px;
        top: 50%;
      }
      .tour-lightbox-next {
        right: 18px;
        top: 50%;
      }
      .tour-lightbox-count {
        position: fixed;
        bottom: 18px;
        left: 50%;
        transform: translateX(-50%);
        background: rgba(255, 255, 255, 0.92);
        padding: 8px 14px;
        border-radius: 999px;
        font-weight: 800;
      }
      .tour-image-button:focus-visible,
      .tour-lightbox button:focus-visible {
        outline: 4px solid var(--gold);
        outline-offset: 3px;
      }
      @media (max-width: 900px) {
        .visual-tour-gallery {
          grid-template-columns: repeat(2, minmax(0, 1fr));
        }
      }
      @media (max-width: 620px) {
        .visual-tour-gallery {
          grid-template-columns: 1fr;
        }
        .museum-welcome,
        .museum-closing {
          grid-template-columns: 92px 1fr;
        }
        .museum-closing .cta-row {
          grid-column: 1/-1;
        }
        .tour-lightbox-prev,
        .tour-lightbox-next {
          top: auto;
          bottom: 18px;
        }
        .tour-lightbox-count {
          bottom: 76px;
        }
      }

      .journey-ribbon {
        background: #fffdf8;
        border: 1px solid var(--line);
        border-radius: 999px;
        padding: 8px 14px;
        margin: 10px auto 14px;
        max-width: 1180px;
        color: var(--muted);
        font-size: 0.92rem;
        font-weight: 800;
        box-shadow: 0 6px 18px rgba(89, 53, 22, 0.06);
        position: relative;
        z-index: 2;
      }
      .journey-ribbon a,
      .journey-ribbon button {
        color: var(--green2);
        text-decoration: none;
        background: none;
        border: 0;
        padding: 0;
        font: inherit;
        cursor: pointer;
      }
      .journey-ribbon a:hover,
      .journey-ribbon button:hover {
        text-decoration: underline;
      }
      .journey-ribbon a:focus-visible,
      .journey-ribbon button:focus-visible {
        outline: 3px solid var(--gold);
        outline-offset: 3px;
        border-radius: 4px;
      }
      .journey-ribbon .sep {
        padding: 0 7px;
        color: #b99670;
      }
      .journey-ribbon .current {
        color: var(--brown2);
      }
      .journey-ribbon.home-only {
        margin-top: 8px;
        margin-bottom: 8px;
      }
      .tour-ribbon {
        margin: 0 0 18px;
        background: #fff8ea;
      }
      .lightbox-ribbon {
        position: fixed;
        left: 18px;
        right: 78px;
        top: 14px;
        z-index: 10001;
        background: rgba(255, 253, 248, 0.97);
        border: 1px solid #e6cfae;
        border-radius: 16px;
        padding: 9px 14px;
        color: #5c3a1d;
        font-weight: 900;
        white-space: normal;
        line-height: 1.35;
        box-shadow: 0 8px 24px rgba(0, 0, 0, 0.28);
      }
      .lightbox-ribbon a,
      .lightbox-ribbon button {
        color: #1f6e41;
        background: none;
        border: 0;
        padding: 0;
        font: inherit;
        font-weight: 900;
        cursor: pointer;
        text-decoration: none;
      }
      .lightbox-ribbon a:hover,
      .lightbox-ribbon button:hover {
        text-decoration: underline;
      }
      .lightbox-ribbon .current {
        color: #5c3a1d;
      }
      .guided-transition {
        margin: 24px 0 0;
        background: #fff8ea;
        border: 2px solid #e2bd76;
        border-radius: 22px;
        padding: 18px;
        text-align: center;
      }
      .guided-transition h4 {
        margin: 0 0 7px;
        color: var(--brown2);
        font-size: 1.35rem;
      }
      .ask-chef-placeholder {
        position: fixed;
        left: 16px;
        bottom: 16px;
        z-index: 30;
        background: #2f8f57;
        color: white;
        border: 0;
        border-radius: 999px;
        padding: 12px 16px;
        font:
          900 0.92rem Georgia,
          serif;
        box-shadow: 0 8px 20px rgba(0, 0, 0, 0.22);
        cursor: pointer;
      }
      .ask-chef-placeholder:hover {
        background: #1f6e41;
      }
      @media (max-width: 700px) {
        .journey-ribbon {
          border-radius: 16px;
          margin: 8px 10px 12px;
          line-height: 1.55;
        }
        .lightbox-ribbon {
          left: 10px;
          right: 62px;
          top: 10px;
          font-size: 0.78rem;
        }
        .tour-lightbox {
          padding: 72px 10px 104px;
        }
        .tour-lightbox img {
          max-width: 96vw;
          max-height: calc(100vh - 190px);
        }
        .ask-chef-placeholder {
          left: 10px;
          bottom: 10px;
          padding: 10px 13px;
        }
        .toplink {
          bottom: 70px;
        }
      }

      /* v2.4 Safari lightbox reliability repair */
      .experience {
        content-visibility: visible !important;
        contain: none !important;
      }
      .tour-lightbox {
        isolation: isolate;
      }
      .tour-lightbox.is-loading img {
        visibility: hidden;
      }
      .tour-lightbox-status {
        position: fixed;
        left: 50%;
        top: 50%;
        transform: translate(-50%, -50%);
        z-index: 10002;
        background: rgba(255, 253, 248, 0.97);
        color: #5c3a1d;
        border: 1px solid #e6cfae;
        border-radius: 16px;
        padding: 14px 18px;
        font-weight: 900;
        box-shadow: 0 8px 24px rgba(0, 0, 0, 0.3);
      }
      .tour-lightbox:not(.is-loading):not(.has-error) .tour-lightbox-status {
        display: none;
      }
      .tour-lightbox.has-error .tour-lightbox-status {
        display: block;
        max-width: min(88vw, 520px);
        text-align: center;
      }

      .experience-rooms {
        display: grid;
        grid-template-columns: repeat(2, minmax(0, 1fr));
        gap: 18px;
        margin: 26px 0 22px;
      }
      .experience-room {
        display: grid;
        grid-template-columns: 70px 1fr;
        gap: 16px;
        align-items: start;
        background: rgba(255, 252, 242, 0.96);
        border: 1px solid rgba(100, 72, 34, 0.22);
        border-radius: 20px;
        padding: 22px;
        box-shadow: 0 10px 24px rgba(72, 48, 19, 0.1);
      }
      .experience-room h3 {
        margin: 4px 0 8px;
      }
      .experience-room p {
        margin: 0 0 15px;
      }
      .room-icon {
        width: 60px;
        height: 60px;
        border-radius: 50%;
        display: grid;
        place-items: center;
        font-size: 30px;
        background: #f1e3bc;
        border: 2px solid #b38a3e;
      }
      .experience-hall-closing {
        display: flex;
        align-items: center;
        gap: 18px;
        max-width: 820px;
        margin: 10px auto 28px;
        padding: 18px 22px;
        background: #f7efd8;
        border-radius: 18px;
        border: 1px solid rgba(100, 72, 34, 0.18);
      }
      .experience-hall-closing img {
        width: 78px;
        height: 78px;
        object-fit: cover;
        border-radius: 50%;
        object-position: center 22%;
      }
      .experience-hall-closing p {
        margin: 0;
        font-size: 1.05rem;
      }
      .experience-hall-welcome {
        margin-bottom: 20px;
      }
      @media (max-width: 760px) {
        .experience-rooms {
          grid-template-columns: 1fr;
        }
        .experience-room {
          grid-template-columns: 58px 1fr;
          padding: 18px;
        }
        .room-icon {
          width: 50px;
          height: 50px;
          font-size: 25px;
        }
        .experience-hall-closing {
          align-items: flex-start;
        }
        .experience-hall-closing img {
          width: 64px;
          height: 64px;
        }
      }

      /* WP-055 — The Story Behind Puppy Gumbo */
      .story-corner {
        margin: 26px 0 24px;
        padding: 26px;
        border: 1px solid #d5b987;
        border-radius: 24px;
        background: linear-gradient(145deg, #fffaf0 0%, #f6ead2 100%);
        box-shadow: 0 16px 34px rgba(70, 45, 20, 0.14);
        position: relative;
        overflow: hidden;
      }
      .story-corner:before {
        content: "";
        position: absolute;
        inset: 0;
        background:
          radial-gradient(
            circle at 12% 10%,
            rgba(255, 255, 255, 0.8),
            transparent 30%
          ),
          radial-gradient(
            circle at 90% 90%,
            rgba(70, 116, 72, 0.1),
            transparent 32%
          );
        pointer-events: none;
      }
      .story-corner > * {
        position: relative;
      }
      .story-kicker {
        font-weight: 900;
        letter-spacing: 0.08em;
        text-transform: uppercase;
        color: #76552f;
        font-size: 0.78rem;
      }
      .story-corner h3 {
        margin: 0.35rem 0 0.7rem;
        color: var(--brown2);
        font-size: clamp(1.6rem, 3vw, 2.35rem);
      }
      .story-corner p {
        margin: 0.5rem 0;
        color: #5e4a35;
      }
      .story-names {
        font-weight: 900;
        color: var(--green2);
      }
      .story-truth {
        font-style: italic;
        font-weight: 800;
        color: #76552f !important;
      }
      .story-player {
        margin-top: 16px;
        padding: 16px;
        border-radius: 18px;
        background: rgba(255, 255, 255, 0.76);
        border: 1px solid rgba(132, 96, 48, 0.24);
      }
      .story-player strong {
        display: block;
        color: var(--brown2);
        margin-bottom: 8px;
      }
      .story-player audio {
        width: 100%;
      }
      .story-after {
        margin-top: 15px;
        padding: 14px 16px;
        border-radius: 16px;
        background: #f0f6ed;
        border: 1px solid #b9cfb4;
        color: #315a36;
      }
      .story-after[hidden] {
        display: none;
      }
      .story-actions {
        display: flex;
        gap: 10px;
        flex-wrap: wrap;
        margin-top: 14px;
      }
      .story-begin {
        transition:
          filter 0.9s ease,
          box-shadow 0.9s ease,
          transform 0.9s ease;
      }
      .story-begin.story-invitation-ready {
        animation: storyGentleInvitation 1.2s ease-out 1 forwards;
      }
      @keyframes storyGentleInvitation {
        0% {
          filter: brightness(1);
          box-shadow: 0 8px 18px rgba(45, 93, 49, 0.12);
          transform: translateY(0);
        }
        100% {
          filter: brightness(1.13);
          box-shadow:
            0 0 0 6px rgba(112, 154, 83, 0.13),
            0 14px 30px rgba(45, 93, 49, 0.27);
          transform: translateY(-1px);
        }
      }
      .story-skip {
        font-weight: 900;
        color: var(--green2);
        text-decoration: none;
      }
      .story-skip:hover {
        text-decoration: underline;
      }
      @media (prefers-reduced-motion: reduce) {
        .story-begin.story-invitation-ready {
          animation: none;
          filter: brightness(1.1);
          box-shadow:
            0 0 0 5px rgba(112, 154, 83, 0.13),
            0 12px 28px rgba(45, 93, 49, 0.24);
        }
      }
      @media (max-width: 620px) {
        .story-corner {
          padding: 20px;
        }
        .story-actions .btn {
          width: 100%;
          text-align: center;
        }
      }
      .story-handshake {
        margin-top: 16px;
        display: grid;
        grid-template-columns: 118px 1fr;
        gap: 16px;
        align-items: center;
        padding: 16px;
        border-radius: 20px;
        background: rgba(246, 251, 243, 0.96);
        border: 1px solid #b9cfb4;
        box-shadow: 0 12px 28px rgba(43, 83, 46, 0.12);
        opacity: 0;
        transform: translateY(10px);
        pointer-events: none;
        transition:
          opacity 1.4s ease,
          transform 1.4s ease;
      }
      .story-handshake.is-visible {
        opacity: 1;
        transform: translateY(0);
        pointer-events: auto;
      }
      .story-handshake.is-resting {
        opacity: 1;
        transform: translateY(0);
        pointer-events: auto;
        transition: opacity 1.8s ease;
        box-shadow: 0 8px 20px rgba(43, 83, 46, 0.1);
      }
      .story-handshake img {
        width: 118px;
        height: 132px;
        object-fit: cover;
        object-position: 50% 22%;
        border-radius: 18px;
        border: 3px solid rgba(255, 255, 255, 0.9);
        box-shadow: 0 8px 18px rgba(58, 45, 25, 0.16);
      }
      .story-handshake-copy {
        color: #315a36;
        font-size: 1rem;
        line-height: 1.55;
      }
      .story-handshake-copy strong {
        display: block;
        color: #24482a;
        font-size: 1.08rem;
        margin-bottom: 4px;
      }
      .story-handshake-replay {
        display: inline-block;
        margin-top: 7px;
        border: 0;
        background: transparent;
        color: #315a36;
        font-weight: 850;
        text-decoration: underline;
        cursor: pointer;
        padding: 2px 0;
      }
      @media (max-width: 620px) {
        .story-handshake {
          grid-template-columns: 88px 1fr;
          gap: 12px;
        }
        .story-handshake img {
          width: 88px;
          height: 104px;
        }
      }
      @media (prefers-reduced-motion: reduce) {
        .story-handshake {
          transition: none;
        }
        .story-handshake.is-visible,
        .story-handshake.is-resting {
          transform: none;
        }
      }
      /* v6.8 / Observation #058 — Story Corner Vertical Flow */
      .hero-guide-first > .quick-access,
      .hero-guide-first > .welcome-strip,
      .hero-guide-first > .promise-band,
      .hero-guide-first > .status,
      .hero-guide-first > .hero-welcome {
        grid-column: 1/-1;
      }
      .hero-guide-first {
        align-items: start;
      }
      .hero-welcome {
        align-self: start;
        padding: 22px 24px;
        margin: 0 0 18px;
        border: 1px solid rgba(53, 100, 58, 0.18);
        border-radius: 22px;
        background: linear-gradient(145deg, #f7fbf5, #edf5e9);
        box-shadow: 0 12px 28px rgba(45, 82, 48, 0.1);
      }
      .hero-welcome .lead {
        margin-bottom: 0;
      }
      .story-corner-wide {
        display: grid;
        grid-template-columns: 1fr;
        gap: 14px;
        align-items: start;
        margin: 0 0 18px;
        padding: 20px 22px;
      }
      .story-corner-wide .story-copy {
        padding: 0;
      }
      .story-corner-wide .story-copy h3 {
        margin-top: 0.2rem;
      }
      .story-corner-wide .story-copy p {
        margin: 0.34rem 0;
      }
      .story-corner-wide .story-player {
        margin-top: 0;
        padding: 14px;
      }
      .story-corner-wide .story-actions {
        grid-column: 1;
        margin-top: 0;
      }
      .story-corner-wide .story-handshake {
        margin-top: 12px;
      }
      .hero-chef .chef-bubble {
        margin-bottom: 0;
      }
      .invitation-quick-access {
        margin-top: 0;
      }
      #tour {
        scroll-margin-top: 96px;
      }
      #experience-ribbon {
        scroll-margin-top: 96px;
      }
      @media (max-width: 900px) {
        .story-corner-wide {
          grid-template-columns: 1fr;
          margin-top: 8px;
        }
        .story-corner-wide .story-actions {
          grid-column: 1;
          margin-top: 0;
        }
        .hero-guide-first > .story-corner {
          grid-column: 1;
        }
      }
      @media (max-width: 620px) {
        .story-corner-wide {
          padding: 18px;
          gap: 14px;
        }
        .story-corner-wide .story-player {
          padding: 13px;
        }
      }
    

      /* v6.16 — Department entrance banner system */
      .room-entry-banner {
        position: relative;
        max-width: 980px;
        margin: 0 auto 28px;
        padding: 28px 34px;
        text-align: center;
        color: #fff7df;
        background: linear-gradient(
          180deg,
          #9b6739 0%,
          #7b4b26 48%,
          #603718 100%
        );
        border: 5px solid #4c2b14;
        border-radius: 18px;
        box-shadow:
          inset 0 2px 0 rgba(255, 255, 255, 0.2),
          inset 0 -8px 18px rgba(42, 20, 6, 0.24),
          0 14px 28px rgba(57, 31, 12, 0.22);
      }
      .room-entry-banner:before,
      .room-entry-banner:after {
        content: "";
        position: absolute;
        left: 18px;
        right: 18px;
        height: 2px;
        background: rgba(255, 226, 166, 0.28);
      }
      .room-entry-banner:before {
        top: 12px;
      }
      .room-entry-banner:after {
        bottom: 12px;
      }
      .room-entry-banner .room-kicker {
        display: block;
        margin-bottom: 7px;
        color: #ffe2a3;
        font-size: 0.78rem;
        font-weight: 900;
        letter-spacing: 0.14em;
        text-transform: uppercase;
      }
      .room-entry-banner h2,
      .room-entry-banner h3 {
        margin: 0;
        color: #fff7df;
        font-size: clamp(1.65rem, 4vw, 3rem);
        line-height: 1.08;
        text-shadow: 0 2px 2px rgba(42, 20, 6, 0.8);
      }
      .room-entry-banner p {
        max-width: 760px;
        margin: 10px auto 0;
        color: #f7e3c4;
        font-weight: 800;
      }
      .room-entry-banner .coming-soon-stamp {
        display: inline-block;
        margin-top: 16px;
        padding: 7px 18px;
        color: #fff4d6;
        border: 4px double #fff4d6;
        border-radius: 8px;
        font-size: clamp(1rem, 2.5vw, 1.45rem);
        font-weight: 900;
        letter-spacing: 0.12em;
        text-transform: uppercase;
        transform: rotate(-2deg);
        background: rgba(112, 24, 18, 0.72);
        box-shadow: 0 4px 10px rgba(0, 0, 0, 0.22);
      }
      .room-entry-banner .room-home-link {
        display: inline-flex;
        margin-top: 16px;
        padding: 9px 15px;
        border: 1px solid rgba(255, 240, 204, 0.7);
        border-radius: 999px;
        color: #fff7df;
        text-decoration: none;
        font-weight: 900;
        background: rgba(45, 25, 12, 0.28);
      }
      .room-entry-banner .room-home-link:hover,
      .room-entry-banner .room-home-link:focus-visible {
        background: #fff7df;
        color: #603718;
        outline: none;
      }
      @media (max-width: 700px) {
        .room-entry-banner {
          padding: 24px 18px;
          margin-bottom: 22px;
          border-width: 4px;
        }
        .room-entry-banner .coming-soon-stamp {
          letter-spacing: 0.08em;
        }
      }
    

      html[data-room] body > * {
        display: none !important;
      }
      html[data-room] body > .nav {
        display: block !important;
        position: relative;
      }
      html[data-room="jingle-competition"] body > #jingle-competition,
      html[data-room="music"] body > #music,
      html[data-room="vet"] body > #vet,
      html[data-room="purchase"] body > #purchase {
        display: block !important;
      }
      html[data-room] .room-entry-banner {
        margin-top: 24px;
      }
    

      /* v6.18: Keep the full page laid out so every room has a stable anchor position. */
      section:not(.hero) {
        content-visibility: visible !important;
        contain: none !important;
      }
    

/* Multipage foundation */
html { scroll-behavior: auto; }
body { min-height: 100vh; }
.nav .brand { text-decoration: none; }
.nav .links a[aria-current="page"] {
  background: var(--green);
  color: white;
}
body.standalone-page main { min-height: 62vh; }
body.standalone-page main > section,
body.standalone-page main > .cookbook-page {
  padding-top: 42px;
}
.standalone-room { min-height: 62vh; }
.standalone-room .room-entry-banner { margin-top: 12px; }
.jingle-room .jingle-banner-heading,
.cookbook-page .cookbook-banner-heading,
.music-room .music-banner-heading,
#purchase .purchase-banner-heading {
  margin-top: 14px;
  line-height: 1.02;
}
.jingle-room .jingle-banner-welcome,
.jingle-room .jingle-banner-title,
.cookbook-page .cookbook-banner-welcome,
.cookbook-page .cookbook-banner-title,
.music-room .music-banner-welcome,
.music-room .music-banner-title,
#purchase .purchase-banner-welcome,
#purchase .purchase-banner-title {
  display: block;
}
.jingle-room .jingle-banner-welcome,
.cookbook-page .cookbook-banner-welcome,
.music-room .music-banner-welcome,
#purchase .purchase-banner-welcome {
  margin-bottom: 7px;
  font-size: clamp(1rem, 2.2vw, 1.45rem);
  font-weight: 700;
  letter-spacing: .02em;
}
.jingle-room .jingle-banner-title,
.cookbook-page .cookbook-banner-title,
.music-room .music-banner-title,
#purchase .purchase-banner-title {
  font-size: clamp(2rem, 5vw, 3.7rem);
  font-weight: 900;
}
.jingle-room .jingle-banner-heading + p,
.cookbook-page .cookbook-banner-heading + p,
.music-room .music-banner-heading + p,
#purchase .purchase-banner-heading + p {
  margin-top: 20px;
}
.cookbook-page { padding-bottom: 72px; }
.cookbook-page > .wrap { max-width: 1180px; margin: 0 auto; padding: 0 20px; }
.home-mission-statement {
  max-width: 760px;
  margin: 14px auto 0;
  font-size: clamp(1.05rem, 2.2vw, 1.35rem);
  font-weight: 800;
  font-style: italic;
}
.mission-statement-feature {
  max-width: 900px;
  margin: 28px auto 42px;
  padding: 24px clamp(18px, 4vw, 40px);
  border-left: 7px solid var(--green);
  border-radius: 14px;
  background: #fffaf3;
  color: var(--brown2);
  text-align: center;
  box-shadow: 0 10px 26px rgba(45, 33, 24, .1);
}
.mission-statement-feature span {
  display: block;
  margin-bottom: 8px;
  color: var(--green);
  font-size: .82rem;
  font-weight: 900;
  letter-spacing: .13em;
  text-transform: uppercase;
}
.mission-statement-feature p {
  margin: 0;
  font-family: Georgia, "Times New Roman", serif;
  font-size: clamp(1.35rem, 3.2vw, 2.15rem);
  font-weight: 800;
  line-height: 1.25;
}
.mission-transparency {
  margin: 22px 0;
  padding: clamp(22px, 4vw, 38px);
  border: 2px solid #bfa779;
  border-radius: 20px;
  background: linear-gradient(145deg, #fffaf0, #f1dfbd);
  box-shadow: 0 10px 26px rgba(45, 33, 24, .12);
}
.mission-transparency .kicker {
  color: var(--green);
  font-weight: 900;
  letter-spacing: .11em;
  text-transform: uppercase;
}
.mission-transparency h2 {
  margin: 8px 0 14px;
  color: var(--brown2);
  font-family: Georgia, "Times New Roman", serif;
  font-size: clamp(1.65rem, 3.5vw, 2.45rem);
}
.mission-transparency > p {
  max-width: 900px;
  margin: 0 0 14px;
  line-height: 1.7;
}
.mission-song-player {
  margin-top: 22px;
  padding: 18px;
  border-left: 6px solid var(--green);
  border-radius: 14px;
  background: rgba(255, 255, 255, .78);
}
.mission-song-player strong,
.mission-song-player span {
  display: block;
}
.mission-song-player strong {
  color: var(--brown2);
  font-size: 1.12rem;
}
.mission-song-player span {
  margin: 4px 0 12px;
  color: #5f5145;
}
.mission-song-player .btn {
  display: inline-flex;
  margin-top: 12px;
}
.mission-vet-card { margin-top: 22px; }
.mission-care-team-image {
  margin: 22px 0 0;
}
.mission-care-team-image img {
  display: block;
  width: 100%;
  height: auto;
  border: 1px solid rgba(72, 47, 29, .24);
  border-radius: 16px;
  background: #fffaf3;
  box-shadow: 0 12px 28px rgba(45, 33, 24, .16);
}
.founders-receive-page {
  padding: 78px 0;
  background: linear-gradient(180deg, #fffaf1, #f7f1e5);
}
.founders-receive-banner {
  margin-bottom: 24px;
}
.founders-receive-intro {
  max-width: 940px;
  margin: 0 auto 26px;
  color: #31271f;
  font-size: clamp(1.02rem, 2vw, 1.2rem);
  line-height: 1.72;
  text-align: center;
}
.founders-receive-card {
  margin-top: 22px;
  padding: clamp(22px, 4vw, 38px);
  border-radius: 26px;
  background: #fffdf8;
  box-shadow: 0 16px 38px rgba(72, 47, 29, .12);
}
.founders-receive-now {
  border: 2px solid #174f36;
}
.founders-receive-future {
  border: 2px solid #bd861d;
}
.founders-receive-heading {
  display: flex;
  align-items: center;
  gap: 14px;
  margin-bottom: 18px;
  padding-bottom: 12px;
  border-bottom: 2px solid currentColor;
}
.founders-receive-now .founders-receive-heading {
  color: #174f36;
}
.founders-receive-future .founders-receive-heading {
  color: #9b6710;
}
.founders-receive-heading > span {
  display: grid;
  width: 52px;
  height: 52px;
  flex: 0 0 52px;
  place-items: center;
  border-radius: 50%;
  background: currentColor;
  color: #fff;
  font-size: 1.45rem;
}
.founders-receive-heading h3 {
  margin: 0;
  color: currentColor;
  font-size: clamp(1.7rem, 4vw, 2.8rem);
}
.founders-receive-card ul {
  margin: 0;
  padding-left: 1.45rem;
}
.founders-receive-card li {
  margin: 12px 0;
  padding-left: 6px;
  color: #2f2924;
  font-size: clamp(1rem, 1.8vw, 1.13rem);
  line-height: 1.55;
}
.founders-receive-now li::marker {
  color: #174f36;
}
.founders-receive-future li::marker {
  color: #bd861d;
}
.founders-receive-future-layout {
  display: grid;
  grid-template-columns: minmax(0, 1fr) minmax(190px, 300px);
  gap: 28px;
  align-items: end;
}
.founders-receive-future-layout img {
  display: block;
  width: 100%;
  max-height: 390px;
  object-fit: cover;
  object-position: 50% 22%;
  border: 1px solid rgba(72, 47, 29, .22);
  border-radius: 22px;
}
.founders-goals-note {
  display: flex;
  max-width: 880px;
  margin: 24px auto 0;
  padding: 18px 22px;
  align-items: center;
  gap: 16px;
  border: 2px solid #bd861d;
  border-radius: 20px;
  background: #fffaf0;
  color: #174f36;
  text-align: center;
  box-shadow: 0 12px 26px rgba(72, 47, 29, .1);
}
.founders-goals-note span {
  color: #bd861d;
  font-size: 2rem;
}
.founders-goals-note strong {
  width: 100%;
  font-size: clamp(1rem, 2vw, 1.3rem);
  line-height: 1.45;
}
.founders-receive-actions {
  display: flex;
  margin-top: 24px;
  justify-content: center;
  gap: 12px;
  flex-wrap: wrap;
}
.founders-receive-closing {
  margin: 22px 0 0;
  color: #174f36;
  font-family: Georgia, "Times New Roman", serif;
  font-size: clamp(1.25rem, 3vw, 1.8rem);
  font-weight: 700;
  text-align: center;
}
.founders-receive-link-card {
  display: flex;
  margin: 22px 0;
  padding: 20px 22px;
  align-items: center;
  justify-content: space-between;
  gap: 20px;
  border: 2px solid #bd861d;
  border-radius: 22px;
  background: #fffaf0;
  box-shadow: 0 12px 28px rgba(72, 47, 29, .1);
}
.founders-receive-link-card span,
.founders-receive-link-card strong {
  display: block;
}
.founders-receive-link-card span {
  margin-bottom: 5px;
  color: #9b6710;
  font-size: .82rem;
  font-weight: 800;
  letter-spacing: .08em;
  text-transform: uppercase;
}
.founders-receive-link-card strong {
  color: #174f36;
  font-size: 1.08rem;
  line-height: 1.45;
}
.founders-receive-link-card .btn {
  flex: 0 0 auto;
}
.guarantee-founders-link {
  margin: 12px 6px 4px 0;
}

/* Version 50: quiet, bordered guarantee explanation panel */
.guarantee-page .wrap {
  width: min(100% - 32px, 1080px);
}
.guarantee-steps-panel {
  position: relative;
  width: min(100%, 1000px);
  margin: 28px auto 6px;
  padding: clamp(26px, 4vw, 44px);
  overflow: hidden;
  border: 2px solid rgba(105, 72, 43, .58);
  border-radius: 18px;
  background: linear-gradient(180deg, rgba(255, 252, 244, .98), rgba(247, 237, 216, .98));
  box-shadow: 0 12px 28px rgba(53, 37, 25, .14);
  color: #3d2a1e;
}
.guarantee-steps-panel::before {
  content: "";
  position: absolute;
  inset: 8px;
  pointer-events: none;
  border: 1px solid rgba(193, 151, 67, .32);
  border-radius: 12px;
}
.guarantee-panel-intro,
.guarantee-step-list {
  position: relative;
  z-index: 1;
}
.guarantee-panel-intro {
  width: min(100%, 820px);
  margin: 0 auto 26px;
  text-align: center;
}
.guarantee-panel-kicker {
  display: block;
  margin-bottom: 7px;
  color: #7a572c;
  font-size: .78rem;
  font-weight: 900;
  letter-spacing: .12em;
  text-transform: uppercase;
}
.guarantee-panel-intro h3 {
  margin: 0 0 12px;
  color: #174f36;
  font-family: Georgia, "Times New Roman", serif;
  font-size: clamp(1.55rem, 3vw, 2.15rem);
  line-height: 1.15;
}
.guarantee-panel-intro p {
  margin: 0;
  color: #4c3727;
  font-size: clamp(1rem, 1.8vw, 1.12rem);
  line-height: 1.68;
}
.guarantee-step-list {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 18px;
  margin: 0;
  padding: 0;
  list-style: none;
}
.guarantee-step-list li {
  display: flex;
  align-items: flex-start;
  gap: 13px;
  min-height: 100%;
  padding: 20px 18px;
  border: 1px solid rgba(101, 72, 45, .28);
  border-radius: 13px;
  background: rgba(255, 255, 255, .58);
}
.guarantee-step-number {
  display: inline-flex;
  flex: 0 0 34px;
  width: 34px;
  height: 34px;
  align-items: center;
  justify-content: center;
  border: 1px solid rgba(84, 58, 34, .42);
  border-radius: 50%;
  background: #eee0bd;
  color: #174f36;
  font-family: Georgia, "Times New Roman", serif;
  font-size: 1.08rem;
  font-weight: 900;
}
.guarantee-step-list h4 {
  margin: 1px 0 8px;
  color: #2f4b37;
  font-family: Georgia, "Times New Roman", serif;
  font-size: 1.05rem;
  line-height: 1.28;
}
.guarantee-step-list p {
  margin: 0;
  color: #57402f;
  font-size: .95rem;
  line-height: 1.55;
}
@media (max-width: 820px) {
  .guarantee-step-list {
    grid-template-columns: 1fr;
  }
  .guarantee-step-list li {
    min-height: 0;
  }
}
@media (max-width: 520px) {
  .guarantee-page .wrap {
    width: min(100% - 20px, 1080px);
  }
  .guarantee-steps-panel {
    margin-top: 20px;
    padding: 28px 22px;
    border-radius: 14px;
  }
  .guarantee-step-list li {
    padding: 17px 15px;
  }
}
@media (max-width: 720px) {
  .founders-receive-page {
    padding: 52px 0;
  }
  .founders-receive-future-layout {
    grid-template-columns: 1fr;
  }
  .founders-receive-future-layout img {
    width: min(100%, 300px);
    justify-self: center;
  }
  .founders-receive-link-card {
    align-items: stretch;
    flex-direction: column;
  }
  .founders-receive-link-card .btn {
    text-align: center;
  }
}
.mission-of-40-image {
  margin: 0;
}
.mission-of-40-image img {
  display: block;
  width: 100%;
  height: auto;
  border: 1px solid rgba(72, 47, 29, .24);
  border-radius: 16px;
  background: #fffaf3;
  box-shadow: 0 12px 28px rgba(45, 33, 24, .16);
}
.footer-mission { font-style: italic; }
.footer-layout {
  display: grid;
  grid-template-columns: minmax(220px, 1fr) minmax(300px, 2fr) minmax(220px, 1fr);
  align-items: center;
  gap: 24px;
  width: min(100%, 1180px);
  margin: 0 auto;
}
.footer-purchase-cta {
  justify-self: start;
  text-align: center;
}
.footer-purchase-cta span {
  display: block;
  margin-bottom: 9px;
  color: #fff2d0;
  font-size: .94rem;
  font-weight: 700;
}
.footer-purchase-cta a {
  display: inline-flex;
  min-height: 50px;
  min-width: 230px;
  align-items: center;
  justify-content: center;
  padding: 13px 20px;
  border: 2px solid #f3d17a;
  border-radius: 12px;
  background: #d7aa3e;
  color: #2d2118;
  box-shadow: 0 6px 16px rgba(0, 0, 0, .28);
  font-size: 1.02rem;
  font-weight: 900;
  line-height: 1.15;
  text-decoration: none;
}
.footer-purchase-cta a:hover,
.footer-purchase-cta a:focus-visible {
  background: #ebc45c;
  border-color: #fff0bd;
}
.footer-includes-supports {
  justify-self: end;
  text-align: center;
}
.footer-includes-supports a {
  display: inline-flex;
  min-height: 50px;
  width: min(100%, 260px);
  align-items: center;
  justify-content: center;
  padding: 13px 20px;
  border: 2px solid #f3d17a;
  border-radius: 12px;
  background: #4a2f20;
  color: #fff2d0;
  box-shadow: 0 6px 16px rgba(0, 0, 0, .28);
  font-size: .98rem;
  font-weight: 900;
  line-height: 1.22;
  text-decoration: none;
}
.footer-includes-supports a:hover,
.footer-includes-supports a:focus-visible {
  background: #69442d;
  border-color: #fff0bd;
}
.footer-brand-copy { text-align: center; }
.share-privacy-note {
  max-width: 860px;
  margin: 18px auto 24px;
  padding: 12px 16px;
  color: #4e3928;
  background: #f8f0e2;
  border: 1px solid rgba(86, 56, 31, .22);
  border-radius: 12px;
  font-size: .9rem;
  line-height: 1.45;
  text-align: center;
}
.share-track-row {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: center;
  gap: 10px;
  margin-top: 14px;
}
.share-track-btn {
  min-height: 42px;
  padding: 10px 18px;
  color: #fff7df;
  background: #5f351d;
  border: 2px solid #3d2213;
  border-radius: 999px;
  box-shadow: 0 5px 12px rgba(45, 33, 24, .18);
  font: inherit;
  font-weight: 900;
  cursor: pointer;
}
.share-track-btn:hover,
.share-track-btn:focus-visible {
  background: #754529;
  outline: 3px solid rgba(207, 166, 77, .45);
  outline-offset: 2px;
}
.share-track-btn:disabled {
  cursor: wait;
  opacity: .68;
}
.share-track-status {
  min-width: 112px;
  color: #315f35;
  font-size: .9rem;
  font-weight: 800;
}
.share-target-highlight {
  animation: share-target-glow 2.4s ease-out;
  outline: 4px solid rgba(197, 145, 48, .72);
  outline-offset: 5px;
}
@keyframes share-target-glow {
  0%, 45% { box-shadow: 0 0 0 10px rgba(224, 180, 84, .3); }
  100% { box-shadow: inherit; }
}
.purchase-option-preview-gallery {
  display: grid;
  gap: 28px;
  width: min(100%, 1040px);
  margin: 34px auto 42px;
}
.purchase-transparency-song {
  box-sizing: border-box;
  width: min(100%, 1040px);
  margin: 18px auto 0;
  padding: 24px clamp(18px, 4vw, 38px);
  border: 2px solid rgba(99, 66, 31, .48);
  border-radius: 16px;
  background: linear-gradient(180deg, #fffaf1 0%, #f8edda 100%);
  box-shadow: 0 10px 24px rgba(57, 31, 12, .14);
  color: #392617;
  text-align: center;
}
.purchase-transparency-flag {
  display: inline-block;
  margin: -3px auto 12px;
  padding: 7px 18px;
  border-radius: 999px;
  background: #d59b2d;
  color: #29190e;
  font-size: clamp(.82rem, 2vw, 1rem);
  font-weight: 900;
  letter-spacing: .08em;
  text-transform: uppercase;
}
.purchase-transparency-song h3 {
  margin: 0;
  color: #234c2b;
  font-size: clamp(1.45rem, 3.6vw, 2.25rem);
}
.purchase-transparency-song p {
  max-width: 820px;
  margin: 12px auto 0;
  font-weight: 700;
  line-height: 1.55;
}
.purchase-transparency-song .purchase-transparency-lead {
  color: #6a4324;
  font-size: clamp(1rem, 2.2vw, 1.18rem);
  font-style: italic;
  font-weight: 900;
}
.purchase-transparency-song audio {
  display: block;
  width: min(100%, 640px);
  margin: 18px auto 0;
}
.help-grow-entry-banner {
  box-sizing: border-box;
  width: 100%;
  margin: 16px auto 0;
  scroll-margin-top: 24px;
}
.help-grow-page .help-grow-entry-banner {
  margin-top: 12px;
}
.help-grow-banner-heading {
  margin-top: 14px;
  line-height: 1.02;
}
.help-grow-banner-welcome,
.help-grow-banner-title {
  display: block;
}
.help-grow-banner-welcome {
  margin-bottom: 7px;
  font-size: clamp(1rem, 2.2vw, 1.45rem);
  font-weight: 700;
  letter-spacing: .02em;
}
.help-grow-banner-title {
  font-size: clamp(2rem, 5vw, 3.7rem);
  font-weight: 900;
}
.help-grow-banner-heading + p {
  margin-top: 20px;
}
.help-grow-options {
  margin-top: 28px;
}
.help-grow-option {
  display: grid;
  gap: 12px;
  min-width: 0;
}
.sponsor-bowl-song-companion {
  box-sizing: border-box;
  width: 100%;
  margin: 0;
  padding: 16px clamp(14px, 3vw, 26px) 18px;
  border: 1px solid rgba(61, 61, 61, .28);
  border-radius: 14px;
  background: linear-gradient(180deg, #f3f3f3 0%, #dedede 100%);
  box-shadow: 0 8px 20px rgba(45, 33, 24, .12);
  color: #2d2925;
  text-align: center;
}
.sponsor-bowl-song-companion h3 {
  margin: 0 0 6px;
  color: #35251a;
  font-size: clamp(1.35rem, 3.2vw, 2rem);
}
.sponsor-bowl-song-companion p {
  width: min(100%, 760px);
  margin: 0 auto 13px;
  font-size: clamp(.94rem, 2vw, 1.08rem);
  font-weight: 700;
  line-height: 1.45;
}
.sponsor-bowl-song-companion audio {
  display: block;
  width: min(100%, 760px);
  margin: 0 auto;
}
body:has(#help-puppy-gumbo-grow:target) .nav a[data-nav-key="purchase"] {
  background: white;
  color: var(--ink);
}
body:has(#help-puppy-gumbo-grow:target) .nav a[data-nav-key="help-grow"] {
  background: var(--green);
  color: white;
}
.purchase-payment-clarifier {
  margin: 0;
  padding: 16px 20px;
  border: 2px solid rgba(49, 95, 53, .48);
  border-radius: 14px;
  background: #eef8f1;
  color: #234c2b;
  text-align: center;
  font-size: clamp(1rem, 2.5vw, 1.24rem);
  font-weight: 900;
}
.purchase-option-preview-gallery figure {
  position: relative;
  margin: 0;
}
#starter-bowl,
#expanded-bowl,
#chef-puppys-table,
#chef-puppys-vault {
  scroll-margin-top: 24px;
}
.purchase-option-preview-gallery img {
  display: block;
  width: 100%;
  height: auto;
  border: 1px solid rgba(72, 47, 29, .24);
  border-radius: 16px;
  background: #fffaf3;
  box-shadow: 0 12px 28px rgba(45, 33, 24, .16);
}
.purchase-one-time-overlay {
  position: absolute;
  left: 50%;
  z-index: 2;
  transform: translateX(-50%);
  display: flex;
  min-width: clamp(138px, 23vw, 220px);
  flex-direction: column;
  align-items: center;
  justify-content: center;
  padding: 5px 12px 7px;
  border-radius: 8px;
  background: rgba(252, 242, 231, .98);
  color: #351e10;
  font-family: Georgia, "Times New Roman", serif;
  line-height: 1.1;
  white-space: nowrap;
}
.purchase-one-time-overlay strong {
  font-size: clamp(1.3rem, 4.3vw, 2.55rem);
  font-weight: 900;
}
.purchase-one-time-overlay small {
  margin-top: 2px;
  font-size: clamp(.7rem, 1.9vw, 1.08rem);
  font-weight: 800;
}
.starter-bowl-top {
  position: relative;
  overflow: hidden;
  aspect-ratio: 1279 / 1210;
}
.starter-bowl-top > img {
  border-bottom: 0;
  border-radius: 16px 16px 0 0;
  box-shadow: none;
}
.starter-bowl-preview .purchase-one-time-overlay {
  top: 52.4%;
  left: 50%;
}
.starter-bowl-preview .purchase-one-time-overlay::before {
  content: "";
  position: absolute;
  top: 0;
  right: calc(100% - 4px);
  width: clamp(18px, 4.5vw, 58px);
  height: 100%;
  border-radius: 8px 0 0 8px;
  background: rgba(252, 242, 231, .98);
}
.starter-bowl-footer {
  position: relative;
  overflow: hidden;
  aspect-ratio: 1279 / 179;
}
.starter-bowl-footer > img {
  position: absolute;
  right: 0;
  bottom: 0;
  left: 0;
  border-top: 0;
  border-radius: 0 0 16px 16px;
  box-shadow: 0 12px 28px rgba(45, 33, 24, .16);
}
.starter-bowl-footer::after {
  content: "";
  position: absolute;
  right: 2.35%;
  bottom: 10%;
  width: 5%;
  aspect-ratio: 1;
  border-radius: 50%;
  background:
    linear-gradient(
      90deg,
      transparent 0 41%,
      rgba(116, 83, 55, .22) 42% 44%,
      transparent 45%
    ),
    #f8f1e7;
  pointer-events: none;
}
.expanded-bowl-preview .purchase-one-time-overlay {
  top: 24.4%;
}
.chefs-table-preview .purchase-one-time-overlay {
  top: 22.7%;
}
.chefs-vault-preview .purchase-one-time-overlay {
  top: 23.8%;
}
.purchase-song-companion {
  padding: 24px;
  text-align: center;
  color: #2d2118;
  background: linear-gradient(180deg, #fffaf3, #f4e5cf);
  border: 2px solid rgba(92, 53, 24, .38);
  border-radius: 16px;
  box-shadow: 0 10px 24px rgba(45, 33, 24, .14);
}
.purchase-song-companion .song-companion-label {
  display: block;
  margin-bottom: 7px;
  color: #6d421f;
  font-size: .84rem;
  font-weight: 900;
  letter-spacing: .08em;
  text-transform: uppercase;
}
.purchase-song-companion h3 {
  margin: 0;
  color: #3f2412;
  font-size: clamp(1.55rem, 4vw, 2.25rem);
}
.purchase-song-companion p {
  margin: 8px auto 18px;
  font-weight: 700;
}
.purchase-song-companion audio {
  display: block;
  width: min(100%, 720px);
  margin: 0 auto;
}
.starter-bowl-insert {
  position: relative;
  display: grid;
  grid-template-columns: minmax(130px, .72fr) minmax(205px, 1.08fr) minmax(205px, 1fr);
  align-items: center;
  gap: clamp(8px, 1.4vw, 18px);
  min-height: clamp(118px, 14vw, 158px);
  padding: 12px 5.8%;
  border-right: clamp(4px, 1.25vw, 13px) solid #3b1d0c;
  border-left: clamp(4px, 1.25vw, 13px) solid #3b1d0c;
  background: #fff7ed;
}
.starter-bowl-insert::before,
.starter-bowl-insert::after {
  content: "";
  position: absolute;
  top: 0;
  bottom: 0;
  width: 1px;
  background: rgba(92, 53, 24, .24);
}
.starter-bowl-insert::before {
  left: 4.4%;
}
.starter-bowl-insert::after {
  right: 4.4%;
}
.starter-core-proteins {
  display: grid;
  gap: 5px;
  justify-self: start;
  justify-items: center;
  width: 100%;
  color: #351e10;
  font-family: Georgia, "Times New Roman", serif;
  font-size: clamp(.66rem, 1.3vw, .9rem);
  line-height: 1.18;
}
.starter-core-proteins strong {
  font-size: 1.08em;
}
.starter-core-proteins .protein-row {
  display: flex;
  justify-content: center;
  gap: clamp(7px, 1vw, 14px);
  font-weight: 700;
}
.purchase-song-companion.starter-bowl-song-companion {
  margin: 0;
  padding: 0;
  border: 0;
  border-radius: 0;
  background: transparent;
  box-shadow: none;
  min-width: 0;
}
.starter-picky-eater-song {
  justify-self: center;
}
.starter-original-song {
  justify-self: end;
}
.starter-bowl-song-companion .starter-song-title {
  display: block;
  max-width: 240px;
  margin: 0 auto 6px;
  color: #351e10;
  font-family: Georgia, "Times New Roman", serif;
  font-size: clamp(.72rem, 1.35vw, .98rem);
  line-height: 1.15;
}
.purchase-song-companion.starter-bowl-song-companion audio {
  width: min(100%, 215px);
  height: 34px;
  margin: 0 auto;
}
.purchase-song-companion.starter-bowl-song-companion p {
  width: min(100%, 240px);
  margin: 8px auto 0;
  color: #3f2412;
  font-size: clamp(.64rem, 1.3vw, .84rem);
  line-height: 1.22;
}
.starter-bowl-song-companion p span {
  display: block;
  white-space: normal;
}
@media (max-width: 760px) {
  .starter-bowl-insert {
    grid-template-columns: 1fr;
    gap: 14px;
    padding: 16px 8%;
  }
  .starter-core-proteins,
  .starter-picky-eater-song,
  .starter-original-song {
    justify-self: center;
  }
  .starter-core-proteins {
    width: min(100%, 280px);
  }
}
@media (max-width: 820px) {
  .footer-layout {
    grid-template-columns: 1fr;
    gap: 24px;
  }
  .footer-purchase-cta,
  .footer-includes-supports { justify-self: center; }
}
@media (max-width: 900px) {
  .nav .wrap { flex-direction: column; align-items: flex-start; }
  .links { justify-content: flex-start; }
}

/* Responsive standalone pages */
html {
  width: 100%;
  max-width: 100%;
  overflow-x: hidden;
  -webkit-text-size-adjust: 100%;
}
body {
  width: 100%;
  max-width: 100%;
  margin: 0;
  overflow-x: hidden;
}
*, *::before, *::after { box-sizing: border-box; }
main, section, header, footer, nav, .wrap,
.standalone-room, .cookbook-page, .room-entry-banner,
.visual-tour-gallery, .jingle-grid, .song-list, form {
  min-width: 0;
  max-width: 100%;
}
img, video, canvas, svg, iframe {
  max-width: 100%;
  height: auto;
}
audio {
  display: block;
  width: 100%;
  max-width: 100%;
}
input, select, textarea, button {
  max-width: 100%;
}
.wrap,
.cookbook-page > .wrap {
  width: min(100%, 1180px);
  padding-left: clamp(14px, 3vw, 20px);
  padding-right: clamp(14px, 3vw, 20px);
}
.nav .wrap,
.nav .links { min-width: 0; }
.nav {
  padding: 10px clamp(10px, 2vw, 18px);
  background: #f4ecdc;
  border-bottom: 1px solid #c9b68f;
}
.nav .wrap {
  flex-direction: column;
  align-items: center;
  gap: 0;
  width: min(100%, 820px);
  padding: 0;
  overflow: hidden;
  border: 3px solid var(--green);
  border-radius: 18px;
  background: #ead9b9;
  box-shadow: 0 8px 22px rgba(45, 33, 24, .2);
}
.nav .brand {
  display: block;
  width: 100%;
  padding: 11px 16px;
  border-bottom: 2px solid var(--green);
  background: #3b281d;
  color: #fff2d0;
  text-align: center;
  font-family: Georgia, "Times New Roman", serif;
  font-size: clamp(1.15rem, 2.5vw, 1.45rem);
  letter-spacing: .02em;
}
.nav .menu-board-title,
.nav .menu-board-subtitle {
  display: block;
}
.nav .menu-board-title {
  font-weight: 900;
}
.nav .menu-board-subtitle {
  margin-top: 4px;
  color: #f2dca9;
  font-family: Arial, Helvetica, sans-serif;
  font-size: clamp(.78rem, 1.8vw, .94rem);
  font-weight: 700;
  letter-spacing: .03em;
}
.nav .links {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  width: 100%;
  padding: 12px;
  gap: 8px;
  justify-content: center;
}
.nav .links a,
.nav .links .nav-placeholder {
  display: flex;
  flex-direction: column;
  min-height: 38px;
  align-items: center;
  justify-content: center;
  max-width: 100%;
  white-space: normal;
  padding: 7px 9px;
  border: 1px solid #6f9a78;
  border-radius: 9px;
  background: #fffaf0;
  box-shadow: 0 2px 5px rgba(45, 33, 24, .08);
  text-align: center;
  line-height: 1.15;
}
.nav .links a.nav-coming-soon {
  border-color: #b8ad9c;
  background: #e8e2d8;
  color: #6b6257;
}
.nav .links .nav-placeholder {
  border-color: #b8ad9c;
  background: #e8e2d8;
  color: #6b6257;
  cursor: default;
}
.nav .links .nav-status {
  display: block;
  margin-top: 3px;
  color: #756959;
  font-family: Arial, sans-serif;
  font-size: .62rem;
  font-weight: 900;
  letter-spacing: .06em;
  line-height: 1;
  text-transform: uppercase;
}
.nav .links a:hover,
.nav .links a:focus-visible {
  border-color: var(--green);
  background: #f3f8ec;
  box-shadow: 0 3px 8px rgba(45, 33, 24, .15);
}
.nav .links a[aria-current="page"] {
  border-color: var(--green2);
  background: var(--green);
  color: white;
}
.nav .links a[aria-current="page"] .nav-status {
  color: #fff2d0;
}
.tour-lightbox img {
  max-width: calc(100vw - 32px);
  max-height: calc(100vh - 96px);
  object-fit: contain;
}

/* Compact Chef Puppy welcome restored from the approved homepage layout */
.hero-guide-first > * {
  order: 0;
}
.hero-guide-first > .hero-chef {
  grid-column: 1 / -1;
  display: grid;
  grid-template-columns: minmax(150px, 25%) minmax(0, 1fr);
  grid-template-rows: auto auto;
  column-gap: clamp(18px, 3vw, 34px);
  row-gap: 8px;
  align-items: center;
  text-align: left;
  max-width: none;
  margin: 0;
}
.hero-guide-first > .hero-chef > img {
  grid-column: 1;
  grid-row: 1;
  width: 100%;
  max-width: 260px;
  justify-self: center;
}
.hero-guide-first > .hero-chef > .caption {
  grid-column: 1;
  grid-row: 2;
  margin-top: 0;
  text-align: center;
}
.hero-guide-first > .hero-chef > .chef-bubble {
  grid-column: 2;
  grid-row: 1 / span 2;
  width: 100%;
  margin: 0;
}
.hero-guide-first > .story-corner {
  grid-column: 1 / -1;
  width: 100%;
}

/* Keep the story invitation directly beneath the audio controls */
.story-corner-wide {
  row-gap: 0;
}
.story-corner-wide .story-copy {
  margin-bottom: 14px;
}
.story-corner-wide .story-player {
  padding-bottom: 4px;
}
.story-corner-wide .story-player audio {
  display: block;
  margin: 0;
}
.story-corner-wide .story-handshake[hidden] {
  display: none;
}
.story-corner-wide .story-actions {
  margin-top: 0;
  padding-top: 4px;
}
.home-page .toplink.is-disabled {
  background: #a8aca8;
  color: #eceeec;
  box-shadow: none;
  cursor: default;
  pointer-events: none;
  opacity: .78;
}
@media (max-width: 900px) {
  .nav { position: relative; }
  .nav .wrap {
    align-items: stretch;
    gap: 0;
  }
  .nav .brand { text-align: center; }
  .nav .links {
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    width: 100%;
    gap: 7px;
  }
  .nav .links a,
  .nav .links .nav-placeholder {
    padding: 9px 6px;
    text-align: center;
    font-size: clamp(.76rem, 2.8vw, .9rem);
    line-height: 1.2;
  }
}
@media (max-width: 560px) {
  .nav .links {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}
@media (max-width: 700px) {
  .hero-guide-first > .hero-chef {
    grid-template-columns: minmax(110px, 25%) minmax(0, 1fr);
    column-gap: 14px;
    padding: 14px;
  }
  .hero-guide-first > .hero-chef > .caption {
    font-size: .78rem;
    line-height: 1.2;
  }
  .hero-guide-first > .hero-chef > .chef-bubble {
    padding: 13px;
    font-size: .9rem;
  }
}
@media (max-width: 520px) {
  body.standalone-page main > section,
  body.standalone-page main > .cookbook-page {
    padding-top: 24px;
  }
  .room-entry-banner {
    width: 100%;
    padding-left: 14px;
    padding-right: 14px;
  }
  .room-entry-banner h1,
  .room-entry-banner h2 {
    font-size: clamp(1.4rem, 8vw, 2rem);
  }
}
@media (max-width: 430px) {
  .hero-guide-first > .hero-chef {
    grid-template-columns: 1fr;
    grid-template-rows: auto auto auto;
  }
  .hero-guide-first > .hero-chef > img {
    grid-column: 1;
    grid-row: 1;
    width: 25%;
    min-width: 96px;
  }
  .hero-guide-first > .hero-chef > .caption {
    grid-column: 1;
    grid-row: 2;
  }
  .hero-guide-first > .hero-chef > .chef-bubble {
    grid-column: 1;
    grid-row: 3;
  }
}
.soft-launch-mission-cta {
  margin-top: 12px;
}
.soft-launch-mission-cta h2 {
  margin: 3px 0 5px;
  color: #fff;
  font-size: clamp(1.25rem, 2.3vw, 1.75rem);
}
.soft-launch-mission-cta p {
  font-weight: 600;
}
.soft-launch-song-cta {
  grid-template-columns: 1fr;
}
.soft-launch-song-cta h2 {
  width: 100%;
  margin-bottom: 14px;
}
.soft-launch-song-cta h3 {
  margin: 0 0 8px;
  color: #fff2d0;
  font-size: clamp(1rem, 2vw, 1.25rem);
}
.soft-launch-song-cta audio {
  display: block;
  width: 100%;
}
.chef-puppy-welcome {
  min-height: 100svh;
  display: grid;
  place-items: center;
  padding: clamp(20px, 4vw, 52px);
  background:
    radial-gradient(circle at 18% 12%, rgba(255, 255, 255, .9), transparent 36%),
    linear-gradient(145deg, #fffaf0 0%, #ead8b8 58%, #d9bd8e 100%);
  color: #3b2415;
}
.chef-puppy-welcome-inner {
  display: grid;
  grid-template-columns: minmax(280px, .9fr) minmax(320px, .75fr);
  align-items: center;
  gap: clamp(28px, 6vw, 76px);
  width: min(100%, 1120px);
}
.chef-puppy-welcome-portrait {
  margin: 0;
}
.chef-puppy-welcome-portrait img {
  display: block;
  width: 100%;
  max-height: 82svh;
  object-fit: contain;
  border: 4px solid rgba(83, 50, 24, .68);
  border-radius: 28px;
  background: #fff;
  box-shadow: 0 24px 54px rgba(48, 29, 15, .28);
}
.chef-puppy-welcome-copy {
  text-align: center;
}
.chef-puppy-welcome-kicker {
  display: block;
  margin-bottom: 12px;
  color: #315f35;
  font-size: clamp(.8rem, 1.5vw, 1rem);
  font-weight: 900;
  letter-spacing: .12em;
  text-transform: uppercase;
}
.chef-puppy-welcome-copy h1 {
  margin: 0;
  font-family: Georgia, "Times New Roman", serif;
  font-size: clamp(2.4rem, 6vw, 5.3rem);
  line-height: .98;
}
.chef-puppy-welcome-copy p {
  margin: 22px 0 0;
  font-family: Georgia, "Times New Roman", serif;
  font-size: clamp(1.35rem, 3vw, 2.2rem);
  font-weight: 800;
  line-height: 1.3;
}
.chef-puppy-welcome-copy p span {
  display: block;
}
.chef-puppy-welcome-song {
  width: min(100%, 430px);
  margin: 24px auto 0;
  padding: 14px 16px 16px;
  border: 1px solid rgba(83, 50, 24, .24);
  border-radius: 18px;
  background: rgba(255, 250, 240, .82);
  box-shadow: 0 10px 24px rgba(66, 40, 18, .14);
}
.chef-puppy-welcome-song span,
.chef-puppy-welcome-song strong {
  display: block;
}
.chef-puppy-welcome-song span {
  color: #315f35;
  font-size: .76rem;
  font-weight: 900;
  letter-spacing: .1em;
  text-transform: uppercase;
}
.chef-puppy-welcome-song strong {
  margin: 4px 0 10px;
  font-family: Georgia, "Times New Roman", serif;
  font-size: clamp(1rem, 2vw, 1.2rem);
}
.chef-puppy-welcome-song audio {
  display: block;
  width: 100%;
  height: 42px;
}
.chef-puppy-welcome-arrow {
  width: 78px;
  height: 78px;
  display: grid;
  place-items: center;
  margin: 30px auto 9px;
  border: 3px solid #fff8e8;
  border-radius: 50%;
  background: #c6922f;
  color: #fff;
  font-size: 2.5rem;
  font-weight: 900;
  line-height: 1;
  text-decoration: none;
  box-shadow: 0 12px 26px rgba(66, 40, 18, .28);
  transition: transform .18s ease, background .18s ease;
}
.chef-puppy-welcome-arrow:hover,
.chef-puppy-welcome-arrow:focus-visible {
  transform: translateY(4px);
  background: #a97316;
  outline: 4px solid rgba(49, 95, 53, .32);
  outline-offset: 3px;
}
.chef-puppy-welcome-direction {
  display: block;
  color: #5b3b23;
  font-size: .95rem;
  font-weight: 900;
  letter-spacing: .05em;
}
@media (max-width: 760px) {
  .chef-puppy-welcome {
    min-height: 100svh;
    padding: 16px 16px 26px;
  }
  .chef-puppy-welcome-inner {
    grid-template-columns: 1fr;
    gap: 18px;
  }
  .chef-puppy-welcome-portrait img {
    width: min(100%, 390px);
    max-height: 58svh;
    margin: 0 auto;
    border-radius: 22px;
  }
  .chef-puppy-welcome-kicker {
    margin-bottom: 7px;
  }
  .chef-puppy-welcome-copy h1 {
    font-size: clamp(2rem, 10vw, 3.2rem);
  }
  .chef-puppy-welcome-copy p {
    margin-top: 11px;
    font-size: clamp(1.1rem, 5vw, 1.45rem);
  }
  .chef-puppy-welcome-song {
    width: min(100%, 390px);
    margin-top: 14px;
    padding: 10px 12px 12px;
  }
  .chef-puppy-welcome-arrow {
    width: 62px;
    height: 62px;
    margin-top: 16px;
    font-size: 2rem;
  }
}
.home-entry-banner .home-welcome-line {
  display: block;
  margin-bottom: 3px;
  font-size: 0.52em;
  line-height: 1.05;
  letter-spacing: 0.06em;
}
.home-entry-banner .home-kitchen-line {
  display: block;
  font-size: 1.08em;
  line-height: 1.12;
}

/* Development Kit Version 44 - Foods to Avoid website restoration */
.starter-foods-link {
  position: absolute;
  top: 66.0%;
  left: 6.4%;
  z-index: 4;
  width: 31.5%;
  height: 4.4%;
  border: 2px solid transparent;
  border-radius: 8px;
  background: transparent;
  cursor: pointer;
}
.starter-foods-link:hover,
.starter-foods-link:focus-visible {
  border-color: rgba(181, 128, 28, .92);
  background: rgba(255, 224, 139, .24);
  box-shadow: 0 0 0 3px rgba(255, 248, 226, .9), 0 4px 12px rgba(45, 33, 24, .2);
  outline: none;
}
.starter-foods-link:focus-visible::after,
.starter-foods-link:hover::after {
  content: "Open list";
  position: absolute;
  right: 0;
  bottom: 100%;
  margin-bottom: 4px;
  padding: 4px 8px;
  border-radius: 999px;
  background: #3b281d;
  color: #fff2d0;
  font-family: Arial, Helvetica, sans-serif;
  font-size: clamp(.62rem, 1.4vw, .78rem);
  font-weight: 900;
  line-height: 1;
  white-space: nowrap;
}
.founders-foods-link {
  color: var(--green2);
  font-weight: 900;
  text-underline-offset: 3px;
}
.founders-foods-link:hover,
.founders-foods-link:focus-visible {
  color: #6d421f;
}
.foods-safety-shell {
  padding: 36px 0 64px;
  background:
    radial-gradient(circle at 8% 3%, rgba(243, 196, 91, .22), transparent 26%),
    linear-gradient(180deg, #fffaf2 0%, #f7eddd 100%);
}
.foods-safety-banner {
  margin-bottom: 30px;
}
.foods-safety-banner h1 {
  margin: 10px 0 8px;
  color: #fff8df;
  font-size: clamp(2rem, 5vw, 3.8rem);
  line-height: 1.03;
}
.foods-safety-intro {
  display: grid;
  grid-template-columns: minmax(150px, 230px) minmax(0, 1fr);
  gap: clamp(20px, 4vw, 42px);
  align-items: center;
  margin: 0 auto 24px;
  padding: clamp(18px, 4vw, 34px);
  border: 2px solid rgba(49, 95, 53, .35);
  border-radius: 22px;
  background: rgba(255, 253, 247, .96);
  box-shadow: 0 14px 32px rgba(64, 38, 18, .12);
}
.foods-safety-intro img {
  display: block;
  width: 100%;
  border: 6px solid #fff;
  border-radius: 50%;
  box-shadow: 0 10px 24px rgba(45, 33, 24, .2);
}
.foods-safety-eyebrow,
.foods-section-kicker {
  display: block;
  color: #8b5b18;
  font-size: .78rem;
  font-weight: 900;
  letter-spacing: .09em;
  text-transform: uppercase;
}
.foods-safety-intro h2 {
  margin: 7px 0 12px;
  color: var(--brown2);
  font-size: clamp(1.65rem, 4vw, 2.65rem);
  line-height: 1.08;
}
.foods-safety-intro p {
  margin: 8px 0 0;
  color: #4b3829;
  font-size: 1.04rem;
  line-height: 1.62;
}
.foods-safety-key {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 12px;
  margin: 0 0 26px;
}
.foods-safety-key span {
  display: flex;
  flex-direction: column;
  gap: 4px;
  padding: 16px;
  border: 1px solid rgba(92, 53, 24, .26);
  border-radius: 14px;
  background: #fffaf1;
  color: #554031;
  line-height: 1.38;
}
.foods-safety-key b {
  color: #315f35;
  font-size: 1.02rem;
}
.foods-safety-section {
  margin: 24px 0;
  padding: clamp(20px, 4vw, 38px);
  border: 1px solid rgba(83, 58, 34, .24);
  border-radius: 22px;
  background: rgba(255, 255, 255, .96);
  box-shadow: 0 12px 28px rgba(45, 33, 24, .1);
}
.foods-section-heading {
  display: flex;
  align-items: center;
  gap: 15px;
  margin-bottom: 18px;
}
.foods-section-number {
  display: inline-flex;
  width: 48px;
  height: 48px;
  flex: 0 0 48px;
  align-items: center;
  justify-content: center;
  border-radius: 50%;
  background: var(--green);
  color: white;
  box-shadow: 0 5px 12px rgba(49, 95, 53, .25);
  font-size: 1.35rem;
  font-weight: 900;
}
.foods-section-heading h2 {
  margin: 3px 0 0;
  color: var(--brown2);
  font-size: clamp(1.55rem, 3.5vw, 2.35rem);
  line-height: 1.1;
}
.foods-detail-list {
  display: grid;
  gap: 10px;
  margin: 0;
  padding-left: 24px;
}
.foods-detail-list li {
  padding-left: 4px;
  color: #3f3025;
  line-height: 1.55;
}
.foods-detail-list li::marker {
  color: #9f6c1e;
}
.foods-source-note,
.foods-section-note,
.foods-label-warning {
  margin: 20px 0 0;
  padding: 15px 17px;
  border-left: 5px solid #c79435;
  border-radius: 0 12px 12px 0;
  background: #fff6df;
  color: #4b3829;
  line-height: 1.55;
}
.foods-source-note a,
.foods-label-warning a {
  color: #245c31;
  font-weight: 900;
}
.foods-check-grid {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 10px 18px;
  margin: 12px 0 0;
  padding: 0;
  list-style: none;
}
.foods-check-grid li {
  position: relative;
  padding: 12px 14px 12px 42px;
  border: 1px solid #cddfcf;
  border-radius: 12px;
  background: #f4faf3;
  color: #344332;
  font-weight: 800;
}
.foods-check-grid li::before {
  content: "✓";
  position: absolute;
  top: 10px;
  left: 14px;
  color: var(--green);
  font-size: 1.2rem;
  font-weight: 900;
}
.foods-emergency-steps {
  display: grid;
  gap: 10px;
  padding-left: 26px;
}
.foods-emergency-steps li {
  padding-left: 5px;
  color: #3f3025;
  line-height: 1.5;
}
.foods-emergency-steps li::marker {
  color: #8b5b18;
  font-weight: 900;
}
.foods-poison-control {
  display: grid;
  justify-items: center;
  margin-top: 24px;
  padding: 24px;
  border: 3px solid #6a3424;
  border-radius: 18px;
  background: #fff1e8;
  text-align: center;
}
.foods-poison-control > span {
  color: #6a3424;
  font-size: .86rem;
  font-weight: 900;
  letter-spacing: .08em;
  text-transform: uppercase;
}
.foods-poison-control > a[href^="tel:"] {
  margin: 7px 0 0;
  color: #421d14;
  font-family: Georgia, "Times New Roman", serif;
  font-size: clamp(2rem, 5vw, 3.25rem);
  font-weight: 900;
  text-decoration: none;
}
.foods-poison-control p {
  margin: 6px 0 16px;
  color: #654336;
  font-weight: 700;
}
.foods-poison-control .external-link-note {
  max-width: 620px;
  margin: 12px 0 0;
  color: #6b4a3a;
  font-size: .86rem;
  font-weight: 700;
  line-height: 1.45;
}
.foods-disclaimer {
  display: flex;
  flex-direction: column;
  gap: 5px;
  margin: 26px 0 0;
  padding: 18px 20px;
  border: 2px solid #315f35;
  border-radius: 14px;
  background: #eef8f1;
  color: #28452d;
  line-height: 1.5;
  text-align: center;
}
.foods-page-actions {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  gap: 12px;
  margin-top: 26px;
}
@media (max-width: 760px) {
  .foods-safety-intro {
    grid-template-columns: 112px minmax(0, 1fr);
    gap: 16px;
  }
  .foods-safety-key {
    grid-template-columns: 1fr;
  }
  .foods-check-grid {
    grid-template-columns: 1fr;
  }
}
@media (max-width: 520px) {
  .foods-safety-intro {
    grid-template-columns: 1fr;
    text-align: center;
  }
  .foods-safety-intro img {
    width: 150px;
    margin: 0 auto;
  }
  .foods-section-heading {
    align-items: flex-start;
  }
  .starter-foods-link {
    top: 65.5%;
    left: 5.6%;
    width: 34%;
    height: 5.2%;
  }
}

/* Version 50 draft: Purchase Options section footer before Help Puppy Gumbo Grow */
.purchase-options-section-footer {
  box-sizing: border-box;
  width: 100%;
  margin: 6px 0 10px;
  border-radius: 16px;
  overflow: hidden;
}
/* Version 50: repeat the Puppy Gumbo Menu Board before Help Puppy Gumbo Grow in the Purchase Options flow. */
.purchase-option-preview-gallery > .help-grow-section-menu-board {
  width: 100%;
  margin: 2px 0 0;
  box-sizing: border-box;
}
.purchase-option-preview-gallery > .help-grow-section-menu-board + .help-grow-entry-banner {
  margin-top: 0;
}

/* Version 51 — Featured Songs closing controls */
.featured-vote-actions {
  display: grid;
  grid-template-columns: 1fr auto 1fr;
  align-items: center;
  gap: 24px;
  width: 100%;
  margin-top: 16px;
}
.featured-vote-actions .btn {
  width: max-content;
}
.featured-vote-jingle {
  justify-self: center;
}
.featured-vote-home {
  justify-self: end;
  margin-left: 0;
}
body.standalone-page .music-room {
  padding-bottom: 0;
}
body.standalone-page .featured-music {
  margin-bottom: 0;
  padding-bottom: 0;
  border-bottom-left-radius: 0;
  border-bottom-right-radius: 0;
}
body.standalone-page #featured-song-vote-form,
body.standalone-page #featured-song-vote-form .shared-vote-center {
  margin-bottom: 0;
}
@media (max-width: 600px) {
  .featured-vote-actions {
    display: flex;
    align-items: stretch;
    flex-direction: column;
  }
  .featured-vote-actions .btn,
  .featured-vote-jingle,
  .featured-vote-home {
    width: 100%;
    margin-left: 0;
    text-align: center;
  }
}

/* Version 52 — Jingle Competition closing controls */
.jingle-vote-actions {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 24px;
  width: 100%;
  margin-top: 16px;
}
.jingle-vote-actions .btn { flex: 0 0 auto; }
.jingle-vote-home { margin-left: auto; }
body.standalone-page .jingle-room { padding-bottom: 0; }
body.standalone-page #jingle-vote-form .shared-vote-center { margin-bottom: 0; }
@media (max-width: 600px) {
  .jingle-vote-actions {
    align-items: stretch;
    flex-direction: column;
  }
  .jingle-vote-actions .btn,
  .jingle-vote-home {
    width: 100%;
    margin-left: 0;
    text-align: center;
  }
}

/* Version 53 — The Puppy Gumbo Experience */
.experience-page { padding-bottom: 34px; }
.experience-entry-banner { margin-bottom: 34px; }
.experience-entry-banner p { max-width: 820px; margin-left: auto; margin-right: auto; }
.experience-banner-actions {
  display: flex;
  justify-content: center;
  align-items: center;
  flex-wrap: wrap;
  gap: 18px 28px;
  margin-top: 24px;
}
.experience-banner-actions .room-home-link { margin-top: 0; }
.experience-welcome-card {
  display: grid;
  grid-template-columns: minmax(0, 1.2fr) minmax(320px, .8fr);
  overflow: hidden;
  border: 2px solid #a8792e;
  border-radius: 26px;
  background: #fffaf0;
  box-shadow: 0 22px 54px rgba(53, 34, 18, .18);
}
.experience-welcome-image { margin: 0; min-height: 0; background: #2e1d12; display:flex; align-items:center; justify-content:center; }
.experience-welcome-image img { width: 100%; height: auto; object-fit: contain; object-position: center center; display: block; }
.experience-welcome-copy { padding: clamp(28px, 4vw, 54px); align-self: center; }
.experience-eyebrow,
.experience-stop-label {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  color: #8c6424;
  font-weight: 800;
  letter-spacing: .12em;
  text-transform: uppercase;
  font-size: .78rem;
}
.experience-welcome-copy h3,
.experience-stop-copy h3,
.experience-journey-heading h2,
.experience-closing h2 { color: #173e2b; }
.experience-welcome-copy h3 { margin: 10px 0 18px; font-size: clamp(1.85rem, 3.5vw, 3rem); line-height: 1.08; }
.experience-welcome-copy p { color: #4c3a2d; font-size: 1.04rem; line-height: 1.72; }
.experience-welcome-copy blockquote {
  margin: 24px 0;
  padding: 18px 20px;
  border-left: 5px solid #b48a3b;
  background: #f3ead7;
  color: #173e2b;
  font-weight: 800;
  font-size: 1.06rem;
}
.experience-audio-card {
  margin-top: 24px;
  padding: 20px;
  border: 1px solid #aeb1ad;
  border-radius: 16px;
  background: linear-gradient(180deg, #eceeed, #d9ddda);
  color: #28342e;
  box-shadow: inset 0 1px 0 rgba(255,255,255,.8);
}
.experience-audio-card span { display: block; font-size: .76rem; font-weight: 800; letter-spacing: .1em; text-transform: uppercase; color: #5c675f; }
.experience-audio-card h4 { margin: 6px 0 4px; color: #173e2b; font-size: 1.15rem; }
.experience-audio-card p { margin: 0 0 12px; font-size: .93rem; }
.experience-audio-card audio { width: 100%; display: block; }
.experience-audio-card.compact { margin: 20px 0; padding: 16px; }
.experience-journey-section { padding-top: 38px; background: linear-gradient(180deg, #f7f0df 0%, #fffaf0 18%, #f5ecdc 100%); }
.experience-journey-heading { max-width: 780px; margin: 0 auto 26px; text-align: center; }
.experience-journey-heading h2 { margin: 8px 0 10px; font-size: clamp(2rem, 4vw, 3.3rem); }
.experience-journey-heading p { color: #5c4939; font-size: 1.08rem; }
.experience-stop-map {
  display: grid;
  grid-template-columns: repeat(7, minmax(0, 1fr));
  gap: 10px;
  margin: 28px 0 54px;
  padding: 16px;
  border: 1px solid rgba(123, 87, 33, .35);
  border-radius: 20px;
  background: rgba(255,255,255,.72);
}
.experience-stop-map a {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  gap: 7px;
  min-height: 86px;
  padding: 10px 8px;
  border-radius: 14px;
  color: #173e2b;
  font-weight: 800;
  text-align: center;
  text-decoration: none;
  font-size: .82rem;
  line-height: 1.15;
  transition: transform .18s ease, background .18s ease, box-shadow .18s ease;
}
.experience-stop-map a:hover,
.experience-stop-map a:focus-visible { transform: translateY(-3px); background: #f1e2be; box-shadow: 0 8px 18px rgba(55,37,20,.12); }
.experience-stop-map span {
  display: grid;
  place-items: center;
  width: 36px;
  height: 36px;
  border-radius: 50%;
  background: #174a32;
  color: white;
  box-shadow: 0 0 0 4px #dfbd6f;
}
.experience-path { position: relative; display: grid; gap: 30px; }
.experience-stop-placard {
  position: relative;
  z-index: 2;
  display: grid;
  grid-template-columns: auto minmax(0, 1fr);
  align-items: center;
  gap: clamp(18px, 3vw, 34px);
  margin-top: 18px;
  padding: clamp(22px, 3.5vw, 38px) clamp(24px, 5vw, 58px);
  overflow: hidden;
  border: 2px solid #7b5427;
  border-radius: 20px;
  background: linear-gradient(135deg, #73481f 0%, #5b351a 48%, #3f2415 100%);
  color: #fff8e7;
  box-shadow: 0 15px 32px rgba(55,37,20,.2), inset 0 0 0 3px rgba(223,189,111,.42);
}
.experience-placard-number {
  display: grid;
  place-items: center;
  width: clamp(70px, 9vw, 104px);
  aspect-ratio: 1;
  border: 3px solid #efd18a;
  border-radius: 50%;
  background: #174a32;
  color: #fffdf4;
  font-family: Georgia, "Times New Roman", serif;
  font-size: clamp(2.1rem, 5vw, 3.8rem);
  font-weight: 800;
  line-height: 1;
  box-shadow: 0 0 0 6px rgba(23,74,50,.34), 0 8px 18px rgba(0,0,0,.22);
}
.experience-placard-kicker {
  display: block;
  margin-bottom: 4px;
  color: #efd18a;
  font-size: .76rem;
  font-weight: 900;
  letter-spacing: .14em;
  text-transform: uppercase;
}
.experience-stop-placard h3 {
  margin: 0 0 7px;
  color: #fffdf4;
  font-family: Georgia, "Times New Roman", serif;
  font-size: clamp(1.75rem, 3.6vw, 2.9rem);
  line-height: 1.05;
}
.experience-stop-placard p {
  max-width: 800px;
  margin: 0;
  color: #f5e8cd;
  font-size: clamp(.96rem, 1.7vw, 1.08rem);
  line-height: 1.55;
}
.experience-path:before {
  content: "";
  position: absolute;
  top: 20px;
  bottom: 20px;
  left: 50%;
  width: 2px;
  transform: translateX(-50%);
  background: linear-gradient(#b58a39, #174a32, #b58a39);
  opacity: .25;
}
.experience-stop {
  position: relative;
  display: grid;
  grid-template-columns: minmax(300px, .9fr) minmax(0, 1.1fr);
  min-height: 470px;
  overflow: hidden;
  border: 1px solid rgba(89, 58, 26, .28);
  border-radius: 24px;
  background: #fffdf7;
  box-shadow: 0 18px 44px rgba(55, 37, 20, .14);
  scroll-margin-top: 28px;
}
.experience-stop:nth-of-type(even) .experience-stop-media { order: 2; }
.experience-stop:nth-of-type(even) .experience-stop-copy { order: 1; }
.experience-stop-media { min-height: 470px; background: #e8dcc7; }
.experience-stop-media img { width: 100%; height: 100%; object-fit: cover; display: block; }
.experience-stop-media.portrait-media img { object-fit: contain; background: #f5efe4; padding: 22px; }
.experience-stop-media.journey-art-media img { object-position: center top; }
/* Keep Stop 2 as a full-page visual before its explanation. */
.experience-stop.experience-stop-full-image {
  grid-template-columns: 1fr;
}
.experience-stop.experience-stop-full-image .experience-stop-media,
.experience-stop.experience-stop-full-image .experience-stop-copy {
  order: initial;
}
.experience-stop.experience-stop-full-image .experience-stop-media {
  min-height: 0;
  max-height: none;
  padding: 24px;
  background: #f4ead7;
}
.experience-stop.experience-stop-full-image .experience-stop-media img {
  width: 100%;
  height: auto;
  max-height: none;
  object-fit: contain;
  object-position: center top;
  border-radius: 12px;
  box-shadow: 0 10px 28px rgba(55,37,20,.14);
}
.experience-stop.experience-stop-full-image .experience-stop-copy {
  padding-top: 30px;
}
.experience-stop-media.placard-media img,
.experience-stop-media.wide-media img { object-fit: contain; background: #f4ead7; padding: 18px; }
.experience-stop-media.book-media img { object-fit: contain; background: #2f241a; padding: 18px; }
.experience-stop-media.music-media img { object-position: center; }
.experience-stop-media.care-team-media img { object-position: center; }
.experience-stop-copy { position: relative; z-index: 1; padding: clamp(30px, 5vw, 64px); align-self: center; }
.experience-stop-copy h3 { margin: 10px 0 16px; font-size: clamp(1.8rem, 3.2vw, 2.75rem); line-height: 1.08; }
.experience-stop-copy p { color: #4d3a2d; line-height: 1.72; font-size: 1.02rem; }
.experience-stop-copy .experience-lead { color: #2f241b; font-size: 1.13rem; font-weight: 700; }
.experience-button-row,
.experience-closing-actions { display: flex; align-items: center; flex-wrap: wrap; gap: 12px; margin-top: 24px; }
.experience-closing {
  margin-top: 52px;
  padding: clamp(34px, 6vw, 68px);
  border: 2px solid #a8792e;
  border-radius: 26px;
  background: linear-gradient(135deg, #fff9eb 0%, #f0dfba 100%);
  text-align: center;
  box-shadow: 0 18px 42px rgba(55,37,20,.14);
}
.experience-closing h2 { margin: 8px 0 12px; font-size: clamp(2rem, 4vw, 3.2rem); }
.experience-closing p { max-width: 720px; margin: 0 auto; color: #4d3a2d; font-size: 1.07rem; line-height: 1.65; }
.experience-closing-actions { justify-content: center; }
@media (max-width: 980px) {
  .experience-welcome-card,
  .experience-stop { grid-template-columns: 1fr; }
  .experience-welcome-image { min-height: 0; }
  .experience-stop:nth-of-type(even) .experience-stop-media,
  .experience-stop:nth-of-type(even) .experience-stop-copy { order: initial; }
  .experience-stop-media { min-height: 360px; max-height: 620px; }
  .experience-stop-map { grid-template-columns: repeat(4, minmax(0,1fr)); }
  .experience-path:before { display: none; }
}
@media (max-width: 640px) {
  .experience-banner-actions { align-items: stretch; flex-direction: column; }
  .experience-banner-actions .btn,
  .experience-banner-actions .room-home-link { width: 100%; text-align: center; }
  .experience-welcome-card,
  .experience-stop,
  .experience-closing { border-radius: 18px; }
  .experience-welcome-image { min-height: 0; }
  .experience-welcome-copy,
  .experience-stop-copy { padding: 26px 22px; }
  .experience-stop-map { grid-template-columns: repeat(2, minmax(0,1fr)); margin-bottom: 34px; }
  .experience-stop-media { min-height: 280px; }
  .experience-stop-placard {
    grid-template-columns: 1fr;
    justify-items: center;
    text-align: center;
    padding: 24px 20px 26px;
  }
  .experience-placard-number { width: 76px; }
  .experience-stop-placard p { max-width: 34rem; }
  .experience-button-row,
  .experience-closing-actions { align-items: stretch; flex-direction: column; }
  .experience-button-row .btn,
  .experience-closing-actions .btn { width: 100%; text-align: center; }
}




/* Version 54 — Experience guidance and closing navigation */
.experience-scroll-cue {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 12px;
  min-height: 48px;
  padding: 11px 20px;
  border: 2px solid #a8792e;
  border-radius: 999px;
  background: linear-gradient(180deg, #f7ecd0, #e8d19d);
  color: #173e2b;
  font-weight: 900;
  letter-spacing: .04em;
  box-shadow: inset 0 1px 0 rgba(255,255,255,.75), 0 7px 16px rgba(55,37,20,.14);
  cursor: default;
  user-select: none;
}
.experience-scroll-cue span {
  color: #7a5623;
  font-size: 1.25rem;
  line-height: 1;
}
.experience-return-action {
  flex-direction: column;
  align-items: center;
  gap: 12px;
}
.experience-return-action .btn { min-width: min(100%, 360px); }
.experience-closing .experience-return-descriptor {
  max-width: 620px;
  margin: 0 auto;
  color: #4d3a2d;
  font-size: 1.02rem;
  line-height: 1.55;
}
@media (max-width: 640px) {
  .experience-scroll-cue { width: 100%; }
}

/* Version 57 — Recipe Testing & Certification transparency center */
.rtc-page { background: linear-gradient(180deg, #fff9ef 0%, #fffdf8 55%, #f8f2e7 100%); }
.rtc-overview, .rtc-detail { padding-top: 42px; padding-bottom: 54px; }
.rtc-entry-banner, .rtc-detail-banner {
  border-color: #6f4521;
  background: linear-gradient(135deg, #73481f 0%, #573216 52%, #2e2118 100%);
  box-shadow: inset 0 0 0 3px rgba(243,196,91,.42), 0 18px 38px rgba(55,37,20,.18);
}
.rtc-entry-banner h2, .rtc-detail-banner h2 { max-width: 920px; }
.rtc-small-kicker { display:block; color:#8a5d22; font-size:.78rem; font-weight:900; letter-spacing:.13em; text-transform:uppercase; }
.rtc-truth-panel, .rtc-song-panel, .rtc-principles-panel, .rtc-promise-panel, .rtc-detail-intro, .rtc-content-panel, .rtc-sources {
  border: 1px solid #dac39c;
  border-radius: 22px;
  background: rgba(255,253,248,.96);
  box-shadow: 0 14px 32px rgba(55,37,20,.10);
}
.rtc-truth-panel { margin: 32px 0 24px; padding: clamp(26px,4vw,44px); border-width:2px; border-color:#a8792e; }
.rtc-truth-panel h3, .rtc-heading-row h3, .rtc-song-panel h3, .rtc-principles-panel h3, .rtc-promise-panel h3, .rtc-detail-intro h3, .rtc-content-panel h3 { margin:7px 0 12px; color:#4e2e16; font-size:clamp(1.55rem,3vw,2.35rem); line-height:1.12; }
.rtc-truth-panel p, .rtc-song-panel p, .rtc-heading-row p, .rtc-principles-panel p, .rtc-promise-panel p, .rtc-detail-intro p, .rtc-content-panel li { color:#4d3a2d; font-size:1.02rem; line-height:1.7; }
.rtc-status-line { margin:18px 0 0; padding:16px 18px; border-left:5px solid #a73b28; border-radius:10px; background:#fff1ea; }
.rtc-song-panel { display:grid; grid-template-columns:minmax(0,1fr) minmax(280px,.72fr); gap:28px; align-items:center; margin:24px 0 38px; padding:clamp(24px,4vw,40px); background:linear-gradient(135deg,#eef7f0,#fffdf8); }
.rtc-song-panel audio { width:100%; }
.rtc-heading-row { display:grid; grid-template-columns:minmax(0,.9fr) minmax(320px,1.1fr); gap:30px; align-items:end; margin-bottom:20px; }
.rtc-heading-row p { margin:0; }
.rtc-path-grid { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:16px; }
.rtc-path-card { display:grid; grid-template-columns:auto minmax(0,1fr) auto; gap:18px; align-items:center; min-height:148px; padding:22px; border:1px solid #d9c49d; border-radius:20px; background:#fffdf8; text-decoration:none; box-shadow:0 10px 24px rgba(55,37,20,.09); transition:transform .16s ease, box-shadow .16s ease, border-color .16s ease; }
.rtc-path-card:hover, .rtc-path-card:focus-visible { transform:translateY(-3px); border-color:#2f8f57; box-shadow:0 16px 30px rgba(55,37,20,.14); outline:none; }
.rtc-path-number, .rtc-detail-number { display:grid; place-items:center; width:62px; height:62px; border:3px solid #e8c873; border-radius:50%; background:#174a32; color:#fff; font-weight:900; font-size:1.75rem; box-shadow:0 0 0 5px rgba(23,74,50,.12); }
.rtc-path-copy { display:grid; gap:7px; }
.rtc-path-copy strong { color:#4f2f18; font-size:1.25rem; line-height:1.15; }
.rtc-path-copy span { color:#665242; line-height:1.55; }
.rtc-path-arrow { color:#2f8f57; font-size:1.8rem; font-weight:900; }
.rtc-principles-panel { margin-top:34px; padding:clamp(26px,4vw,42px); }
.rtc-three-grid { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:16px; margin-top:20px; }
.rtc-three-grid article { padding:20px; border-radius:16px; background:#f7f0df; border:1px solid #e1cda8; }
.rtc-three-grid strong { color:#174a32; font-size:1.1rem; }
.rtc-three-grid p { margin-bottom:0; }
.rtc-sources { margin-top:30px; padding:0; overflow:hidden; }
.rtc-sources summary { cursor:pointer; padding:18px 22px; color:#174a32; font-weight:900; background:#f0f7f2; }
.rtc-sources ul { margin:0; padding:18px 42px 24px; }
.rtc-sources li { margin:8px 0; color:#5d4939; }
.rtc-sources a { color:#1f6e41; font-weight:700; }
.rtc-detail-intro { display:grid; grid-template-columns:auto minmax(0,1fr); gap:26px; align-items:start; margin:32px 0 22px; padding:clamp(24px,4vw,40px); }
.rtc-detail-number { width:82px; height:82px; font-size:2.2rem; }
.rtc-detail-columns { display:grid; grid-template-columns:minmax(0,1.18fr) minmax(280px,.82fr); gap:22px; }
.rtc-content-panel { padding:clamp(24px,3.5vw,38px); }
.rtc-content-panel ul { margin:18px 0 0; padding-left:22px; }
.rtc-content-panel li { margin:11px 0; }
.rtc-check-list { list-style:none; padding-left:0 !important; }
.rtc-check-list li { position:relative; padding-left:34px; }
.rtc-check-list li::before { content:'✓'; position:absolute; left:0; top:0; display:grid; place-items:center; width:23px; height:23px; border-radius:50%; background:#2f8f57; color:white; font-weight:900; font-size:.8rem; }
.rtc-record-panel { background:#f8f0de; }
.rtc-promise-panel { margin-top:22px; padding:clamp(25px,4vw,40px); border-left:7px solid #2f8f57; }
.rtc-path-nav { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:12px; margin-top:28px; }
.rtc-path-nav a { display:grid; gap:4px; min-height:90px; align-content:center; padding:16px 18px; border:1px solid #d8c39e; border-radius:16px; background:#fffdf8; text-decoration:none; text-align:center; }
.rtc-path-nav a:hover, .rtc-path-nav a:focus-visible { border-color:#2f8f57; background:#f2faf4; outline:none; }
.rtc-path-nav span { color:#7b5b36; font-size:.78rem; font-weight:900; letter-spacing:.08em; text-transform:uppercase; }
.rtc-path-nav strong { color:#174a32; line-height:1.25; }
@media (max-width:860px){
  .rtc-song-panel, .rtc-heading-row, .rtc-detail-columns { grid-template-columns:1fr; }
  .rtc-path-grid { grid-template-columns:1fr; }
  .rtc-three-grid { grid-template-columns:1fr; }
}
@media (max-width:640px){
  .rtc-detail-intro { grid-template-columns:1fr; justify-items:center; text-align:center; }
  .rtc-path-card { grid-template-columns:auto minmax(0,1fr); }
  .rtc-path-arrow { display:none; }
  .rtc-path-nav { grid-template-columns:1fr; }
}

/* Version 59 — Recipe Testing path-card click-area safeguard */
.rtc-pathways {
  position: relative;
  z-index: 5;
  isolation: isolate;
  margin-bottom: 34px;
}
.rtc-path-grid {
  position: relative;
  z-index: 6;
}
.rtc-path-card {
  position: relative;
  z-index: 7;
  pointer-events: auto;
  isolation: isolate;
  cursor: pointer;
}
.rtc-overview .footer,
.rtc-detail-page + .footer,
.footer {
  position: relative;
  z-index: 1;
}

/* Version 60 — New-visitor Experience path and returning-visitor shortcut */
.chef-puppy-welcome-actions {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 12px;
  width: min(100%, 460px);
  margin: 28px auto 0;
}
.chef-puppy-welcome-primary {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 100%;
  min-height: 58px;
  padding: 13px 24px;
  border: 3px solid #fff8e8;
  border-radius: 999px;
  background: linear-gradient(180deg, #d6a640 0%, #b77d18 100%);
  color: #fff;
  font-size: clamp(1rem, 2vw, 1.18rem);
  font-weight: 900;
  line-height: 1.2;
  text-align: center;
  text-decoration: none;
  box-shadow: 0 12px 26px rgba(66, 40, 18, .28);
  transition: transform .18s ease, background .18s ease, box-shadow .18s ease;
}
.chef-puppy-welcome-primary:hover,
.chef-puppy-welcome-primary:focus-visible {
  transform: translateY(-2px);
  background: linear-gradient(180deg, #c6922f 0%, #9f6810 100%);
  box-shadow: 0 15px 30px rgba(66, 40, 18, .32);
  outline: 4px solid rgba(49, 95, 53, .32);
  outline-offset: 3px;
}
.chef-puppy-welcome-returning {
  display: inline-flex;
  width: 100%;
  min-height: 58px;
  align-items: center;
  justify-content: center;
  padding: 13px 22px;
  border: 2px solid #315f35;
  border-radius: 13px;
  background: #fffaf0;
  color: #315f35;
  font-size: .94rem;
  font-weight: 900;
  line-height: 1.25;
  text-align: center;
  text-decoration: none;
  box-shadow: 0 8px 18px rgba(49,95,53,.16);
  transition: transform .18s ease, background .18s ease, box-shadow .18s ease;
}
.chef-puppy-welcome-returning:hover,
.chef-puppy-welcome-returning:focus-visible {
  transform: translateY(-2px);
  background: #f0f7ea;
  color: #214b2b;
  box-shadow: 0 11px 24px rgba(49,95,53,.22);
  outline: 4px solid rgba(49,95,53,.20);
  outline-offset: 2px;
}
@media (max-width: 760px) {
  .chef-puppy-welcome-actions {
    width: min(100%, 390px);
    margin-top: 18px;
  }
  .chef-puppy-welcome-primary {
    min-height: 54px;
    padding: 12px 18px;
  }
}

/* Version 61 — Keep the green return-up arrow above the footer */
.toplink {
  z-index: 40;
}

/* Version 62 — Footer breathing room for the return-up arrow */
@media (min-width: 821px) {
  .footer-includes-supports {
    transform: translateY(-14px);
  }
}
@media (max-width: 820px) {
  .footer-includes-supports {
    transform: translateY(-8px);
    margin-bottom: 14px;
  }
}

/* Version 63 — PAW Library: 18 colorful PAWs, 54 reports, 109-position roadmap */
.paw-library-page{background:linear-gradient(180deg,#fbf3df 0%,#fffdf7 42%,#f7ead1 100%);color:#32251d}
.paw-library-hero{padding:56px 0 42px;background:radial-gradient(circle at 15% 10%,rgba(216,171,74,.24),transparent 32%),linear-gradient(135deg,#fffaf0,#efe2c5);border-bottom:5px solid #b98a34}
.paw-hero-grid{display:grid;grid-template-columns:minmax(0,1.35fr) minmax(250px,.65fr);gap:42px;align-items:center}
.paw-hero-copy h1{margin:.15em 0 .25em;color:#315f35;font-size:clamp(2.5rem,6vw,5rem);line-height:.95}
.paw-hero-lead{max-width:760px;font-size:clamp(1.15rem,2.2vw,1.5rem);line-height:1.55;color:#5f4229}
.paw-library-stats{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin:28px 0}
.paw-library-stats span{padding:15px 12px;border:2px solid #d6b56d;border-radius:16px;background:rgba(255,255,255,.82);font-weight:800;text-align:center;box-shadow:0 8px 18px rgba(80,54,24,.08)}
.paw-library-stats strong{display:block;color:#315f35;font-size:1.65rem}
.paw-hero-actions{display:flex;gap:12px;flex-wrap:wrap}.paw-library-disclaimer{margin-top:18px;font-size:.92rem;color:#6b5b4e}
.paw-hero-chef{text-align:center}.paw-hero-chef img{width:min(100%,310px);aspect-ratio:1/1;object-fit:cover;border:8px solid #fff7e7;border-radius:50%;box-shadow:0 20px 42px rgba(48,35,22,.2)}
.paw-hero-chef blockquote{margin:16px auto 0;padding:14px 18px;max-width:330px;border:2px solid #c59a4c;border-radius:18px;background:#fffdf7;color:#315f35;font-size:1.1rem;font-weight:900}
.paw-library-controls{padding:28px 0;background:#fff;border-bottom:1px solid #dbcaa8;position:sticky;top:0;z-index:18;box-shadow:0 7px 18px rgba(54,40,22,.08)}
.paw-search-row{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:18px;align-items:end}.paw-search-box span{display:block;margin-bottom:7px;color:#315f35;font-weight:900}.paw-search-box input{width:100%;padding:14px 16px;border:2px solid #bca67d;border-radius:14px;font:inherit;background:#fffefb}.paw-search-box input:focus{outline:4px solid rgba(49,95,53,.16);border-color:#315f35}
.paw-access-filter{display:flex;gap:7px;flex-wrap:wrap}.paw-filter{padding:10px 13px;border:2px solid #bca67d;border-radius:999px;background:#fff;color:#5b3b23;font-weight:900;cursor:pointer}.paw-filter.active,.paw-filter:hover{background:#315f35;color:#fff;border-color:#315f35}
.paw-search-status{margin-top:12px;color:#6d5a48;font-weight:800}.paw-search-results{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;margin-top:16px}.paw-search-results button{display:flex;flex-direction:column;align-items:flex-start;gap:5px;padding:13px;border:2px solid #d9c7a4;border-radius:14px;background:#fff;text-align:left;cursor:pointer}.paw-search-results button:hover{border-color:#315f35;transform:translateY(-1px)}.paw-search-results small{color:#6d5a48;line-height:1.35}.paw-report-number{display:inline-block;margin-left:6px;padding:4px 8px;border-radius:999px;background:#f2eadb;color:#5f4b37;font-size:.75rem;font-weight:900}.paw-search-results button:focus-visible,.vet-search-results button:focus-visible,.fo-search-results .fo-open-resource:focus-visible{outline:4px solid #d7a936;outline-offset:3px}
.paw-library-campus{padding:42px 0 56px}.paw-campus-layout{display:grid;grid-template-columns:minmax(300px,390px) minmax(0,1fr);gap:28px;align-items:start}.paw-board-panel{position:sticky;top:160px;max-height:calc(100vh - 180px);overflow:auto;padding:18px;border:3px solid #6a4a2b;border-radius:22px;background:#f4e5c8;box-shadow:0 18px 38px rgba(63,43,20,.16)}
.paw-board-heading{margin-bottom:14px;text-align:center;color:#315f35}.paw-board-heading span{display:block;font-size:1.35rem;font-weight:950}.paw-board-heading small{color:#60452f}.paw-section-list{display:flex;flex-direction:column;gap:10px}.paw-section-btn{--paw:#477b52;display:grid;grid-template-columns:78px minmax(0,1fr);gap:12px;align-items:center;width:100%;padding:10px;border:3px solid color-mix(in srgb,var(--paw) 75%,#3d2a18);border-radius:18px;background:linear-gradient(135deg,color-mix(in srgb,var(--paw) 18%,white),white 62%);color:#30251d;text-align:left;cursor:pointer;box-shadow:0 6px 12px rgba(54,39,23,.08);transition:.18s ease}.paw-section-btn:hover,.paw-section-btn.active{transform:translateY(-2px);box-shadow:0 10px 20px rgba(54,39,23,.16)}.paw-section-btn.active{outline:4px solid color-mix(in srgb,var(--paw) 28%,transparent);background:linear-gradient(135deg,color-mix(in srgb,var(--paw) 28%,white),#fff)}
.paw-visual{position:relative;display:block;width:70px;height:68px;color:var(--paw)}.paw-toes{position:absolute;inset:0 0 auto 0;height:28px}.paw-toes i{position:absolute;width:21px;height:24px;border-radius:52% 52% 45% 45%;background:currentColor;box-shadow:inset 0 -3px 0 rgba(0,0,0,.12)}.paw-toes i:nth-child(1){left:1px;top:8px;transform:rotate(-22deg)}.paw-toes i:nth-child(2){left:18px;top:0}.paw-toes i:nth-child(3){right:18px;top:0}.paw-toes i:nth-child(4){right:1px;top:8px;transform:rotate(22deg)}.paw-pad{position:absolute;left:12px;bottom:0;width:48px;height:43px;border-radius:48% 48% 44% 44% / 55% 55% 38% 38%;background:currentColor;display:flex;align-items:center;justify-content:center;box-shadow:inset 0 -5px 0 rgba(0,0,0,.14)}.paw-pad b{font-size:1.1rem;filter:drop-shadow(0 1px 0 rgba(255,255,255,.45))}.paw-pad em{position:absolute;right:-7px;bottom:-4px;width:25px;height:25px;border-radius:50%;background:#fff;color:#3d2a18;display:grid;place-items:center;border:2px solid currentColor;font-size:.72rem;font-style:normal;font-weight:950}
.paw-copy strong{display:block;color:color-mix(in srgb,var(--paw) 78%,#1d241d);font-size:1rem}.paw-copy small{display:block;margin-top:2px;color:#5e5146;line-height:1.25}.paw-copy>span{display:block;margin-top:4px;color:#806b54;font-size:.76rem;font-weight:850}
.paw-color-emerald{--paw:#2e7d54}.paw-color-teal{--paw:#16827e}.paw-color-gold{--paw:#b6851b}.paw-color-navy{--paw:#294e73}.paw-color-pumpkin{--paw:#c96a25}.paw-color-copper{--paw:#a4562c}.paw-color-sage{--paw:#6e8c5a}.paw-color-indigo{--paw:#4e55a5}.paw-color-aqua{--paw:#2d8ca3}.paw-color-rose{--paw:#b15c70}.paw-color-blue{--paw:#3977b5}.paw-color-plum{--paw:#784f82}.paw-color-amber{--paw:#c88a20}.paw-color-violet{--paw:#7656ad}.paw-color-slate{--paw:#5f7180}.paw-color-coral{--paw:#c7665b}.paw-color-forest{--paw:#3b7045}.paw-color-berry{--paw:#93465f}
.paw-learning-main{min-width:0}.paw-learning-toolbar{display:flex;align-items:center;gap:12px;margin-bottom:15px}.paw-learning-toolbar>span{margin:auto;color:#6c5846;font-weight:900}.paw-section-panel:focus{outline:none}.paw-panel-head{--panel:#2e7d54;display:grid;grid-template-columns:88px 1fr;gap:18px;align-items:center;padding:25px;border:4px solid var(--panel);border-radius:24px;background:linear-gradient(135deg,color-mix(in srgb,var(--panel) 18%,white),#fff);box-shadow:0 16px 32px rgba(55,40,23,.12)}.paw-panel-number{width:74px;height:74px;border-radius:50%;display:grid;place-items:center;background:var(--panel);color:#fff;font-size:2rem;font-weight:950;box-shadow:inset 0 -6px 0 rgba(0,0,0,.13)}.paw-panel-head h2{margin:.15em 0;color:color-mix(in srgb,var(--panel) 80%,#263226);font-size:clamp(1.7rem,3.4vw,2.8rem)}.paw-panel-head p{margin:0;color:#59493b;font-size:1.08rem}.paw-panel-emerald{--panel:#2e7d54}.paw-panel-teal{--panel:#16827e}.paw-panel-gold{--panel:#b6851b}.paw-panel-navy{--panel:#294e73}.paw-panel-pumpkin{--panel:#c96a25}.paw-panel-copper{--panel:#a4562c}.paw-panel-sage{--panel:#6e8c5a}.paw-panel-indigo{--panel:#4e55a5}.paw-panel-aqua{--panel:#2d8ca3}.paw-panel-rose{--panel:#b15c70}.paw-panel-blue{--panel:#3977b5}.paw-panel-plum{--panel:#784f82}.paw-panel-amber{--panel:#c88a20}.paw-panel-violet{--panel:#7656ad}.paw-panel-slate{--panel:#5f7180}.paw-panel-coral{--panel:#c7665b}.paw-panel-forest{--panel:#3b7045}.paw-panel-berry{--panel:#93465f}
.paw-song-companion{display:grid;grid-template-columns:minmax(0,.7fr) minmax(300px,1.3fr);gap:22px;margin:20px 0;padding:20px;border:3px solid #81705c;border-radius:20px;background:#e8e8e8}.paw-song-companion h3{margin:.25em 0;color:#315f35}.paw-song-list{display:grid;gap:10px}.paw-song-list label{display:block;padding:10px 12px;border-radius:12px;background:#f8f8f8}.paw-song-list audio{display:block;width:100%;margin-top:7px;height:38px}
.paw-report-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;margin:20px 0}.paw-report-card{display:flex;flex-direction:column;padding:19px;border:2px solid #d7c3a0;border-radius:18px;background:#fff;box-shadow:0 10px 22px rgba(60,45,26,.09)}.paw-report-card h3{margin:.7em 0 .35em;color:#315f35;line-height:1.15}.paw-report-card p{color:#5f5144;line-height:1.5}.paw-card-meta{display:flex;gap:6px;flex-wrap:wrap}.paw-card-meta>span{padding:4px 7px;border-radius:999px;background:#eee6d7;color:#5b4936;font-size:.72rem;font-weight:900}.paw-access{display:inline-block;padding:4px 8px;border-radius:999px;font-size:.73rem;font-weight:950}.paw-access.public{background:#dcefdc;color:#28552c}.paw-access.founder{background:#f4dfac;color:#67470c}.paw-access.veterinary-resource{background:#dce7f5;color:#274d78}.paw-card-actions{display:flex;gap:8px;flex-wrap:wrap;margin-top:auto;padding-top:14px}.paw-card-actions .btn{padding:9px 11px;font-size:.82rem}
.paw-coming-next{padding:20px;border:3px dashed #b89c6b;border-radius:20px;background:#fffaf0}.paw-coming-next h3{margin-top:0;color:#5b3b23}.paw-coming-next div{display:flex;gap:8px;flex-wrap:wrap}.paw-coming-next span{padding:7px 10px;border-radius:999px;background:#eadfc9;color:#66513c;font-size:.82rem;font-weight:850}
.paw-growth-map{padding:52px 0;background:#315f35;color:#fff;text-align:center}.paw-growth-map h2{color:#fff}.paw-growth-map p{max-width:780px;margin:0 auto 22px;color:#f3ecd9}.paw-growth-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;margin-top:24px;text-align:left}.paw-growth-card{--g:#6b7c64;padding:17px;border:2px solid rgba(255,255,255,.65);border-left:10px solid var(--g);border-radius:16px;background:#fff;color:#33281f}.paw-growth-card span{color:var(--g);font-weight:950}.paw-growth-card h3{margin:.3em 0;color:#315f35}.paw-growth-card div{display:flex;gap:6px;flex-wrap:wrap}.paw-growth-card small{padding:5px 7px;border-radius:8px;background:#eee8dc}.paw-growth-emerald{--g:#2e7d54}.paw-growth-teal{--g:#16827e}.paw-growth-gold{--g:#b6851b}.paw-growth-navy{--g:#294e73}.paw-growth-pumpkin{--g:#c96a25}.paw-growth-copper{--g:#a4562c}.paw-growth-sage{--g:#6e8c5a}.paw-growth-indigo{--g:#4e55a5}.paw-growth-aqua{--g:#2d8ca3}.paw-growth-rose{--g:#b15c70}.paw-growth-blue{--g:#3977b5}.paw-growth-plum{--g:#784f82}.paw-growth-amber{--g:#c88a20}.paw-growth-violet{--g:#7656ad}.paw-growth-slate{--g:#5f7180}.paw-growth-coral{--g:#c7665b}.paw-growth-forest{--g:#3b7045}.paw-growth-berry{--g:#93465f}
.paw-modal-open{overflow:hidden}.paw-modal-backdrop{position:fixed;inset:0;z-index:200;display:grid;place-items:center;padding:20px;background:rgba(30,23,18,.72)}.paw-modal{position:relative;width:min(920px,100%);max-height:92vh;overflow:auto;padding:28px;border:5px solid #c59a4c;border-radius:24px;background:#fffdf8;box-shadow:0 30px 80px rgba(0,0,0,.4)}.paw-modal-close{position:sticky;top:0;float:right;z-index:2;width:42px;height:42px;border:0;border-radius:50%;background:#6a3f2a;color:#fff;font-size:1.8rem;cursor:pointer}.paw-report-view header{padding:8px 0 18px;border-bottom:2px solid #dac7a6}.paw-report-view h2{clear:both;margin:.25em 0;color:#315f35;font-size:clamp(1.8rem,4vw,3rem)}.paw-report-summary{font-size:1.15rem;color:#604c39}.paw-report-view section{margin:22px 0}.paw-report-view li{margin:.55em 0;line-height:1.5}.paw-watch{padding:16px;border-left:8px solid #a53c32;border-radius:12px;background:#fbe5df;color:#5c2922}.paw-report-sources{padding-top:18px;border-top:2px solid #dcc8a4}.paw-report-sources a{display:block;margin:8px 0;color:#315f35;font-weight:850}.paw-report-view footer{margin-top:24px;padding-top:18px;border-top:3px solid #d9c3a0}.paw-report-view footer>div{display:flex;gap:10px;flex-wrap:wrap}.paw-report-worksheet table{width:100%;border-collapse:collapse}.paw-report-worksheet th,.paw-report-worksheet td{height:42px;padding:8px;border:1px solid #bca98b;text-align:left}.paw-report-worksheet th{width:38%;background:#f2eadb}.paw-ask-view textarea{width:100%;padding:13px;border:2px solid #bba37c;border-radius:12px;font:inherit}.paw-ask-view>button{margin:12px 0}.paw-ask-view #paw-ask-answer{display:grid;gap:10px}.paw-ask-view #paw-ask-answer button{display:flex;flex-direction:column;gap:4px;padding:14px;border:2px solid #d1bc98;border-radius:14px;background:#fff;text-align:left;cursor:pointer}.paw-ask-view #paw-ask-answer button:hover{border-color:#315f35}.paw-ask-safety{padding:12px;border-radius:10px;background:#f6e3df;color:#64322d;font-weight:700}
@media(max-width:1050px){.paw-campus-layout{grid-template-columns:1fr}.paw-board-panel{position:static;max-height:none}.paw-section-list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr))}.paw-report-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.paw-search-results,.paw-growth-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:760px){.paw-hero-grid,.paw-search-row,.paw-song-companion{grid-template-columns:1fr}.paw-hero-chef{order:-1}.paw-hero-chef img{width:210px}.paw-library-stats{grid-template-columns:1fr}.paw-library-controls{position:static}.paw-section-list,.paw-report-grid,.paw-search-results,.paw-growth-grid{grid-template-columns:1fr}.paw-panel-head{grid-template-columns:64px 1fr;padding:18px}.paw-panel-number{width:58px;height:58px}.paw-learning-toolbar{flex-wrap:wrap}.paw-learning-toolbar>span{order:-1;width:100%;text-align:center}.paw-modal-backdrop{padding:8px}.paw-modal{padding:18px}.paw-report-view footer>div,.paw-card-actions{flex-direction:column}.paw-report-view footer .btn,.paw-card-actions .btn{width:100%}}
@media print{body>*:not(.paw-report-modal){display:none!important}.paw-report-modal{position:static!important;display:block!important;padding:0!important;background:#fff!important}.paw-report-modal .paw-modal{max-height:none!important;overflow:visible!important;border:0!important;box-shadow:none!important}.paw-modal-close,.paw-report-view footer,.paw-report-sources{display:none!important}}



/* Version 64 — PAW Library entrance placard */
.paw-library-entry-section {
  padding-top: 34px;
  padding-bottom: 0;
  background: linear-gradient(180deg, #fff9ef 0%, #fffdf8 100%);
}
.paw-library-entry-banner { margin-bottom: 0; }
.paw-library-entry-banner p + p {
  max-width: 820px;
  margin-top: 8px;
  font-weight: 700;
}
.paw-library-scroll-cue {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 12px;
  min-height: 48px;
  margin-top: 20px;
  padding: 11px 20px;
  border: 2px solid #f1cf7b;
  border-radius: 999px;
  background: rgba(255, 247, 223, .94);
  color: #173e2b;
  font-weight: 900;
  letter-spacing: .04em;
  box-shadow: inset 0 1px 0 rgba(255,255,255,.85), 0 7px 16px rgba(42,20,6,.18);
  cursor: default;
  user-select: none;
}
.paw-library-scroll-cue span {
  color: #7a5623;
  font-size: 1.25rem;
  line-height: 1;
}
.paw-library-entry-section + .paw-library-hero { padding-top: 34px; }
@media (max-width: 640px) {
  .paw-library-entry-section { padding-top: 22px; }
  .paw-library-scroll-cue { width: 100%; }
  .paw-library-entry-section + .paw-library-hero { padding-top: 24px; }
}

/* Version 65 — Veterinarian Center opening department */
.vet-center-page{background:linear-gradient(180deg,#fbf3df 0%,#fffdf8 42%,#edf3f4 100%);color:#32251d}.vet-center-entry-section{padding:30px 0 0}.vet-center-entry-banner{margin-bottom:0}.vet-scroll-cue{display:flex;align-items:center;justify-content:center;gap:14px;width:min(100%,560px);margin:22px auto 0;padding:12px 18px;border:2px solid #caa65f;border-radius:999px;background:#f3e6c8;color:#315f35;font-weight:950}.vet-scroll-cue span{font-size:1.35rem}.vet-center-entry-section+.vet-center-hero{padding-top:36px}.vet-center-hero{padding:54px 0 44px;background:radial-gradient(circle at 85% 10%,rgba(54,115,126,.18),transparent 34%),linear-gradient(135deg,#fffaf0,#e8eff0);border-bottom:5px solid #b98a34}.vet-hero-grid{display:grid;grid-template-columns:minmax(0,1.35fr) minmax(250px,.65fr);gap:42px;align-items:center}.vet-hero-copy h1{margin:.15em 0 .25em;color:#315f35;font-size:clamp(2.45rem,6vw,4.8rem);line-height:.96}.vet-hero-lead{max-width:780px;font-size:clamp(1.14rem,2.2vw,1.48rem);line-height:1.55;color:#5f4229}.vet-stats{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin:28px 0}.vet-stats span{padding:15px 12px;border:2px solid #d6b56d;border-radius:16px;background:rgba(255,255,255,.84);font-weight:850;text-align:center;box-shadow:0 8px 18px rgba(80,54,24,.08)}.vet-stats strong{display:block;color:#315f35;font-size:1.65rem}.vet-hero-actions{display:flex;gap:12px;flex-wrap:wrap}.vet-disclaimer{margin-top:18px;font-size:.92rem;color:#6b5b4e}.vet-hero-chef{text-align:center}.vet-hero-chef img{width:min(100%,310px);aspect-ratio:1/1;object-fit:cover;border:8px solid #fff7e7;border-radius:50%;box-shadow:0 20px 42px rgba(48,35,22,.2)}.vet-hero-chef blockquote{margin:16px auto 0;padding:14px 18px;max-width:340px;border:2px solid #4d8590;border-radius:18px;background:#fffdf7;color:#315f35;font-size:1.08rem;font-weight:900}.vet-controls{padding:28px 0;background:#fff;border-bottom:1px solid #dbcaa8}.vet-search-row{display:grid;grid-template-columns:minmax(280px,1fr) auto;gap:18px;align-items:end}.vet-search-box span{display:block;margin-bottom:7px;color:#315f35;font-weight:900}.vet-search-box input{width:100%;padding:13px 15px;border:2px solid #bda77e;border-radius:12px;font:inherit}.vet-access-filter{display:flex;gap:7px;flex-wrap:wrap}.vet-filter{padding:9px 11px;border:2px solid #a99570;border-radius:999px;background:#fffaf0;color:#5f4b37;font-weight:850;cursor:pointer}.vet-filter.active,.vet-filter:hover{background:#315f35;color:#fff;border-color:#315f35}.vet-search-status{margin-top:12px;color:#66513c;font-weight:750}.vet-search-results{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin-top:16px}.vet-search-results button{display:flex;flex-direction:column;gap:7px;padding:14px;border:2px solid #d2c09e;border-radius:14px;background:#fff;text-align:left;cursor:pointer}.vet-search-results button:hover{border-color:#315f35}.vet-campus{padding:36px 0 54px}.vet-campus-layout{display:grid;grid-template-columns:minmax(300px,.7fr) minmax(0,1.3fr);gap:24px;align-items:start}.vet-door-board{position:sticky;top:18px;max-height:calc(100vh - 36px);overflow:auto;padding:16px;border:4px solid #865d35;border-radius:25px;background:linear-gradient(135deg,#6f482d,#9a6c41);box-shadow:0 18px 36px rgba(52,35,23,.2)}.vet-board-heading{padding:13px 15px;border:2px solid #d6b56d;border-radius:14px;background:#fff7e8;color:#315f35}.vet-board-heading span{display:block;font-size:1.1rem;font-weight:950}.vet-board-heading small{display:block;margin-top:3px;color:#6b5039}.vet-door-list{display:grid;gap:11px;margin-top:14px}.vet-door-btn{--door:#2e7d54;position:relative;display:grid;grid-template-columns:42px 38px 1fr 13px;gap:9px;align-items:center;width:100%;min-height:94px;padding:10px 12px;border:4px solid #3f291d;border-radius:10px;background:linear-gradient(90deg,color-mix(in srgb,var(--door) 90%,#3a2419),color-mix(in srgb,var(--door) 72%,#fff));color:#fff;text-align:left;box-shadow:inset 0 0 0 2px rgba(255,255,255,.28),0 7px 0 #3c281d;cursor:pointer;transition:transform .16s ease,filter .16s ease}.vet-door-btn:hover,.vet-door-btn.active{transform:translateY(-2px);filter:brightness(1.12);outline:3px solid #f4d37e;outline-offset:2px}.vet-door-number{display:grid;place-items:center;width:36px;height:36px;border-radius:50%;background:#fff8e9;color:#4b3020;font-weight:950}.vet-door-symbol{font-size:1.6rem}.vet-door-copy strong{display:block;font-size:1rem}.vet-door-copy small{display:block;margin-top:3px;color:#fff7e8;line-height:1.25}.vet-door-handle{width:10px;height:10px;border-radius:50%;background:#f2d17a;box-shadow:0 0 0 2px #5c3b24}.vet-door-emerald{--door:#2e7d54}.vet-door-gold{--door:#b6851b}.vet-door-copper{--door:#a4562c}.vet-door-aqua{--door:#2d8ca3}.vet-door-rose{--door:#b15c70}.vet-door-indigo{--door:#4e55a5}.vet-door-blue{--door:#3977b5}.vet-door-forest{--door:#3b7045}.vet-learning-main{min-width:0}.vet-learning-toolbar{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:14px}.vet-learning-toolbar>span{color:#66513c;font-weight:900}.vet-door-panel:focus{outline:none}.vet-panel-head{--panel:#2e7d54;display:grid;grid-template-columns:88px 1fr;gap:18px;align-items:center;padding:25px;border:4px solid var(--panel);border-radius:24px;background:linear-gradient(135deg,color-mix(in srgb,var(--panel) 18%,white),#fff);box-shadow:0 16px 32px rgba(55,40,23,.12)}.vet-panel-number{width:74px;height:74px;border-radius:14px;display:grid;place-items:center;background:var(--panel);color:#fff;font-size:2rem;font-weight:950;box-shadow:inset 0 -6px 0 rgba(0,0,0,.13)}.vet-panel-head h2{margin:.15em 0;color:color-mix(in srgb,var(--panel) 80%,#263226);font-size:clamp(1.7rem,3.4vw,2.8rem)}.vet-panel-head p{margin:0;color:#59493b;font-size:1.08rem}.vet-panel-emerald{--panel:#2e7d54}.vet-panel-gold{--panel:#b6851b}.vet-panel-copper{--panel:#a4562c}.vet-panel-aqua{--panel:#2d8ca3}.vet-panel-rose{--panel:#b15c70}.vet-panel-indigo{--panel:#4e55a5}.vet-panel-blue{--panel:#3977b5}.vet-panel-forest{--panel:#3b7045}.vet-resource-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;margin:20px 0}.vet-resource-card{display:flex;flex-direction:column;padding:19px;border:2px solid #d7c3a0;border-radius:18px;background:#fff;box-shadow:0 10px 22px rgba(60,45,26,.09)}.vet-resource-card h3{margin:.7em 0 .35em;color:#315f35;line-height:1.15}.vet-resource-card p{color:#5f5144;line-height:1.5}.vet-card-meta{display:flex;gap:6px;flex-wrap:wrap}.vet-card-meta>span{padding:4px 7px;border-radius:999px;background:#eee6d7;color:#5b4936;font-size:.72rem;font-weight:900}.vet-access{display:inline-block;padding:4px 8px;border-radius:999px;font-size:.73rem;font-weight:950}.vet-access.public{background:#dcefdc;color:#28552c}.vet-access.founder{background:#f4dfac;color:#67470c}.vet-access.veterinary-resource{background:#dce7f5;color:#274d78}.vet-access.veterinary-professional{background:#e6ddf2;color:#563c75}.vet-card-actions{display:flex;gap:8px;flex-wrap:wrap;margin-top:auto;padding-top:14px}.vet-card-actions .btn{padding:9px 11px;font-size:.82rem}.vet-review-reserve{padding:50px 0;background:#fff8e9}.vet-review-card{padding:28px;border:4px solid #a88143;border-radius:24px;background:linear-gradient(135deg,#fffdf7,#eee2ca);text-align:center}.vet-review-card h2{color:#315f35}.vet-review-card p{max-width:780px;margin:0 auto 18px;color:#5d4938}.vet-review-status{display:flex;justify-content:center;gap:9px;flex-wrap:wrap}.vet-review-status span{padding:8px 12px;border-radius:999px;background:#e6d7b8;color:#5b4229;font-weight:900}.vet-future-map{padding:52px 0;background:#315f35;color:#fff;text-align:center}.vet-future-map h2{color:#fff}.vet-future-map p{max-width:830px;margin:0 auto 22px;color:#f3ecd9}.vet-future-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;margin-top:24px;text-align:left}.vet-future-grid article{padding:17px;border:2px solid rgba(255,255,255,.65);border-radius:16px;background:#fff;color:#33281f}.vet-future-grid span{color:#3977b5;font-weight:950}.vet-future-grid h3{margin:.3em 0;color:#315f35}.vet-modal-open{overflow:hidden}.vet-modal-backdrop{position:fixed;inset:0;z-index:210;display:grid;place-items:center;padding:20px;background:rgba(30,23,18,.74)}.vet-modal{position:relative;width:min(920px,100%);max-height:92vh;overflow:auto;padding:28px;border:5px solid #4d8590;border-radius:24px;background:#fffdf8;box-shadow:0 30px 80px rgba(0,0,0,.4)}.vet-modal-close{position:sticky;top:0;float:right;z-index:2;width:42px;height:42px;border:0;border-radius:50%;background:#6a3f2a;color:#fff;font-size:1.8rem;cursor:pointer}.vet-report-view header{padding:8px 0 18px;border-bottom:2px solid #dac7a6}.vet-report-view h2{clear:both;margin:.25em 0;color:#315f35;font-size:clamp(1.8rem,4vw,3rem)}.vet-report-summary{font-size:1.15rem;color:#604c39}.vet-report-view section{margin:22px 0}.vet-report-view li{margin:.55em 0;line-height:1.5}.vet-watch{padding:16px;border-left:8px solid #a53c32;border-radius:12px;background:#fbe5df;color:#5c2922}.vet-report-sources{padding-top:18px;border-top:2px solid #dcc8a4}.vet-report-sources a{display:block;margin:8px 0;color:#315f35;font-weight:850}.vet-report-view footer{margin-top:24px;padding-top:18px;border-top:3px solid #d9c3a0}.vet-report-view footer>div{display:flex;gap:10px;flex-wrap:wrap}.vet-worksheet table{width:100%;border-collapse:collapse}.vet-worksheet th,.vet-worksheet td{height:43px;padding:8px;border:1px solid #bca98b;text-align:left}.vet-worksheet th{width:38%;background:#f2eadb}.vet-ask-view textarea{width:100%;padding:13px;border:2px solid #bba37c;border-radius:12px;font:inherit}.vet-ask-view>button{margin:12px 0}.vet-ask-view #vet-ask-answer{display:grid;gap:10px}.vet-ask-view #vet-ask-answer button{display:flex;flex-direction:column;gap:4px;padding:14px;border:2px solid #d1bc98;border-radius:14px;background:#fff;text-align:left;cursor:pointer}.vet-ask-view #vet-ask-answer button:hover{border-color:#315f35}.vet-ask-safety{padding:12px;border-radius:10px;background:#f6e3df;color:#64322d;font-weight:700}@media(max-width:1050px){.vet-campus-layout{grid-template-columns:1fr}.vet-door-board{position:static;max-height:none}.vet-door-list{grid-template-columns:repeat(2,minmax(0,1fr));display:grid}.vet-search-results,.vet-future-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:760px){.vet-hero-grid,.vet-search-row{grid-template-columns:1fr}.vet-hero-chef{order:-1}.vet-hero-chef img{width:210px}.vet-stats{grid-template-columns:1fr}.vet-door-list,.vet-resource-grid,.vet-search-results,.vet-future-grid{grid-template-columns:1fr}.vet-panel-head{grid-template-columns:64px 1fr;padding:18px}.vet-panel-number{width:58px;height:58px}.vet-learning-toolbar{flex-wrap:wrap}.vet-learning-toolbar>span{order:-1;width:100%;text-align:center}.vet-modal-backdrop{padding:8px}.vet-modal{padding:18px}.vet-report-view footer>div,.vet-card-actions{flex-direction:column}.vet-report-view footer .btn,.vet-card-actions .btn{width:100%}.vet-access-filter{width:100%}.vet-filter{flex:1 1 44%}.vet-scroll-cue{width:100%}}@media print{body>*:not(.vet-report-modal){display:none!important}.vet-report-modal{position:static!important;display:block!important;padding:0!important;background:#fff!important}.vet-report-modal .vet-modal{max-height:none!important;overflow:visible!important;border:0!important;box-shadow:none!important}.vet-modal-close,.vet-report-view footer,.vet-report-sources{display:none!important}}
/* Version 66 — Founder Home visual account architecture */
.founder-home-page{background:linear-gradient(#f6efe0,#fffdf8 16%,#f2eadb 100%);color:#3f3328}.fh-entry-section{padding-bottom:20px}.fh-entry-banner{border-color:#6a3f2a;background:linear-gradient(135deg,#6b412d,#4a2b1e);color:#fffaf0;box-shadow:0 16px 38px rgba(69,41,26,.28)}.fh-entry-banner h2,.fh-entry-banner .room-kicker{color:#fff}.fh-entry-banner p{max-width:900px;margin:12px auto;font-size:1.13rem}.fh-scroll-cue{display:inline-flex;align-items:center;gap:14px;margin:20px auto 6px;padding:12px 22px;border:2px solid #e9c879;border-radius:999px;background:rgba(255,255,255,.09);color:#fff7df}.fh-entry-preview{font-size:.92rem!important;color:#f3ddad}.fh-hero{padding:48px 0}.fh-hero-grid{display:grid;grid-template-columns:minmax(0,1.25fr) minmax(300px,.75fr);gap:36px;align-items:start}.fh-hero-copy h1{margin:.15em 0;color:#315f35;font-size:clamp(2.8rem,6vw,5.2rem);line-height:.95}.fh-hero-lead{max-width:760px;font-size:1.28rem;line-height:1.55}.fh-stats{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin:26px 0}.fh-stats span{padding:15px;border:2px solid #d4bf9e;border-radius:16px;background:#fffaf1;text-align:center;font-weight:750}.fh-stats strong{display:block;color:#315f35;font-size:2rem}.fh-hero-actions{display:flex;gap:12px;flex-wrap:wrap}.fh-disclaimer{margin-top:18px;padding:14px 16px;border-left:7px solid #a66a27;border-radius:10px;background:#fff3d8;font-weight:750}.fh-hero-side{display:grid;gap:16px}.fh-hero-side>img{display:block;width:min(300px,85%);margin:auto;border:6px solid #fff;border-radius:50%;box-shadow:0 18px 40px rgba(0,0,0,.2)}.fh-hero-side blockquote{margin:0;padding:14px 18px;border-radius:18px;background:#315f35;color:#fff;text-align:center;font-weight:800}.fh-example-account{padding:20px;border:4px solid #6a3f2a;border-radius:22px;background:#fffdf8;box-shadow:0 14px 35px rgba(70,42,28,.18)}.fh-example-label{display:inline-block;padding:6px 10px;border-radius:999px;background:#f1dfbd;color:#5a3926;font-size:.8rem;font-weight:900;text-transform:uppercase;letter-spacing:.04em}.fh-example-account h2{margin:.65em 0;color:#315f35}.fh-example-account dl{margin:0}.fh-example-account dl div{display:flex;justify-content:space-between;gap:20px;padding:9px 0;border-top:1px solid #e0d1b8}.fh-example-account dt{font-weight:850}.fh-example-account dd{margin:0;text-align:right;color:#6a3f2a;font-weight:750}.fh-status-strip{padding:0 0 36px}.fh-status-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:12px}.fh-status-grid article{padding:14px;border:2px solid #d2bd99;border-radius:14px;background:#fff}.fh-status-grid strong,.fh-status-grid span{display:block}.fh-status-grid span{margin-top:4px;color:#315f35;font-weight:850}.fh-controls{padding:26px 0;background:#e8ddc8;border-block:3px solid #c6ad83}.fh-search-row{display:grid;grid-template-columns:minmax(280px,1fr) auto;gap:18px;align-items:end}.fh-search-box span{display:block;margin-bottom:7px;font-weight:850}.fh-search-box input{width:100%;padding:14px 16px;border:2px solid #9d845e;border-radius:14px;background:#fff;font:inherit}.fh-status-filter{display:flex;gap:7px;flex-wrap:wrap;justify-content:flex-end}.fh-filter{padding:11px 12px;border:2px solid #806347;border-radius:999px;background:#fffaf1;color:#4d3826;font-weight:850;cursor:pointer}.fh-filter.active,.fh-filter:hover{background:#315f35;color:#fff;border-color:#315f35}.fh-search-status{margin-top:14px;font-weight:750}.fh-search-results{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin-top:16px}.fh-search-results button{display:grid;gap:7px;padding:14px;border:2px solid #cdb793;border-radius:15px;background:#fff;text-align:left;cursor:pointer}.fh-search-results button:hover{border-color:#315f35;transform:translateY(-2px)}.fh-campus{padding:42px 0 58px}.fh-campus-layout{display:grid;grid-template-columns:minmax(290px,.36fr) minmax(0,.64fr);gap:28px;align-items:start}.fh-room-board{position:sticky;top:20px;max-height:calc(100vh - 40px);overflow:auto;border:5px solid #6a3f2a;border-radius:24px;background:#fffaf1;box-shadow:0 16px 38px rgba(65,40,25,.18)}.fh-board-heading{padding:20px;background:#6a3f2a;color:#fff}.fh-board-heading span,.fh-board-heading small{display:block}.fh-board-heading span{font-size:1.2rem;font-weight:900}.fh-board-heading small{margin-top:5px}.fh-room-list{display:grid;gap:8px;padding:12px}.fh-room-btn{position:relative;display:grid;grid-template-columns:38px 42px 1fr 14px;gap:10px;align-items:center;width:100%;padding:13px;border:3px solid var(--fh-room,#315f35);border-radius:16px;background:#fff;color:#3f3328;text-align:left;cursor:pointer;transition:.18s}.fh-room-btn:hover,.fh-room-btn.active{transform:translateX(4px);box-shadow:0 8px 18px rgba(0,0,0,.12);background:color-mix(in srgb,var(--fh-room) 11%,#fff)}.fh-room-number{display:grid;place-items:center;width:34px;height:34px;border-radius:50%;background:var(--fh-room);color:#fff;font-weight:900}.fh-room-symbol{font-size:1.65rem}.fh-room-copy strong,.fh-room-copy small{display:block}.fh-room-copy small{margin-top:3px;line-height:1.25}.fh-room-door{width:10px;height:28px;border-radius:5px;background:var(--fh-room)}.fh-room-emerald{--fh-room:#2f7247}.fh-room-gold{--fh-room:#a66a27}.fh-room-indigo{--fh-room:#4b4f91}.fh-room-pumpkin{--fh-room:#c45e25}.fh-room-teal{--fh-room:#317b78}.fh-room-aqua{--fh-room:#3e8494}.fh-room-violet{--fh-room:#74518f}.fh-room-rose{--fh-room:#a64f63}.fh-room-berry{--fh-room:#8d3d68}.fh-learning-toolbar{display:flex;justify-content:space-between;align-items:center;gap:10px;margin-bottom:14px}.fh-learning-toolbar>span{font-weight:900;color:#6a3f2a}.fh-room-panel{scroll-margin-top:20px;outline:none}.fh-panel-head{display:grid;grid-template-columns:82px 1fr;gap:20px;align-items:center;padding:24px;border:5px solid var(--fh-panel);border-radius:22px 22px 0 0;background:color-mix(in srgb,var(--fh-panel) 12%,#fff)}.fh-panel-head h2{margin:.1em 0;color:var(--fh-panel);font-size:clamp(2rem,4vw,3.1rem)}.fh-panel-head p{margin:4px 0 0;font-size:1.07rem}.fh-panel-number{display:grid;place-items:center;width:72px;height:72px;border-radius:50%;background:var(--fh-panel);color:#fff;font-size:2rem;font-weight:950}.fh-panel-emerald{--fh-panel:#2f7247}.fh-panel-gold{--fh-panel:#a66a27}.fh-panel-indigo{--fh-panel:#4b4f91}.fh-panel-pumpkin{--fh-panel:#c45e25}.fh-panel-teal{--fh-panel:#317b78}.fh-panel-aqua{--fh-panel:#3e8494}.fh-panel-violet{--fh-panel:#74518f}.fh-panel-rose{--fh-panel:#a64f63}.fh-panel-berry{--fh-panel:#8d3d68}.fh-resource-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;padding:20px;border:3px solid #d1bd9a;border-top:0;border-radius:0 0 22px 22px;background:#f8f2e6}.fh-resource-card{display:flex;flex-direction:column;padding:19px;border:2px solid #d4bf9d;border-radius:18px;background:#fff;box-shadow:0 8px 20px rgba(83,58,36,.08)}.fh-resource-card h3{margin:.7em 0 .35em;color:#315f35}.fh-resource-card p{flex:1;line-height:1.45}.fh-card-meta{display:flex;gap:6px;flex-wrap:wrap}.fh-card-meta>span{padding:5px 8px;border-radius:999px;background:#eee5d7;font-size:.75rem;font-weight:850}.fh-status.working-now{background:#d9efdf;color:#245b36}.fh-status.account-preview{background:#eee2bb;color:#654815}.fh-status.future-connected-system{background:#eaddec;color:#69436f}.fh-card-actions{display:flex;gap:8px;margin-top:12px}.fh-card-actions .btn{flex:1;text-align:center}.fh-system-map,.fh-future-map{padding:54px 0}.fh-system-map{background:#e8ddc8;border-block:3px solid #c7ad83}.fh-system-map h2,.fh-future-map h2{color:#315f35}.fh-system-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:16px;margin-top:22px}.fh-system-grid a{position:relative;display:block;padding:22px;border:3px solid #a98d65;border-radius:20px;background:#fff;color:inherit;text-decoration:none}.fh-system-grid a:hover{border-color:#315f35;transform:translateY(-3px)}.fh-system-grid a>span{font-size:2rem}.fh-system-grid strong{display:block;margin:9px 0;color:#315f35;font-size:1.25rem}.fh-system-grid p{margin:0}.fh-system-grid small{display:inline-block;margin-top:10px;padding:5px 8px;border-radius:999px;background:#f0dcae;color:#65491d;font-weight:900}.fh-future-map{text-align:center}.fh-future-map>div>p{max-width:850px;margin:0 auto 20px}.fh-future-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;margin-top:24px;text-align:left}.fh-future-grid article{padding:18px;border:2px solid #cdb691;border-radius:16px;background:#fff}.fh-future-grid article>span{display:inline-grid;place-items:center;width:38px;height:38px;border-radius:50%;background:#6a3f2a;color:#fff;font-weight:900}.fh-future-grid h3{color:#315f35}.fh-modal-open{overflow:hidden}.fh-modal-backdrop{position:fixed;inset:0;z-index:9999;display:grid;place-items:center;padding:18px;background:rgba(39,27,18,.75)}.fh-modal{width:min(920px,100%);max-height:92vh;overflow:auto;padding:28px;border:5px solid #6a3f2a;border-radius:24px;background:#fffdf8;box-shadow:0 30px 80px rgba(0,0,0,.4)}.fh-modal-close{position:sticky;top:0;float:right;z-index:2;width:42px;height:42px;border:0;border-radius:50%;background:#6a3f2a;color:#fff;font-size:1.8rem;cursor:pointer}.fh-resource-view header{padding:8px 0 18px;border-bottom:2px solid #dac7a6}.fh-resource-view h2{clear:both;margin:.25em 0;color:#315f35;font-size:clamp(1.8rem,4vw,3rem)}.fh-resource-summary{font-size:1.15rem;color:#604c39}.fh-resource-view section{margin:22px 0}.fh-resource-view li{margin:.55em 0;line-height:1.5}.fh-resource-links{padding-top:18px;border-top:2px solid #dcc8a4}.fh-resource-links a{display:block;margin:8px 0;color:#315f35;font-weight:850}.fh-resource-view footer{margin-top:24px;padding-top:18px;border-top:3px solid #d9c3a0}.fh-resource-view footer>div{display:flex;gap:10px;flex-wrap:wrap}.fh-worksheet table{width:100%;border-collapse:collapse}.fh-worksheet th,.fh-worksheet td{height:43px;padding:8px;border:1px solid #bca98b;text-align:left}.fh-worksheet th{width:38%;background:#f2eadb}.fh-ask-view textarea{width:100%;padding:13px;border:2px solid #bba37c;border-radius:12px;font:inherit}.fh-ask-view>button{margin:12px 0}.fh-ask-view #fh-ask-answer{display:grid;gap:10px}.fh-ask-view #fh-ask-answer button{display:flex;flex-direction:column;gap:4px;padding:14px;border:2px solid #d1bc98;border-radius:14px;background:#fff;text-align:left;cursor:pointer}.fh-ask-view #fh-ask-answer button:hover{border-color:#315f35}.fh-ask-note{padding:12px;border-radius:10px;background:#f4e7cc;color:#5b4126;font-weight:750}@media(max-width:1080px){.fh-campus-layout{grid-template-columns:1fr}.fh-room-board{position:static;max-height:none}.fh-room-list{grid-template-columns:repeat(2,minmax(0,1fr));display:grid}.fh-search-results,.fh-future-grid,.fh-system-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:780px){.fh-hero-grid,.fh-search-row{grid-template-columns:1fr}.fh-hero-side{order:-1}.fh-hero-side>img{width:210px}.fh-stats,.fh-status-grid{grid-template-columns:1fr 1fr}.fh-room-list,.fh-resource-grid,.fh-search-results,.fh-future-grid,.fh-system-grid{grid-template-columns:1fr}.fh-panel-head{grid-template-columns:64px 1fr;padding:18px}.fh-panel-number{width:58px;height:58px}.fh-learning-toolbar{flex-wrap:wrap}.fh-learning-toolbar>span{order:-1;width:100%;text-align:center}.fh-modal-backdrop{padding:8px}.fh-modal{padding:18px}.fh-resource-view footer>div,.fh-card-actions{flex-direction:column}.fh-resource-view footer .btn,.fh-card-actions .btn{width:100%}.fh-status-filter{width:100%}.fh-filter{flex:1 1 42%}.fh-scroll-cue{width:100%;justify-content:center}.fh-example-account dl div{display:block}.fh-example-account dd{text-align:left;margin-top:3px}}@media(max-width:470px){.fh-stats,.fh-status-grid{grid-template-columns:1fr}}@media print{body>*:not(.fh-resource-modal){display:none!important}.fh-resource-modal{position:static!important;display:block!important;padding:0!important;background:#fff!important}.fh-resource-modal .fh-modal{max-height:none!important;overflow:visible!important;border:0!important;box-shadow:none!important}.fh-modal-close,.fh-resource-view footer,.fh-resource-links{display:none!important}}

/* Version 66 — Founder Home resource header spacing refinement */
.fh-resource-view header>span{display:inline-block;margin:0 9px 6px 0}
.fh-resource-view header .fh-status{padding:5px 9px;border-radius:999px;font-size:.78rem;font-weight:850}

/* Version 67 — Founder Home Welcome Home song companions */
.fh-song-companion {
  margin-top: 24px;
  padding: 22px;
  border: 4px solid #6a3f2a;
  border-radius: 22px;
  background: linear-gradient(145deg, #fffdf8, #f5ead5);
  box-shadow: 0 14px 32px rgba(70, 42, 28, .16);
}
.fh-song-kicker {
  display: inline-block;
  padding: 6px 11px;
  border-radius: 999px;
  background: #315f35;
  color: #fff;
  font-size: .78rem;
  font-weight: 900;
  letter-spacing: .05em;
  text-transform: uppercase;
}
.fh-song-companion h2 {
  margin: .55em 0 .25em;
  color: #6a3f2a;
  font-size: clamp(1.8rem, 3.4vw, 2.65rem);
}
.fh-song-companion > p {
  margin: 0 0 17px;
  max-width: 760px;
  line-height: 1.55;
}
.fh-song-grid {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 14px;
}
.fh-song-card {
  padding: 16px;
  border: 2px solid #d2b889;
  border-radius: 17px;
  background: #fff;
}
.fh-song-version {
  color: #315f35;
  font-size: .8rem;
  font-weight: 900;
  letter-spacing: .04em;
  text-transform: uppercase;
}
.fh-song-card h3 {
  margin: 6px 0 12px;
  color: #4d3324;
  font-size: 1.12rem;
}
.fh-song-card audio { display: block; width: 100%; }
.fh-song-room-link {
  display: inline-block;
  margin-top: 16px;
  color: #315f35;
  font-weight: 900;
  text-underline-offset: 3px;
}
.fh-song-room-link:hover,
.fh-song-room-link:focus-visible { color: #6a3f2a; }
@media (max-width: 780px) {
  .fh-song-grid { grid-template-columns: 1fr; }
  .fh-song-companion { padding: 18px; }
}



/* Version 69 — Founder Lab song companions */
.fl-song-companion {
  margin-top: 24px;
  padding: 22px;
  border: 4px solid #c9b394;
  border-radius: 22px;
  background: linear-gradient(145deg, rgba(255,255,255,.97), rgba(236, 244, 239, .96));
  color: #2b2119;
  box-shadow: 0 14px 32px rgba(5, 22, 23, .18);
}
.fl-song-kicker {
  display: inline-block;
  padding: 6px 11px;
  border-radius: 999px;
  background: #315f35;
  color: #fff;
  font-size: .78rem;
  font-weight: 900;
  letter-spacing: .05em;
  text-transform: uppercase;
}
.fl-song-companion h2 {
  margin: .55em 0 .25em;
  color: #17363a;
  font-size: clamp(1.8rem, 3.2vw, 2.6rem);
}
.fl-song-companion > p {
  margin: 0 0 17px;
  max-width: 760px;
  line-height: 1.55;
  color: #2b2119;
}
.fl-song-grid {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 14px;
}
.fl-song-card {
  padding: 16px;
  border: 2px solid #c9b394;
  border-radius: 17px;
  background: #fff;
}
.fl-song-version {
  color: #315f35;
  font-size: .8rem;
  font-weight: 900;
  letter-spacing: .04em;
  text-transform: uppercase;
}
.fl-song-card h3 {
  margin: 6px 0 12px;
  color: #4d3324;
  font-size: 1.12rem;
}
.fl-song-card audio { display: block; width: 100%; }
.fl-song-room-link {
  display: inline-block;
  margin-top: 16px;
  color: #fff6df;
  font-weight: 900;
  text-underline-offset: 3px;
}
.fl-song-room-link:hover,
.fl-song-room-link:focus-visible { color: #ffffff; }

/* Version 68 — Founder Lab department */
.founder-lab-page{background:#f4efe4;color:#2b2119}
.fl-entry-section{padding-bottom:30px}
.fl-entry-banner{max-width:980px;margin:0 auto;position:relative;overflow:hidden}
.fl-entry-banner:before,.fl-entry-banner:after{content:"";position:absolute;width:90px;height:90px;border:2px solid rgba(255,255,255,.16);transform:rotate(45deg)}
.fl-entry-banner:before{left:-46px;top:-45px}.fl-entry-banner:after{right:-46px;bottom:-46px}
.fl-entry-banner p{max-width:800px;margin:12px auto;color:#fff8e8}
.fl-scroll-cue{display:flex;justify-content:center;align-items:center;gap:12px;margin:22px auto 12px;color:#f7d993;letter-spacing:.04em}
.fl-entry-preview{font-size:.92rem;opacity:.88}
.fl-hero{padding:48px 0;background:linear-gradient(135deg,#132d32 0%,#1e4a4b 52%,#17363a 100%);color:#fff;position:relative;overflow:hidden}
.fl-hero:before{content:"";position:absolute;inset:0;background-image:linear-gradient(rgba(255,255,255,.035) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.035) 1px,transparent 1px);background-size:28px 28px;pointer-events:none}
.fl-hero-grid{display:grid;grid-template-columns:minmax(0,1.18fr) minmax(310px,.82fr);gap:34px;align-items:center;position:relative}
.fl-hero h1{font-size:clamp(3rem,8vw,5.8rem);line-height:.92;margin:7px 0 18px;color:#fff6df;letter-spacing:-.045em}
.fl-hero-lead{font-size:1.2rem;line-height:1.65;max-width:720px;color:#e8f2ed}
.fl-stats{display:grid;grid-template-columns:repeat(4,1fr);gap:10px;margin:26px 0}
.fl-stats span{background:rgba(255,255,255,.09);border:1px solid rgba(255,255,255,.16);border-radius:14px;padding:13px 10px;text-align:center;font-size:.82rem;line-height:1.25}
.fl-stats strong{display:block;font-size:1.65rem;color:#f4cb72;margin-bottom:4px}
.fl-hero-actions{display:flex;gap:12px;flex-wrap:wrap;margin:24px 0 18px}
.fl-disclaimer{font-size:.9rem;line-height:1.55;color:#c8ded7;max-width:760px;border-left:3px solid #f0c86b;padding-left:14px}
.fl-hero-side{display:grid;gap:18px}
.fl-blueprint-card{background:#0b3552;border:1px solid rgba(255,255,255,.22);box-shadow:0 20px 48px rgba(0,0,0,.24);border-radius:18px;padding:25px;position:relative;overflow:hidden}
.fl-blueprint-card:before{content:"";position:absolute;inset:0;background-image:linear-gradient(rgba(255,255,255,.05) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.05) 1px,transparent 1px);background-size:22px 22px;pointer-events:none}
.fl-blueprint-card>*{position:relative}.fl-blueprint-label{display:inline-block;font-size:.72rem;letter-spacing:.16em;font-weight:800;color:#f5cf79;border-bottom:1px solid rgba(245,207,121,.6);padding-bottom:5px}
.fl-blueprint-card h2{font-size:1.75rem;line-height:1.15;margin:18px 0 10px;color:#fff}.fl-blueprint-card p{color:#d7e9ef;line-height:1.6}
.fl-blueprint-path{display:flex;align-items:center;gap:7px;flex-wrap:wrap;margin-top:18px;font-size:.72rem;text-transform:uppercase;letter-spacing:.07em}
.fl-blueprint-path span{border:1px solid rgba(255,255,255,.32);border-radius:999px;padding:6px 8px;background:rgba(255,255,255,.07)}.fl-blueprint-path b{color:#f5cf79}
.fl-chef-card{display:grid;grid-template-columns:110px 1fr;align-items:center;gap:16px;background:#f7ecd4;color:#3b2a1c;border-radius:18px;padding:14px;border:1px solid #ddc59a;box-shadow:0 18px 38px rgba(0,0,0,.2)}
.fl-chef-card img{width:110px;height:110px;object-fit:cover;border-radius:15px}.fl-chef-card blockquote{margin:0;font-family:Georgia,serif;font-size:1.15rem;line-height:1.45}
.fl-status-strip{background:#efe0c3;border-bottom:1px solid #d8c09a}
.fl-status-grid{display:grid;grid-template-columns:repeat(4,1fr)}
.fl-status-grid article{padding:18px 20px;border-right:1px solid #d1b990}.fl-status-grid article:last-child{border-right:0}.fl-status-grid strong,.fl-status-grid span{display:block}.fl-status-grid strong{font-size:.8rem;text-transform:uppercase;letter-spacing:.09em;color:#69462c}.fl-status-grid span{margin-top:4px;font-weight:800;color:#23483f}
.fl-project-section{padding:58px 0;background:#ede7da}
.fl-section-heading{text-align:center;max-width:850px;margin:0 auto 28px}.fl-section-heading h2{font-size:clamp(2rem,4vw,3.2rem);margin:7px 0 12px;color:#3d2718}.fl-section-heading p{line-height:1.7;color:#655345}
.fl-project-board{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}
.fl-project-card{background:#fffdf8;border:1px solid #d9cbb5;border-radius:16px;padding:19px;box-shadow:0 10px 25px rgba(70,46,26,.07);min-height:195px;position:relative}
.fl-project-card>div{display:flex;justify-content:space-between;gap:10px;align-items:center}.fl-project-number{font-family:Georgia,serif;font-size:1.35rem;color:#ab8b5e}.fl-project-card h3{margin:15px 0 9px;color:#382619;font-size:1.16rem}.fl-project-card p{margin:0;line-height:1.6;color:#6a594b;font-size:.94rem}
.fl-project-status,.fl-status{display:inline-flex;align-items:center;border-radius:999px;padding:5px 9px;font-size:.69rem;font-weight:900;text-transform:uppercase;letter-spacing:.045em;white-space:nowrap;background:#e5e5e5;color:#333}
.fl-project-status.idea{background:#ece8f5;color:#594480}.fl-project-status.researching{background:#dcecf6;color:#235879}.fl-project-status.drafting{background:#f4e6c9;color:#745416}.fl-project-status.professional-review{background:#f6dfe0;color:#8a3338}.fl-project-status.building{background:#e3e1fb;color:#514a93}.fl-project-status.testing{background:#f5e2cd;color:#844c1e}.fl-project-status.ready{background:#dcefdc;color:#2f6b38}.fl-project-status.open{background:#d5ede2;color:#205e43}
.fl-project-legend-wrap{margin-top:24px;background:#fffaf0;border:1px solid #d8c29f;border-radius:16px;padding:18px}.fl-project-legend-wrap h3{margin:0 0 12px}.fl-project-legend{display:grid;grid-template-columns:repeat(4,1fr);gap:10px}.fl-project-legend details{background:#fff;border:1px solid #e1d6c5;border-radius:11px;padding:10px}.fl-project-legend summary{cursor:pointer;list-style:none}.fl-project-legend summary::-webkit-details-marker{display:none}.fl-project-legend p{font-size:.83rem;line-height:1.5;color:#625346;margin:9px 0 0}
.fl-controls{padding:35px 0 28px;background:#fffaf2;border-top:1px solid #e1d3bf;border-bottom:1px solid #e1d3bf;scroll-margin-top:20px}
.fl-search-row{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:16px;align-items:end}.fl-search-box{display:grid;gap:7px}.fl-search-box span{font-weight:900;color:#4a3020}.fl-search-box input{width:100%;border:2px solid #cdb693;border-radius:13px;padding:13px 15px;background:#fff;font:inherit;color:#2b2119}.fl-search-box input:focus{outline:3px solid rgba(39,112,88,.18);border-color:#397c68}
.fl-status-filter{display:flex;gap:7px;flex-wrap:wrap;justify-content:flex-end}.fl-filter{border:1px solid #b99e78;border-radius:999px;padding:9px 12px;background:#fffaf0;color:#5b3b26;font-weight:800;cursor:pointer}.fl-filter.active{background:#2d6a58;color:#fff;border-color:#2d6a58}.fl-search-status{margin-top:13px;color:#6a5848}.fl-search-results{margin-top:18px;display:grid;grid-template-columns:repeat(2,1fr);gap:10px}.fl-search-results button{display:grid;grid-template-columns:auto 1fr;column-gap:10px;text-align:left;border:1px solid #d8c7ad;background:#fff;border-radius:12px;padding:12px;cursor:pointer}.fl-search-results button strong{align-self:center}.fl-search-results button small{grid-column:1/-1;margin-top:7px;color:#68584b;line-height:1.45}.fl-search-results>p{grid-column:1/-1}
.fl-workshop{padding:50px 0 62px;background:#f4efe4}.fl-workshop-layout{display:grid;grid-template-columns:330px minmax(0,1fr);gap:24px;align-items:start}
.fl-workbench-board{position:sticky;top:18px;background:#3f281b;border:8px solid #6d472e;border-radius:18px;padding:13px;box-shadow:0 16px 35px rgba(60,36,21,.18)}
.fl-board-heading{display:grid;gap:3px;padding:9px 8px 15px;color:#fff3d7;text-align:center}.fl-board-heading span{font-size:1.3rem;font-weight:900}.fl-board-heading small{color:#e1cba6}
.fl-bench-list{display:grid;gap:9px}.fl-bench-btn{width:100%;display:grid;grid-template-columns:34px 40px 1fr 10px;gap:7px;align-items:center;text-align:left;border:0;border-radius:11px;padding:10px 0 10px 10px;background:#f8f0df;cursor:pointer;overflow:hidden;box-shadow:inset 0 0 0 1px rgba(70,45,28,.22)}.fl-bench-btn:hover,.fl-bench-btn.active{transform:translateX(3px);box-shadow:0 7px 17px rgba(0,0,0,.19)}.fl-bench-number{font-family:Georgia,serif;font-weight:900;font-size:1.2rem;text-align:center}.fl-bench-icon{font-size:1.45rem}.fl-bench-copy{display:grid;gap:2px}.fl-bench-copy strong{font-size:.92rem}.fl-bench-copy small{font-size:.69rem;line-height:1.3;color:#625346}.fl-bench-edge{height:100%;background:var(--bench,#397c68)}
.fl-bench-emerald{--bench:#2f7b5b}.fl-bench-gold{--bench:#c6902d}.fl-bench-navy{--bench:#2c5275}.fl-bench-coral{--bench:#b85a50}.fl-bench-plum{--bench:#79557f}.fl-bench-indigo{--bench:#4f5f9d}.fl-bench-copper{--bench:#9b5c32}.fl-bench-forest{--bench:#3f6e46}
.fl-learning-main{min-width:0}.fl-learning-toolbar{display:flex;justify-content:space-between;align-items:center;gap:10px;margin-bottom:14px}.fl-learning-toolbar span{font-weight:900;color:#68462d}.fl-bench-panel{outline:none;scroll-margin-top:18px}.fl-panel-head{display:grid;grid-template-columns:76px 1fr;gap:18px;align-items:center;border-radius:17px;padding:22px;color:#fff;box-shadow:0 12px 28px rgba(56,36,22,.12);background:#2f6e5a}.fl-panel-head h2{margin:4px 0 6px;font-size:2rem;color:#fff}.fl-panel-head p{margin:0;color:rgba(255,255,255,.9);line-height:1.55}.fl-panel-head .room-kicker{color:#f4d68a}.fl-panel-number{font-family:Georgia,serif;font-size:3.2rem;text-align:center;border-right:1px solid rgba(255,255,255,.3)}
.fl-panel-gold{background:#8b641c}.fl-panel-navy{background:#284b6b}.fl-panel-coral{background:#95463f}.fl-panel-plum{background:#68476d}.fl-panel-indigo{background:#45548e}.fl-panel-copper{background:#814924}.fl-panel-forest{background:#345f3b}
.fl-resource-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:15px;margin-top:15px}.fl-resource-card{background:#fff;border:1px solid #ddd0bc;border-radius:15px;padding:17px;box-shadow:0 8px 19px rgba(70,45,28,.07);display:flex;flex-direction:column;min-height:270px}.fl-card-meta,.fl-resource-meta{display:flex;gap:6px;align-items:center;flex-wrap:wrap;color:#6d5e51;font-size:.71rem}.fl-access{border:1px solid #d3c3aa;border-radius:999px;padding:4px 7px;background:#fffaf0;color:#60452f;font-size:.68rem;font-weight:800}.fl-resource-card h3{font-size:1.15rem;line-height:1.25;margin:15px 0 9px;color:#3c281a}.fl-resource-card p{line-height:1.58;color:#6a594b;font-size:.92rem;margin:0}.fl-card-actions{display:flex;gap:8px;flex-wrap:wrap;margin-top:auto;padding-top:17px}.fl-card-actions .btn{font-size:.78rem;padding:9px 10px}
.fl-status.open-now{background:#d8eee2;color:#225f43}.fl-status.printable-participation{background:#f6e3b9;color:#745210}.fl-status.professional-review-boundary{background:#f3d9db;color:#873139}.fl-status.future-connected-system{background:#e5e2f3;color:#554a83}
.fl-system-map{padding:56px 0;background:#e9e0cf;text-align:center}.fl-system-map h2{font-size:clamp(2rem,4vw,3rem);margin:8px 0 24px}.fl-system-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:14px}.fl-system-grid a{display:block;text-decoration:none;color:#433023;background:#fffaf2;border:1px solid #d8c6a8;border-radius:15px;padding:21px;transition:.2s}.fl-system-grid a:hover,.fl-system-grid a.active{transform:translateY(-3px);box-shadow:0 12px 27px rgba(75,49,29,.12);border-color:#3c7b68}.fl-system-grid span{font-size:2rem}.fl-system-grid strong{display:block;margin:8px 0}.fl-system-grid p{font-size:.88rem;line-height:1.5;margin:0;color:#685749}
.fl-future-map{padding:58px 0;background:#14363b;color:#fff;text-align:center}.fl-future-map h2{font-size:clamp(2rem,4vw,3.2rem);margin:8px 0 12px;color:#fff5dc}.fl-future-map>div>p{max-width:850px;margin:0 auto 22px;color:#d2e4df;line-height:1.65}.fl-future-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;margin-top:24px;text-align:left}.fl-future-grid article{background:rgba(255,255,255,.08);border:1px solid rgba(255,255,255,.18);border-radius:13px;padding:15px}.fl-future-grid span{color:#f4cf78;font-family:Georgia,serif;font-size:1.2rem}.fl-future-grid h3{font-size:.96rem;color:#fff;margin:7px 0}.fl-future-grid p{font-size:.78rem;color:#c9ddd8;line-height:1.45;margin:0}
.fl-modal-open{overflow:hidden}.fl-modal-backdrop{position:fixed;inset:0;background:rgba(25,18,13,.78);z-index:10000;display:grid;place-items:center;padding:20px}.fl-modal{position:relative;width:min(900px,100%);max-height:92vh;overflow:auto;background:#fffaf2;border-radius:18px;box-shadow:0 30px 90px rgba(0,0,0,.4);padding:30px}.fl-modal-close{position:sticky;float:right;top:0;z-index:2;border:0;border-radius:50%;width:38px;height:38px;background:#5e3a25;color:#fff;font-size:1.5rem;cursor:pointer}.fl-resource-view header{border-bottom:1px solid #e1d4c0;padding-bottom:18px}.fl-resource-view h2{font-size:2.1rem;line-height:1.1;margin:14px 0 8px;color:#3c281a}.fl-resource-summary{font-size:1.08rem;color:#635243;line-height:1.6}.fl-resource-view section{margin:24px 0}.fl-resource-view h3{color:#3e2a1b}.fl-resource-view li{margin:8px 0;line-height:1.55}.fl-resource-links{display:flex;gap:9px;flex-wrap:wrap;align-items:center}.fl-resource-links h3{width:100%}.fl-resource-links a{display:inline-flex;border:1px solid #b89d77;border-radius:999px;padding:8px 11px;text-decoration:none;color:#5e3b25;background:#fff}.fl-resource-view footer{border-top:1px solid #e0d2bd;padding-top:18px}.fl-resource-view footer>p{font-size:.82rem;line-height:1.5;color:#716152}.fl-resource-view footer>div{display:flex;gap:10px;flex-wrap:wrap}.fl-worksheet{background:#fff;border:2px solid #c8ad82;border-radius:13px;padding:16px}.fl-worksheet table{width:100%;border-collapse:collapse}.fl-worksheet th,.fl-worksheet td{border:1px solid #d8c8ad;padding:10px;text-align:left}.fl-worksheet th{width:39%;background:#f6eddd}.fl-worksheet td{height:48px}.fl-ask-view textarea{width:100%;border:2px solid #c7b18f;border-radius:13px;padding:13px;font:inherit;margin:14px 0}.fl-ask-view textarea:focus{outline:3px solid rgba(48,115,91,.18);border-color:#397c68}#fl-ask-answer{margin-top:19px;display:grid;gap:9px}#fl-ask-answer>button{display:grid;text-align:left;border:1px solid #d6c5aa;background:#fff;border-radius:12px;padding:13px;cursor:pointer}#fl-ask-answer span,#fl-ask-answer small{margin-top:4px;color:#68584b}.fl-ask-note{font-size:.82rem;line-height:1.5;color:#766758;background:#f5ecdd;border-left:4px solid #b37b42;padding:11px}
@media(max-width:1050px){.fl-stats{grid-template-columns:repeat(2,1fr)}.fl-project-board{grid-template-columns:repeat(2,1fr)}.fl-project-legend{grid-template-columns:repeat(2,1fr)}.fl-workshop-layout{grid-template-columns:280px minmax(0,1fr)}.fl-resource-grid{grid-template-columns:1fr}.fl-future-grid{grid-template-columns:repeat(2,1fr)}}
@media(max-width:800px){.fl-hero-grid,.fl-workshop-layout{grid-template-columns:1fr}.fl-workbench-board{position:relative;top:auto}.fl-search-row{grid-template-columns:1fr}.fl-status-filter{justify-content:flex-start}.fl-system-grid{grid-template-columns:repeat(2,1fr)}.fl-status-grid{grid-template-columns:repeat(2,1fr)}.fl-status-grid article:nth-child(2){border-right:0}.fl-status-grid article:nth-child(-n+2){border-bottom:1px solid #d1b990}.fl-project-board{grid-template-columns:1fr}.fl-chef-card{grid-template-columns:85px 1fr}.fl-chef-card img{width:85px;height:85px}}
@media(max-width:780px){.fl-song-grid{grid-template-columns:1fr}.fl-song-companion{padding:18px}}
@media(max-width:560px){.fl-stats,.fl-project-legend,.fl-system-grid,.fl-future-grid,.fl-search-results{grid-template-columns:1fr}.fl-learning-toolbar{flex-wrap:wrap}.fl-panel-head{grid-template-columns:55px 1fr;padding:16px}.fl-panel-number{font-size:2.4rem}.fl-panel-head h2{font-size:1.55rem}.fl-modal{padding:20px 15px}.fl-resource-view h2{font-size:1.65rem}.fl-worksheet th,.fl-worksheet td{display:block;width:100%;box-sizing:border-box}.fl-worksheet td{height:70px}.fl-blueprint-path{gap:5px}.fl-hero h1{font-size:3.4rem}}
@media print{body.fl-modal-open>*:not(.fl-modal-backdrop){display:none!important}.fl-modal-backdrop{position:static;background:#fff;padding:0;display:block}.fl-modal{max-height:none;overflow:visible;box-shadow:none;padding:0;width:100%}.fl-modal-close,.fl-resource-ask,.fl-print-resource{display:none!important}.fl-resource-view{font-size:11pt}.fl-worksheet{break-inside:avoid}.fl-resource-view footer{display:none}}
/* Version 70/71 — Founder Options department and Abundant Bowl purchase roadmap */
.founder-options-page{background:#f5efe4;color:#2d241c}
.fo-entry-section{padding-bottom:30px}
.fo-entry-banner{max-width:980px;margin:0 auto;position:relative;overflow:hidden}
.fo-entry-banner:before,.fo-entry-banner:after{content:"";position:absolute;width:92px;height:92px;border:2px solid rgba(255,255,255,.16);transform:rotate(45deg)}
.fo-entry-banner:before{left:-48px;top:-48px}.fo-entry-banner:after{right:-48px;bottom:-48px}
.fo-entry-banner p{max-width:820px;margin:12px auto;color:#fff8e9}
.fo-scroll-cue{display:flex;justify-content:center;align-items:center;gap:12px;margin:22px auto 4px;color:#f6d68a;letter-spacing:.04em}
.fo-hero{padding:52px 0;background:linear-gradient(135deg,#40291c 0%,#68442b 53%,#315f35 100%);color:#fff;position:relative;overflow:hidden}
.fo-hero:before{content:"";position:absolute;inset:0;background-image:radial-gradient(circle at 1px 1px,rgba(255,255,255,.08) 1px,transparent 0);background-size:24px 24px;pointer-events:none}
.fo-hero-grid{display:grid;grid-template-columns:minmax(0,1.18fr) minmax(300px,.82fr);gap:34px;align-items:center;position:relative}
.fo-hero-copy{min-width:0}
.fo-hero h1{font-size:clamp(3rem,8vw,5.8rem);line-height:.92;margin:8px 0 18px;color:#fff4dc;letter-spacing:-.045em}
.fo-hero-lead{font-size:1.2rem;line-height:1.65;max-width:720px;color:#f5eadb}
.fo-stats{display:grid;grid-template-columns:1fr;gap:12px;margin:26px 0;max-width:660px}
.fo-stat-nav{display:grid;grid-template-columns:76px minmax(0,1fr);grid-template-rows:auto auto;column-gap:16px;align-items:center;background:linear-gradient(135deg,#fff8df,#f2d994);border:2px solid #d0a653;border-radius:16px;padding:15px 18px;color:#442d1d;text-decoration:none;box-shadow:0 10px 24px rgba(20,12,6,.18);transition:transform .18s ease,box-shadow .18s ease,border-color .18s ease}
.fo-stat-nav:hover,.fo-stat-nav:focus-visible{transform:translateY(-2px);box-shadow:0 14px 30px rgba(20,12,6,.24);border-color:#fff2bd;outline:none}
.fo-stat-nav strong{grid-row:1/3;display:grid;place-items:center;align-self:stretch;min-height:58px;border-right:1px solid rgba(111,72,28,.24);padding-right:16px;font-size:1.9rem;color:#7a4c1d}
.fo-stat-nav span{font-family:Georgia,serif;font-size:1.08rem;font-weight:900;color:#3d291d;line-height:1.2}
.fo-stat-nav small{margin-top:3px;color:#6f563d;font-size:.78rem;font-weight:700;line-height:1.35}
.fo-hero-actions{display:flex;gap:12px;flex-wrap:wrap;margin:24px 0 18px}
.fo-disclaimer{font-size:.9rem;line-height:1.55;color:#eadfce;max-width:760px;border-left:3px solid #f0c86b;padding-left:14px}
.fo-hero-side{display:grid;gap:18px;align-items:center}
.fo-hero-side>img{display:block;width:min(100%,360px);aspect-ratio:1/1;object-fit:cover;border:8px solid #f6e8ce;border-radius:28px;box-shadow:0 22px 55px rgba(0,0,0,.3);justify-self:center}
.fo-principle-card{background:#fff7e6;color:#3c291c;border:1px solid #e0c69b;border-radius:20px;padding:24px;box-shadow:0 20px 48px rgba(0,0,0,.22)}
.fo-principle-card>span{font-size:.72rem;letter-spacing:.15em;font-weight:900;color:#8b5b31}
.fo-principle-card h2{font-size:1.8rem;line-height:1.14;margin:14px 0 9px;color:#315f35}.fo-principle-card p{margin:0;line-height:1.6}
.fo-bowl-section{padding:60px 0;background:#eee3d1;scroll-margin-top:20px}
.fo-section-heading{text-align:center;max-width:880px;margin:0 auto 28px}.fo-section-heading h2{font-size:clamp(2rem,4vw,3.25rem);margin:8px 0 12px;color:#3d281a}.fo-section-heading p{line-height:1.7;color:#675548}
.fo-bowl-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px;align-items:stretch}
.fo-bowl-card{display:flex;flex-direction:column;background:#fffdf8;border:2px solid #d7c5a7;border-radius:18px;padding:20px;box-shadow:0 12px 28px rgba(66,43,25,.09);position:relative;overflow:hidden}
.fo-bowl-card.current{border-color:#3b7652;box-shadow:0 16px 36px rgba(49,95,53,.18)}
.fo-bowl-card:before{content:"";position:absolute;inset:0 0 auto;height:7px;background:#b98549}.fo-bowl-card.current:before{background:#315f35}
.fo-bowl-card header{padding-top:7px}.fo-bowl-card h3{font-size:1.45rem;line-height:1.15;margin:12px 0 7px;color:#3c281b}.fo-bowl-card header p{min-height:3.1em;margin:0;color:#6c594b;line-height:1.5;font-size:.91rem}
.fo-bowl-status{display:inline-flex;border-radius:999px;padding:6px 10px;background:#f0dfbd;color:#72511b;font-size:.69rem;font-weight:900;text-transform:uppercase;letter-spacing:.05em}.fo-bowl-card.current .fo-bowl-status{background:#d9eddf;color:#245c38}
.fo-bowl-price{display:flex;align-items:baseline;gap:8px;margin:18px 0 8px}.fo-bowl-price strong{font-family:Georgia,serif;font-size:2.25rem;color:#315f35}.fo-bowl-price span{font-size:.76rem;color:#756356}
.fo-bowl-recipes{font-weight:900;color:#734a2d;border-top:1px solid #e2d5c1;border-bottom:1px solid #e2d5c1;padding:10px 0}
.fo-bowl-best{font-size:.88rem;line-height:1.5;color:#645346}.fo-bowl-card ul{padding-left:20px;margin:5px 0 16px}.fo-bowl-card li{margin:8px 0;line-height:1.43;font-size:.88rem}
.fo-bowl-availability{margin-top:auto;padding:12px;border-radius:11px;background:#f4ecdf;color:#644d3b;font-size:.79rem;font-weight:750;line-height:1.45}.fo-bowl-card.current .fo-bowl-availability{background:#e7f1e9;color:#315f35}
.fo-bowl-card>.btn{margin-top:13px;text-align:center}
.fo-finder-section{padding:62px 0;background:#183d38;color:#fff;scroll-margin-top:20px}.fo-finder-grid{display:grid;grid-template-columns:minmax(0,1.1fr) minmax(300px,.9fr);gap:30px;align-items:start}.fo-finder-section h2{font-size:clamp(2rem,4vw,3.2rem);margin:8px 0 10px;color:#fff4da}.fo-finder-section p{line-height:1.65;color:#d7e7df}
.fo-finder-form{display:grid;gap:13px;margin-top:22px}.fo-finder-form label{display:grid;gap:7px;font-weight:850;color:#fff}.fo-finder-form select{width:100%;border:2px solid #bfaa83;border-radius:12px;padding:12px 13px;background:#fffdf7;color:#2d241c;font:inherit}.fo-finder-form select:focus{outline:3px solid rgba(244,207,120,.25);border-color:#f0cb74}
.fo-finder-result{background:#fff8e9;color:#36271d;border:1px solid #dfc69b;border-radius:20px;padding:24px;min-height:250px;box-shadow:0 20px 50px rgba(0,0,0,.22)}.fo-finder-result>span{display:inline-flex;border-radius:999px;padding:6px 10px;background:#e8dbc1;color:#684926;font-size:.72rem;font-weight:900;text-transform:uppercase}.fo-finder-result h3{font-size:1.65rem;line-height:1.2;margin:15px 0 10px;color:#315f35}.fo-finder-result p{color:#5e4b3c}.fo-finder-actions{display:flex;gap:9px;flex-wrap:wrap;margin-top:18px}
.fo-controls{padding:35px 0 28px;background:#fffaf2;border-top:1px solid #e1d3bf;border-bottom:1px solid #e1d3bf;scroll-margin-top:20px}.fo-search-row{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:16px;align-items:end}.fo-search-box{display:grid;gap:7px}.fo-search-box span{font-weight:900;color:#4a3020}.fo-search-box input{width:100%;border:2px solid #cdb693;border-radius:13px;padding:13px 15px;background:#fff;font:inherit;color:#2b2119}.fo-search-box input:focus{outline:3px solid rgba(49,95,53,.18);border-color:#397054}
.fo-status-filter{display:flex;gap:7px;flex-wrap:wrap;justify-content:flex-end}.fo-filter{border:1px solid #b99e78;border-radius:999px;padding:9px 12px;background:#fffaf0;color:#5b3b26;font-weight:800;cursor:pointer}.fo-filter.active{background:#315f35;color:#fff;border-color:#315f35}.fo-search-status{margin-top:13px;color:#6a5848}.fo-search-results{margin-top:18px;display:grid;grid-template-columns:repeat(3,1fr);gap:12px}.fo-empty{grid-column:1/-1}
.fo-campus{padding:50px 0 62px;background:#f5efe4}.fo-campus-layout{display:grid;grid-template-columns:330px minmax(0,1fr);gap:24px;align-items:start}.fo-station-board{position:sticky;top:18px;background:#442c1f;border:8px solid #714b31;border-radius:18px;padding:13px;box-shadow:0 16px 35px rgba(60,36,21,.18)}.fo-board-heading{display:grid;gap:3px;padding:9px 8px 15px;color:#fff3d7;text-align:center}.fo-board-heading span{font-size:1.3rem;font-weight:900}.fo-board-heading small{color:#e1cba6}
.fo-station-list{display:grid;gap:9px}.fo-station-button{width:100%;display:grid;grid-template-columns:38px 1fr auto;gap:8px;align-items:center;text-align:left;border:0;border-left:9px solid var(--fo-accent,#315f35);border-radius:11px;padding:10px;background:#f8f0df;cursor:pointer;box-shadow:inset 0 0 0 1px rgba(70,45,28,.2);transition:.18s}.fo-station-button:hover,.fo-station-button.active{transform:translateX(3px);background:#fffaf0;box-shadow:0 7px 17px rgba(0,0,0,.19)}.fo-station-button>span{font-size:1.45rem}.fo-station-button strong{font-size:.9rem}.fo-station-button small{font-size:.68rem;color:#6a5849}
.fo-learning-main{min-width:0}.fo-learning-toolbar{display:flex;justify-content:space-between;align-items:center;gap:10px;margin-bottom:14px}.fo-learning-toolbar>span{font-weight:900;color:#68462d}.fo-station-panel{outline:none;scroll-margin-top:18px}.fo-panel-head{display:grid;grid-template-columns:75px 1fr;gap:18px;align-items:center;border-radius:17px;padding:22px;color:#fff;background:var(--fo-accent,#315f35);box-shadow:0 12px 28px rgba(56,36,22,.12)}.fo-panel-icon{font-size:3rem;text-align:center;border-right:1px solid rgba(255,255,255,.32)}.fo-panel-head>div>span{font-size:.75rem;text-transform:uppercase;letter-spacing:.11em;font-weight:850;color:#f8d98f}.fo-panel-head h2{margin:5px 0 6px;font-size:2rem;color:#fff}.fo-panel-head p{margin:0;color:rgba(255,255,255,.9);line-height:1.55}
.fo-resource-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:15px;margin-top:15px}.fo-resource-card{background:#fff;border:1px solid #ddd0bc;border-radius:15px;padding:17px;box-shadow:0 8px 19px rgba(70,45,28,.07);display:flex;flex-direction:column;min-height:255px}.fo-resource-meta{display:flex;gap:6px;align-items:center;flex-wrap:wrap;color:#6d5e51;font-size:.71rem}.fo-status{display:inline-flex;border-radius:999px;padding:5px 9px;font-size:.68rem;font-weight:900;text-transform:uppercase;letter-spacing:.04em;background:#e5e5e5;color:#333}.fo-status.open-now{background:#d8eee2;color:#225f43}.fo-status.printable-tool{background:#f6e3b9;color:#745210}.fo-status.future-connected-system{background:#e5e2f3;color:#554a83}.fo-resource-card h3{font-size:1.16rem;line-height:1.27;margin:15px 0 9px;color:#3c281a}.fo-resource-card p{line-height:1.58;color:#6a594b;font-size:.92rem;margin:0}.fo-resource-card>.btn{margin-top:auto;align-self:flex-start}
.fo-path-map{padding:58px 0;background:#e9e0cf;text-align:center}.fo-path-map h2{font-size:clamp(2rem,4vw,3rem);margin:8px 0 24px}.fo-path-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}.fo-path-grid a{display:block;text-decoration:none;color:#433023;background:#fffaf2;border:1px solid #d8c6a8;border-radius:15px;padding:21px;transition:.2s}.fo-path-grid a:hover,.fo-path-grid a.active{transform:translateY(-3px);box-shadow:0 12px 27px rgba(75,49,29,.12);border-color:#3c7b68}.fo-path-grid span{font-size:2rem}.fo-path-grid strong{display:block;margin:8px 0}.fo-path-grid p{font-size:.88rem;line-height:1.5;margin:0;color:#685749}
.fo-future-map{padding:58px 0;background:#2f291f;color:#fff;text-align:center}.fo-future-map h2{font-size:clamp(2rem,4vw,3.2rem);margin:8px 0 12px;color:#fff5dc}.fo-future-map>div>p{max-width:850px;margin:0 auto 22px;color:#e0d6c5;line-height:1.65}.fo-future-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;margin-top:24px;text-align:left}.fo-future-grid article{background:rgba(255,255,255,.08);border:1px solid rgba(255,255,255,.18);border-radius:13px;padding:15px}.fo-future-grid span{display:block;color:#f4cf78;font-size:.7rem;text-transform:uppercase;letter-spacing:.08em}.fo-future-grid strong{display:block;margin-top:8px;color:#fff;line-height:1.45}
.fo-modal-backdrop{position:fixed;inset:0;background:rgba(25,18,13,.78);z-index:10000;display:grid;place-items:center;padding:20px}.fo-modal{position:relative;width:min(900px,100%);max-height:92vh;overflow:auto;background:#fffaf2;border-radius:18px;box-shadow:0 30px 90px rgba(0,0,0,.4);padding:30px}.fo-ask-modal{width:min(760px,100%)}.fo-modal-close{position:sticky;float:right;top:0;z-index:2;border:0;border-radius:50%;width:38px;height:38px;background:#5e3a25;color:#fff;font-size:1.5rem;cursor:pointer}.fo-resource-view header{border-bottom:1px solid #e1d4c0;padding-bottom:18px}.fo-resource-view h2{font-size:2.1rem;line-height:1.1;margin:14px 0 8px;color:#3c281a}.fo-resource-view>p,.fo-resource-view li{line-height:1.6}.fo-resource-actions{display:flex;gap:9px;flex-wrap:wrap;margin-top:22px}.fo-worksheet{background:#fff;border:2px solid #c8ad82;border-radius:13px;padding:16px;margin:22px 0}.fo-worksheet table{width:100%;border-collapse:collapse}.fo-worksheet th,.fo-worksheet td{border:1px solid #d8c8ad;padding:10px;text-align:left}.fo-worksheet td{height:55px}.fo-form-lines p{line-height:1.8}.fo-writing-space{height:150px;border:1px solid #d8c8ad;background:repeating-linear-gradient(#fff,#fff 31px,#e9dfd0 32px)}.fo-ask-box{display:grid;gap:7px;font-weight:900;margin:16px 0}.fo-ask-box input{width:100%;border:2px solid #c7b18f;border-radius:13px;padding:13px;font:inherit}.fo-ask-results{display:grid;gap:9px;margin-top:18px}.fo-ask-results button{display:grid;text-align:left;border:1px solid #d6c5aa;background:#fff;border-radius:12px;padding:13px;cursor:pointer}.fo-ask-results span{margin-top:5px;color:#68584b;line-height:1.45}
.purchase-planned-bowl-card{background:#fffaf1;border:4px solid #6a3f2a;border-radius:22px;overflow:hidden;box-shadow:0 16px 34px rgba(70,42,28,.16);display:flex;flex-direction:column;min-height:480px}.purchase-planned-bowl-card header{padding:24px;background:linear-gradient(135deg,#5a3524,#805037);color:#fff;text-align:center}.purchase-planned-bowl-card h3{font-size:clamp(1.8rem,3vw,2.55rem);margin:9px 0 6px;color:#fff8e8}.purchase-planned-bowl-card header p{margin:0 auto 15px;max-width:520px;color:#f4e5d2;line-height:1.5}.planned-badge{display:inline-flex;border-radius:999px;padding:6px 11px;background:#f1cb72;color:#4d321c;font-size:.74rem;font-weight:900;text-transform:uppercase;letter-spacing:.08em}.planned-price{display:block;font-family:Georgia,serif;font-size:2.5rem;color:#f7d98f}.purchase-planned-bowl-card header small{display:block;color:#f0dfca}.purchase-planned-bowl-card ul{padding:22px 34px;margin:0}.purchase-planned-bowl-card li{margin:10px 0;line-height:1.48}.purchase-planned-bowl-card footer{margin-top:auto;padding:18px 22px;background:#f1e4cf;color:#5a4231;line-height:1.55}.purchase-planned-bowl-card footer a{color:#315f35;font-weight:900;text-underline-offset:3px}
@media(max-width:1100px){.fo-bowl-grid{grid-template-columns:repeat(2,1fr)}.fo-resource-grid,.fo-search-results{grid-template-columns:repeat(2,1fr)}.fo-campus-layout{grid-template-columns:280px minmax(0,1fr)}.fo-future-grid{grid-template-columns:repeat(2,1fr)}}
@media(max-width:800px){.fo-hero-grid,.fo-finder-grid,.fo-campus-layout{grid-template-columns:1fr}.fo-station-board{position:relative;top:auto}.fo-search-row{grid-template-columns:1fr}.fo-status-filter{justify-content:flex-start}.fo-path-grid{grid-template-columns:repeat(2,1fr)}.fo-hero-side>img{width:min(100%,300px)}}
@media(max-width:600px){.fo-bowl-grid,.fo-resource-grid,.fo-search-results,.fo-path-grid,.fo-future-grid{grid-template-columns:1fr}.fo-learning-toolbar{flex-wrap:wrap}.fo-panel-head{grid-template-columns:58px 1fr;padding:16px}.fo-panel-icon{font-size:2.3rem}.fo-panel-head h2{font-size:1.55rem}.fo-modal{padding:20px 15px}.fo-resource-view h2{font-size:1.65rem}.fo-worksheet th,.fo-worksheet td{display:block;width:100%;box-sizing:border-box}.fo-worksheet td{height:70px}.fo-hero h1{font-size:3.4rem}}
@media(max-width:600px){.fo-stat-nav{grid-template-columns:58px minmax(0,1fr);padding:13px 14px;column-gap:12px}.fo-stat-nav strong{font-size:1.55rem;padding-right:12px}.fo-stat-nav span{font-size:1rem}}
@media print{body>*:not(.fo-modal-backdrop){display:none!important}.fo-modal-backdrop{position:static;background:#fff;padding:0;display:block}.fo-modal{max-height:none;overflow:visible;box-shadow:none;padding:0;width:100%}.fo-modal-close,.fo-resource-actions{display:none!important}.fo-resource-view{font-size:11pt}.fo-worksheet{break-inside:avoid}}

/* Version 72 — Universal website and email contact line */
.footer-contact-line {
  display: flex;
  align-items: center;
  justify-content: center;
  flex-wrap: wrap;
  gap: 14px 48px;
  width: min(100%, 1180px);
  margin: 28px auto 0;
  padding-top: 18px;
  border-top: 1px solid rgba(255, 242, 208, .34);
  color: #fff2d0;
  font-size: .96rem;
  font-weight: 800;
  letter-spacing: .01em;
}
.footer-contact-line a {
  color: #fff2d0;
  text-decoration: none;
  text-underline-offset: 4px;
}
.footer-contact-line a:hover,
.footer-contact-line a:focus-visible {
  color: #f3d17a;
  text-decoration: underline;
}
@media (max-width: 520px) {
  .footer-contact-line {
    flex-direction: column;
    gap: 9px;
    margin-top: 24px;
  }
}


/* Version 73 — Veterinarian visual guide and 21-page packet preservation */
.vet-stats{grid-template-columns:repeat(4,minmax(0,1fr))}
.vet-visual-program{padding:54px 0;background:linear-gradient(180deg,#f7efdd,#fffdf8);border-bottom:1px solid #dac8a6}
.vet-section-heading{text-align:center;max-width:920px;margin:0 auto 28px}
.vet-section-heading h2{margin:.25em 0;color:#315f35;font-size:clamp(2rem,4.5vw,3.5rem)}
.vet-section-heading>p{font-size:1.08rem;line-height:1.65;color:#5e4a39}
.vet-review-banner{display:flex;align-items:center;justify-content:center;gap:14px;flex-wrap:wrap;margin:22px auto 0;padding:13px 17px;border:2px solid #b98a34;border-radius:16px;background:#fff7df;color:#5d4427}
.vet-review-banner strong{color:#315f35}
.vet-visual-collections{display:grid;gap:26px}
.vet-visual-collection{padding:24px;border:4px solid #6c4a2f;border-radius:25px;background:#fff;box-shadow:0 16px 34px rgba(64,45,26,.12)}
.vet-visual-collection>header{max-width:860px;margin:0 auto 20px;text-align:center}
.vet-visual-collection>header>span{display:inline-block;padding:6px 12px;border-radius:999px;background:#315f35;color:#fff;font-size:.78rem;font-weight:950;letter-spacing:.04em;text-transform:uppercase}
.vet-visual-collection h3{margin:.45em 0 .25em;color:#173f49;font-size:clamp(1.7rem,3.2vw,2.6rem)}
.vet-visual-collection header p{margin:0;color:#5d4b3c;line-height:1.55}
.vet-visual-card-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}
.vet-visual-card{display:flex;flex-direction:column;overflow:hidden;padding:0;border:3px solid #d4bd8c;border-radius:18px;background:#fffdf8;text-align:left;cursor:pointer;box-shadow:0 10px 22px rgba(48,35,23,.1);transition:transform .16s ease,border-color .16s ease,box-shadow .16s ease}
.vet-visual-card:hover,.vet-visual-card:focus-visible{transform:translateY(-3px);border-color:#315f35;box-shadow:0 14px 28px rgba(48,35,23,.18)}
.vet-visual-card img{display:block;width:100%;aspect-ratio:4/3;object-fit:cover;object-position:top;background:#eee6d8}
.vet-visual-card-copy{display:flex;flex-direction:column;gap:7px;padding:15px}
.vet-visual-card-copy small{align-self:flex-start;padding:4px 7px;border-radius:999px;background:#f0dfb9;color:#62491f;font-size:.68rem;font-weight:900}
.vet-visual-card-copy strong{color:#315f35;font-size:1.05rem;line-height:1.25}
.vet-visual-card-copy em{color:#5f5144;font-size:.88rem;line-height:1.4;font-style:normal}
.vet-report-visual{margin:22px 0;padding:16px;border:3px solid #d2b97f;border-radius:18px;background:#f8f1e4}
.vet-report-image-button{display:block;width:100%;padding:0;border:0;background:transparent;cursor:zoom-in}
.vet-report-image-button img{display:block;width:min(100%,760px);max-height:72vh;margin:0 auto;object-fit:contain;border:2px solid #7b674c;border-radius:10px;background:#fff}
.vet-report-visual figcaption{display:flex;justify-content:space-between;gap:12px;flex-wrap:wrap;margin-top:12px;color:#5e4b39}
.vet-report-visual figcaption strong{color:#315f35}
.vet-packet-library{padding:58px 0;background:linear-gradient(135deg,#eaf0ee,#fffaf0);border-top:5px solid #b98a34;border-bottom:5px solid #315f35}
.vet-packet-intro{display:grid;grid-template-columns:240px minmax(0,1fr);gap:30px;align-items:center;padding:25px;border:4px solid #315f35;border-radius:25px;background:#fffdf8;box-shadow:0 18px 40px rgba(45,75,60,.15)}
.vet-packet-cover{text-align:center}
.vet-packet-cover img{display:block;width:100%;border:3px solid #b9954f;border-radius:12px;background:#fff}
.vet-packet-cover span{display:inline-block;margin-top:9px;padding:5px 9px;border-radius:999px;background:#efe1be;color:#60471f;font-size:.75rem;font-weight:950}
.vet-packet-intro h2{margin:.25em 0;color:#315f35;font-size:clamp(2rem,4vw,3.4rem)}
.vet-packet-intro p{max-width:850px;color:#5d4b3d;line-height:1.65}
.vet-packet-actions{display:flex;gap:11px;flex-wrap:wrap;margin-top:18px}
.vet-packet-highlights{margin-top:28px}
.vet-packet-highlights h3{text-align:center;color:#315f35}
#vet-packet-highlights{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:15px}
#vet-packet-highlights button{display:grid;grid-template-columns:150px 1fr;gap:15px;align-items:center;padding:13px;border:3px solid #d0b47c;border-radius:17px;background:#fff;text-align:left;cursor:pointer}
#vet-packet-highlights button:hover,#vet-packet-highlights button:focus-visible{border-color:#315f35}
#vet-packet-highlights img{width:150px;aspect-ratio:3/4;object-fit:cover;object-position:top;border-radius:8px}
#vet-packet-highlights span{display:flex;flex-direction:column;gap:6px}
#vet-packet-highlights small{color:#755620;font-weight:900}
#vet-packet-highlights strong{color:#315f35;font-size:1.08rem}
#vet-packet-highlights em{color:#5f5144;font-style:normal;line-height:1.45}
.vet-packet-gallery{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:15px;margin-top:28px;padding-top:26px;border-top:3px solid #cbb88e}
.vet-packet-page-card{position:relative;display:flex;flex-direction:column;gap:7px;padding:10px;border:2px solid #cbb88e;border-radius:14px;background:#fff;text-align:left;cursor:pointer;box-shadow:0 8px 18px rgba(56,45,30,.08)}
.vet-packet-page-card:hover,.vet-packet-page-card:focus-visible{border-color:#315f35;transform:translateY(-2px)}
.vet-packet-page-card img{display:block;width:100%;aspect-ratio:3/4;object-fit:cover;object-position:top;border-radius:7px;background:#efe9dc}
.vet-packet-page-number{position:absolute;top:16px;left:16px;display:grid;place-items:center;width:34px;height:34px;border-radius:50%;background:#315f35;color:#fff;font-weight:950;box-shadow:0 3px 10px rgba(0,0,0,.25)}
.vet-packet-page-card strong{color:#315f35;line-height:1.25}
.vet-packet-page-card small{align-self:flex-start;padding:4px 7px;border-radius:999px;background:#e9e1d2;color:#5d4b38;font-size:.67rem;font-weight:900}
.vet-packet-page-card small.strong-vet-center-material{background:#dcefdc;color:#28552c}
.vet-packet-page-card small.pending-veterinary-review{background:#f7ddc4;color:#7c3c21}
.vet-packet-page-card small.draft-contact-details-verify{background:#f2d6d6;color:#742b2b}
.vet-packet-page-card small.packet-navigation{background:#dce7f5;color:#274d78}
.vet-packet-note{margin:22px auto 0;max-width:920px;text-align:center;color:#6a5847;font-size:.9rem}
.vet-image-view{text-align:center}
.vet-image-view h2{clear:both;color:#315f35;font-size:clamp(1.7rem,4vw,2.7rem)}
.vet-image-view>img{display:block;width:100%;max-height:72vh;object-fit:contain;margin:15px auto;border:2px solid #88735a;border-radius:10px;background:#fff}
.vet-image-status{display:inline-block;float:left;padding:6px 10px;border-radius:999px;background:#f0dfb9;color:#614819;font-size:.75rem;font-weight:950}
.vet-image-view p{max-width:780px;margin:14px auto;color:#5e4b3a;line-height:1.55}
.vet-packet-modal .vet-modal{width:min(1180px,100%)}
@media(max-width:1050px){.vet-stats{grid-template-columns:repeat(2,minmax(0,1fr))}.vet-visual-card-grid{grid-template-columns:1fr}.vet-packet-gallery{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media(max-width:760px){.vet-packet-intro{grid-template-columns:1fr}.vet-packet-cover{width:min(240px,80%);margin:0 auto}#vet-packet-highlights{grid-template-columns:1fr}#vet-packet-highlights button{grid-template-columns:105px 1fr}#vet-packet-highlights img{width:105px}.vet-packet-gallery{grid-template-columns:repeat(2,minmax(0,1fr))}.vet-report-visual figcaption{display:block}.vet-review-banner{align-items:flex-start;flex-direction:column}.vet-packet-actions .btn{width:100%;text-align:center}}
@media(max-width:480px){.vet-stats,.vet-packet-gallery{grid-template-columns:1fr}#vet-packet-highlights button{grid-template-columns:1fr}#vet-packet-highlights img{width:100%;max-height:260px}.vet-visual-collection{padding:15px}.vet-packet-intro{padding:17px}}
@media print{body>*:not(.vet-report-modal):not(.vet-packet-modal){display:none!important}.vet-report-modal,.vet-packet-modal{position:static!important;display:block!important;padding:0!important;background:#fff!important}.vet-report-modal .vet-modal,.vet-packet-modal .vet-modal{max-height:none!important;overflow:visible!important;border:0!important;box-shadow:none!important}.vet-packet-modal .vet-image-print{display:none!important}.vet-image-view>img{max-height:none!important}}

/* Version 74 — Cookbook Tour Featured Song 8 companion */
.cookbook-song-companion {
  margin: 20px 0 22px;
  border: 2px solid #d3a64f;
  box-shadow: 0 16px 34px rgba(69, 47, 18, .18);
}
.cookbook-song-companion .kicker {
  color: #ffe39a;
}
@media (max-width: 760px) {
  .cookbook-song-companion {
    grid-template-columns: 1fr;
    padding: 20px;
  }
}

/* Version 77 — PAW Library parent-PAW return navigation */
.paw-card-actions .paw-return-section {
  flex-basis: 100%;
  justify-content: center;
}
.paw-report-return-actions {
  display: flex;
  gap: 10px;
  flex-wrap: wrap;
  margin-top: 11px;
  padding-top: 13px;
  border-top: 1px solid #dcc8a4;
}
.paw-section-btn.paw-return-highlight {
  animation: paw-return-highlight 1.8s ease-out;
}
@keyframes paw-return-highlight {
  0%, 35% { box-shadow: 0 0 0 7px rgba(244, 199, 88, .68), 0 12px 26px rgba(0,0,0,.22); transform: translateY(-3px) scale(1.015); }
  100% { box-shadow: inset 0 0 0 1px rgba(70,45,28,.2); transform: none; }
}
.paw-library-page ~ .toplink.paw-context-return {
  transition: transform .2s ease, box-shadow .2s ease;
}
.paw-library-page ~ .toplink.paw-context-return:hover,
.paw-library-page ~ .toplink.paw-context-return:focus-visible {
  transform: translateY(-3px);
  box-shadow: 0 11px 24px rgba(0,0,0,.3);
}
body.paw-modal-open .toplink.paw-context-return {
  z-index: 230;
}
@media(max-width:760px) {
  .paw-report-return-actions,
  .paw-report-tool-actions { flex-direction: column; }
  .paw-report-return-actions .btn,
  .paw-report-tool-actions .btn { width: 100%; }
}

/* Version 78 — reliable parent-PAW landing inside the 18-PAW directory */
.paw-library-campus {
  scroll-margin-top: 18px;
}
.paw-board-panel {
  scroll-behavior: smooth;
}
.paw-section-btn.paw-return-highlight {
  position: relative;
  z-index: 2;
}

/* Version 79 — PAW Library featured song above the 18-PAW board */
.paw-library-feature-song {
  padding: 30px 0 10px;
  background: linear-gradient(180deg, #fff 0%, #fbf3df 100%);
}
.paw-library-feature-song-card {
  max-width: 920px;
  margin: 0 auto;
  padding: 24px 28px;
  border: 3px solid #b98a34;
  border-radius: 22px;
  background: linear-gradient(135deg, #fffdf8, #f1e4c9);
  text-align: center;
  box-shadow: 0 14px 30px rgba(63, 43, 20, .13);
}
.paw-library-feature-song-card h2 {
  margin: .25em 0 .35em;
  color: #315f35;
  font-size: clamp(1.8rem, 4vw, 2.7rem);
}
.paw-library-feature-song-card p {
  max-width: 700px;
  margin: 0 auto 16px;
  color: #5f5144;
  font-size: 1.05rem;
  line-height: 1.55;
}
.paw-library-feature-song-card audio {
  display: block;
  width: min(680px, 100%);
  margin: 0 auto;
}
@media (max-width: 760px) {
  .paw-library-feature-song { padding: 22px 0 6px; }
  .paw-library-feature-song-card { padding: 20px 16px; }
}



/* Version 80 — PAW Library dual floating navigation and purchase placard refinements */
.paw-floating-nav {
  position: fixed;
  right: 16px;
  bottom: 16px;
  display: flex;
  align-items: center;
  gap: 10px;
  z-index: 230;
}
.paw-floating-nav .toplink {
  position: static;
  right: auto;
  bottom: auto;
  width: 50px;
  height: 50px;
  font-size: 1.25rem;
}
.paw-floating-nav .paw-menu-return {
  background: var(--green);
  color: #fff;
}
.paw-floating-nav .paw-context-return {
  background: #6a4a2b;
  color: #fff;
  font-size: 1.1rem;
}
.paw-floating-nav .toplink:hover,
.paw-floating-nav .toplink:focus-visible {
  transform: translateY(-3px);
  box-shadow: 0 11px 24px rgba(0,0,0,.30);
}
body.paw-modal-open .paw-floating-nav {
  z-index: 230;
}
@media (max-width: 700px) {
  .paw-floating-nav {
    bottom: 70px;
  }
  .paw-floating-nav .toplink {
    width: 46px;
    height: 46px;
  }
}


/* Version 81 — Recipe Testing & Certification dual floating navigation */
.rtc-pathways {
  scroll-margin-top: 22px;
}
.rtc-floating-nav {
  position: fixed;
  right: 16px;
  bottom: 16px;
  display: flex;
  align-items: center;
  gap: 10px;
  z-index: 230;
}
.rtc-floating-nav .toplink {
  position: static;
  right: auto;
  bottom: auto;
  margin: 0;
  flex: 0 0 auto;
  transition: transform .2s ease, box-shadow .2s ease;
}
.rtc-floating-nav .rtc-overview-return {
  width: 50px;
  height: 50px;
  background: var(--green);
  color: #fff;
  font-size: 1.25rem;
}
.rtc-floating-nav .rtc-seven-paths-return {
  width: 76px;
  height: 50px;
  padding: 3px 9px 4px;
  border: 2px solid rgba(255,255,255,.55);
  border-radius: 999px;
  background: #6a3f20;
  color: #fff;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  gap: 0;
  line-height: 1;
  text-align: center;
}
.rtc-floating-nav .rtc-seven-paths-return strong {
  display: block;
  font-size: 1.18rem;
  line-height: .95;
}
.rtc-floating-nav .rtc-seven-paths-return small {
  display: block;
  margin-top: 2px;
  color: #fff;
  font-size: .66rem;
  font-weight: 900;
  letter-spacing: .06em;
  line-height: 1;
  text-transform: uppercase;
}
.rtc-floating-nav .toplink:hover,
.rtc-floating-nav .toplink:focus-visible {
  transform: translateY(-3px);
  box-shadow: 0 11px 24px rgba(0,0,0,.30);
}
@media (max-width: 700px) {
  .rtc-floating-nav { bottom: 70px; }
  .rtc-floating-nav .rtc-overview-return { width: 46px; height: 46px; }
  .rtc-floating-nav .rtc-seven-paths-return { width: 70px; height: 46px; }
}


/* Working Update 1 after Version 81 — brighten PAW hover and selected states.
   Explicit colors are intentional fallbacks for browsers that do not apply color-mix(). */
.paw-library-page .paw-section-list .paw-section-btn {
  background: linear-gradient(135deg, #fff8e7 0%, #fffef9 72%) !important;
  color: #30251d !important;
  border-color: var(--paw, #477b52) !important;
}
.paw-library-page .paw-section-list .paw-section-btn:hover,
.paw-library-page .paw-section-list .paw-section-btn:focus-visible {
  background: linear-gradient(135deg, #fff1c9 0%, #fffdf7 76%) !important;
  color: #241910 !important;
  border-color: var(--paw, #477b52) !important;
  box-shadow:
    inset 6px 0 0 var(--paw, #477b52),
    0 0 0 4px rgba(219, 177, 82, .24),
    0 12px 25px rgba(54, 39, 23, .17) !important;
}
.paw-library-page .paw-section-list .paw-section-btn.active {
  background: linear-gradient(135deg, #ffedb9 0%, #fffdf7 78%) !important;
  color: #21170f !important;
  border-color: var(--paw, #477b52) !important;
  outline: 4px solid rgba(219, 177, 82, .30) !important;
  box-shadow:
    inset 7px 0 0 var(--paw, #477b52),
    0 13px 27px rgba(54, 39, 23, .18) !important;
}
.paw-library-page .paw-section-list .paw-section-btn .paw-copy strong {
  color: #2b2118 !important;
}
.paw-library-page .paw-section-list .paw-section-btn .paw-copy small {
  color: #57483c !important;
}
.paw-library-page .paw-section-list .paw-section-btn .paw-copy > span {
  color: #705d49 !important;
}


/* Version 82 — Puppy Gumbo Treats parchment room and Founder Home dual navigation */
.puppy-gumbo-treats-page { background: linear-gradient(180deg,#f8efd9 0%,#fffdf7 36%,#f1e3c7 100%); color:#38291e; }
.pg-treats-entry { padding-bottom: 18px; }
.pg-treats-entry-banner { border-color:#76502d; background:linear-gradient(135deg,#6c4027,#43271a); color:#fff9e8; box-shadow:0 18px 42px rgba(71,43,24,.28); }
.pg-treats-entry-banner h1,.pg-treats-entry-banner .room-kicker { color:#fff; }
.pg-treats-entry-banner p { max-width:900px; margin:12px auto; font-size:1.1rem; }
.pg-treats-entry-banner .room-home-link { color:#fff4cf; }
.pg-treats-hero { padding:28px 0 52px; }
.pg-treats-parchment-hero { position:relative; display:grid; grid-template-columns:210px minmax(0,1fr); gap:30px; align-items:center; overflow:hidden; padding:38px; border:6px double #a77a3e; border-radius:28px; background:radial-gradient(circle at 18% 20%,rgba(255,255,255,.68),transparent 28%),repeating-linear-gradient(3deg,rgba(124,86,45,.035) 0 2px,transparent 2px 8px),linear-gradient(135deg,#fff8e8,#ead5ad); box-shadow:0 22px 50px rgba(76,48,25,.22); }
.pg-treats-parchment-hero::before,.pg-treats-parchment-hero::after { content:""; position:absolute; width:170px; height:170px; border:2px solid rgba(113,72,35,.16); border-radius:50%; }
.pg-treats-parchment-hero::before { left:-85px; top:-85px; }.pg-treats-parchment-hero::after { right:-90px; bottom:-100px; }
.pg-treats-chef-seal { position:relative; z-index:1; text-align:center; }
.pg-treats-chef-seal img { display:block; width:180px; height:180px; margin:auto; object-fit:cover; border:8px solid #fff9e9; border-radius:50%; box-shadow:0 14px 30px rgba(63,38,19,.22); }
.pg-treats-chef-seal span { display:inline-block; margin-top:-18px; padding:9px 16px; border:3px solid #b78943; border-radius:999px; background:#fff8e8; color:#63401f; font-weight:950; line-height:1.05; box-shadow:0 8px 16px rgba(62,39,20,.16); }
.pg-treats-hero-copy { position:relative; z-index:1; }
.pg-treats-script { color:#8a572d; font-family:Georgia,serif; font-size:clamp(1.15rem,2.5vw,1.55rem); font-style:italic; font-weight:700; }
.pg-treats-hero-copy h2 { margin:.16em 0 .25em; color:#315f35; font-size:clamp(2.8rem,6vw,5.5rem); line-height:.93; }
.pg-treats-hero-copy>p { max-width:760px; font-size:1.2rem; line-height:1.6; }
.pg-treats-hero-badges { display:flex; gap:9px; flex-wrap:wrap; margin-top:18px; }
.pg-treats-hero-badges span,
.pg-treats-hero-badges a { padding:8px 12px; border:2px solid #b78b4c; border-radius:999px; background:rgba(255,253,246,.78); color:#60401f; font-size:.82rem; font-weight:900; text-decoration:none; display:inline-flex; align-items:center; }
.pg-treats-hero-badges a:hover,
.pg-treats-hero-badges a:focus-visible { background:#fff8e9; box-shadow:0 0 0 3px rgba(96,64,31,.14); }
.pg-treat-detail-actions { display:flex; flex-wrap:wrap; gap:12px; margin-top:14px; }
.pg-treats-song { grid-column:1/-1; position:relative; z-index:1; display:grid; grid-template-columns:auto 1fr minmax(260px,500px); gap:15px; align-items:center; padding:17px 20px; border:3px solid #8e6a3d; border-radius:18px; background:rgba(255,252,244,.82); }
.pg-treats-song span { color:#315f35; font-size:.78rem; font-weight:950; letter-spacing:.06em; text-transform:uppercase; }.pg-treats-song strong { color:#633f20; }.pg-treats-song audio { width:100%; }
.pg-treats-five { padding:56px 0 66px; background:linear-gradient(180deg,#fffdf8,#f1e2c4); border-block:4px solid #b98a45; }
.pg-treats-section-head { max-width:850px; margin:0 auto 30px; text-align:center; }.pg-treats-section-head h2 { margin:.2em 0; color:#315f35; font-size:clamp(2rem,4vw,3.4rem); }.pg-treats-section-head p { color:#614c38; font-size:1.08rem; }
.pg-treat-grid { display:grid; grid-template-columns:repeat(5,minmax(0,1fr)); gap:16px; align-items:stretch; }
.pg-treat-card { position:relative; display:flex; flex-direction:column; align-items:center; min-height:420px; overflow:hidden; padding:20px 16px 18px; border:4px double #a77739; border-radius:22px; background:repeating-linear-gradient(4deg,rgba(126,88,45,.035) 0 2px,transparent 2px 9px),linear-gradient(145deg,#fff9e9,#ead2a6); color:#37271a; text-align:center; cursor:pointer; box-shadow:0 14px 28px rgba(65,42,22,.15); transition:transform .18s ease,box-shadow .18s ease,border-color .18s ease; }
.pg-treat-card::after { content:"🐾"; position:absolute; right:10px; bottom:7px; color:rgba(91,58,28,.13); font-size:2.1rem; transform:rotate(-16deg); }
.pg-treat-card:hover,.pg-treat-card:focus-visible { transform:translateY(-6px); border-color:#315f35; box-shadow:0 20px 38px rgba(65,42,22,.24); outline:4px solid rgba(185,138,69,.20); }
.pg-treat-card-number { align-self:flex-start; padding:5px 9px; border-radius:999px; background:#694127; color:#fff8e5; font-size:.72rem; font-weight:950; letter-spacing:.05em; text-transform:uppercase; }
.pg-treat-bowl { position:relative; display:grid; place-items:center; width:125px; height:84px; margin:32px auto 24px; border:5px solid #694127; border-top:0; border-radius:0 0 62px 62px; background:linear-gradient(180deg,#cde3b9,#7eab64); box-shadow:inset 0 -10px 0 rgba(49,95,53,.18),0 10px 15px rgba(67,42,20,.16); }
.pg-treat-bowl::before { content:""; position:absolute; left:-8px; right:-8px; top:-14px; height:28px; border:5px solid #694127; border-radius:50%; background:#f7edcf; }.pg-treat-bowl span { position:relative; z-index:2; margin-top:-14px; font-size:3rem; filter:drop-shadow(0 3px 2px rgba(0,0,0,.14)); }
.pg-treat-card strong { min-height:58px; color:#315f35; font-family:Georgia,serif; font-size:1.25rem; line-height:1.15; }.pg-treat-card small { flex:1; margin-top:10px; color:#5b4837; font-size:.91rem; line-height:1.45; }.pg-treat-open { margin-top:18px; padding-top:13px; border-top:1px solid #c7a977; color:#6a3f22; font-size:.82rem; font-weight:950; }
.pg-treats-education { padding:60px 0; }.pg-treats-education>div>header { max-width:840px; margin:0 auto 28px; text-align:center; }.pg-treats-education h2 { margin:.2em 0; color:#315f35; font-size:clamp(2rem,4vw,3.3rem); }
.pg-treat-education-grid { display:grid; grid-template-columns:repeat(4,minmax(0,1fr)); gap:16px; }.pg-treat-education-grid article { padding:22px; border:3px solid #c9ad79; border-radius:19px; background:#fffdf8; box-shadow:0 10px 23px rgba(63,43,23,.08); }.pg-treat-education-grid article>span { display:grid; place-items:center; width:40px; height:40px; border-radius:50%; background:#315f35; color:#fff; font-weight:950; }.pg-treat-education-grid h3 { color:#694127; }.pg-treat-education-grid p { color:#5a4a3d; line-height:1.5; }
.pg-treats-safety-note { margin-top:24px; padding:18px 22px; border-left:8px solid #a45d2a; border-radius:12px; background:#fff0d6; color:#4f3825; line-height:1.55; }
.pg-treats-next { padding:54px 0; background:#315f35; color:#fff; }.pg-treats-next-inner { display:grid; grid-template-columns:minmax(0,1fr) auto; gap:30px; align-items:center; }.pg-treats-next h2 { margin:.25em 0; color:#fff; }.pg-treats-next p { max-width:800px; color:#f2ead9; }.pg-treats-next .room-kicker { color:#f0d18d; }.pg-treats-next-actions { display:flex; gap:10px; flex-wrap:wrap; }
.pg-treat-modal-open { overflow:hidden; }.pg-treat-modal-backdrop { position:fixed; inset:0; z-index:10050; display:grid; place-items:center; padding:18px; background:rgba(42,28,18,.78); }.pg-treat-modal { width:min(900px,100%); max-height:92vh; overflow:auto; padding:28px; border:6px double #9a6e35; border-radius:26px; background:repeating-linear-gradient(4deg,rgba(126,88,45,.025) 0 2px,transparent 2px 9px),#fff9e9; box-shadow:0 32px 85px rgba(0,0,0,.42); }.pg-treat-modal-close { position:sticky; top:0; float:right; z-index:2; width:44px; height:44px; border:0; border-radius:50%; background:#694127; color:#fff; font-size:1.8rem; cursor:pointer; }.pg-treat-detail-icon { display:block; font-size:3rem; }.pg-treat-detail h2 { clear:both; margin:.2em 0; color:#315f35; font-size:clamp(2rem,4vw,3.2rem); }.pg-treat-detail-lead { font-size:1.15rem; color:#654a33; }.pg-treat-detail section { margin:23px 0; }.pg-treat-detail h3 { color:#694127; }.pg-treat-detail li { margin:.6em 0; line-height:1.5; }.pg-treat-detail aside { padding:16px 18px; border-left:7px solid #a45d2a; border-radius:10px; background:#fff0d6; }.pg-treat-detail footer { margin-top:24px; padding-top:15px; border-top:2px solid #cdb17f; }
#pg-treat-modal-root>[data-treat-detail] { display:none; }
.fh-floating-nav { position:fixed; right:16px; bottom:16px; display:flex; align-items:center; gap:10px; z-index:10020; }
.fh-floating-nav .toplink { position:static; right:auto; bottom:auto; }
.fh-floating-nav .fh-home-return { width:50px; height:50px; background:var(--green); color:#fff; }
.fh-floating-nav .fh-nine-rooms-return { display:flex; flex-direction:column; width:78px; height:50px; padding:4px 8px; border-radius:17px; background:#6a3f2a; color:#fff; line-height:1; }
.fh-floating-nav .fh-nine-rooms-return strong { font-size:1.15rem; }.fh-floating-nav .fh-nine-rooms-return small { margin-top:2px; color:#fff; font-size:.62rem; font-weight:950; letter-spacing:.06em; }
.fh-floating-nav .toplink:hover,.fh-floating-nav .toplink:focus-visible { transform:translateY(-3px); box-shadow:0 11px 24px rgba(0,0,0,.30); }
.fh-room-btn.fh-return-highlight { animation:fh-return-highlight 1.8s ease-out; }
@keyframes fh-return-highlight { 0%,35% { box-shadow:0 0 0 7px rgba(244,199,88,.68),0 12px 26px rgba(0,0,0,.22); transform:translateX(4px) scale(1.012); } 100% { box-shadow:0 8px 18px rgba(0,0,0,.12); transform:translateX(4px); } }
@media(max-width:1120px){.pg-treat-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.pg-treat-education-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:760px){.pg-treats-parchment-hero{grid-template-columns:1fr;padding:24px 18px}.pg-treats-song{grid-template-columns:1fr}.pg-treat-grid,.pg-treat-education-grid{grid-template-columns:1fr}.pg-treat-card{min-height:390px}.pg-treats-next-inner{grid-template-columns:1fr}.pg-treats-next-actions .btn{width:100%;text-align:center}.fh-floating-nav{bottom:70px}.fh-floating-nav .fh-home-return{width:46px;height:46px}.fh-floating-nav .fh-nine-rooms-return{width:72px;height:46px}.pg-treat-modal-backdrop{padding:8px}.pg-treat-modal{padding:18px}}


/* Version 83 — Vet Center eight-resource return, clearer PAW return, and CTA cleanup */
#vet-door-board,
.vet-campus,
.vet-door-board {
  scroll-margin-top: 18px;
}
.vet-floating-nav {
  position: fixed;
  right: 16px;
  bottom: 16px;
  z-index: 230;
  display: flex;
  align-items: center;
  gap: 10px;
}
.vet-floating-nav .toplink {
  position: static;
  right: auto;
  bottom: auto;
  margin: 0;
  flex: 0 0 auto;
  transition: transform .2s ease, box-shadow .2s ease;
}
.vet-floating-nav .vet-overview-return {
  width: 50px;
  height: 50px;
  background: var(--green);
  color: #fff;
  font-size: 1.25rem;
}
.vet-floating-nav .vet-eight-resources-return {
  width: 88px;
  height: 50px;
  padding: 3px 10px 4px;
  border: 2px solid rgba(255,255,255,.55);
  border-radius: 18px;
  background: #6a3f2a;
  color: #fff;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  line-height: 1;
  text-align: center;
}
.vet-floating-nav .vet-eight-resources-return strong {
  display: block;
  font-size: 1.16rem;
  line-height: .95;
}
.vet-floating-nav .vet-eight-resources-return small {
  display: block;
  margin-top: 3px;
  color: #fff;
  font-size: .61rem;
  font-weight: 950;
  letter-spacing: .055em;
  line-height: 1;
}
.vet-floating-nav .toplink:hover,
.vet-floating-nav .toplink:focus-visible {
  transform: translateY(-3px);
  box-shadow: 0 11px 24px rgba(0,0,0,.30);
}
body.vet-modal-open .vet-floating-nav {
  z-index: 230;
}
.vet-door-btn.vet-return-highlight {
  position: relative;
  z-index: 2;
  animation: vet-return-highlight 1.8s ease-out;
}
@keyframes vet-return-highlight {
  0%, 35% {
    outline: 5px solid #ffe08a;
    outline-offset: 3px;
    box-shadow: 0 0 0 7px rgba(255,224,138,.45), 0 13px 25px rgba(0,0,0,.28);
    transform: translateY(-3px) scale(1.012);
    filter: brightness(1.18);
  }
  100% {
    outline: 3px solid #f4d37e;
    outline-offset: 2px;
    box-shadow: inset 0 0 0 2px rgba(255,255,255,.28), 0 7px 0 #3c281d;
    transform: none;
    filter: brightness(1.12);
  }
}
.paw-floating-nav .paw-context-return {
  width: 88px;
  height: 50px;
  padding: 3px 10px 4px;
  border: 2px solid rgba(255,255,255,.55);
  border-radius: 18px;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  gap: 0;
  line-height: 1;
  text-align: center;
}
.paw-floating-nav .paw-context-return strong {
  display: block;
  color: #fff;
  font-size: .95rem;
  line-height: 1;
}
.paw-floating-nav .paw-context-return small {
  display: block;
  margin-top: 3px;
  color: #fff;
  font-size: .65rem;
  font-weight: 950;
  letter-spacing: .08em;
  line-height: 1;
}
.foods-to-avoid-page .foods-safety-shell {
  padding-bottom: 38px;
}
@media (max-width: 700px) {
  .vet-floating-nav { bottom: 70px; }
  .vet-floating-nav .vet-overview-return { width: 46px; height: 46px; }
  .vet-floating-nav .vet-eight-resources-return { width: 82px; height: 46px; }
  .paw-floating-nav .paw-context-return { width: 82px; height: 46px; }
}


/* Version 84 — Founder Options stations, focused return navigation, and CTA cleanup */
#fo-station-board,
#fo-stations,
.fo-campus {
  scroll-margin-top: 18px;
}
.fo-station-button {
  position: relative;
  z-index: 1;
}
.fo-station-button:hover,
.fo-station-button:focus-visible,
.fo-station-button.active {
  background: #fffaf0;
  color: #2f2118;
  outline: 3px solid color-mix(in srgb, var(--fo-accent, #315f35) 38%, transparent);
  outline-offset: 1px;
}
.fo-station-button.active small {
  color: #4f4034;
  font-weight: 850;
}
.fo-station-button.fo-return-highlight {
  animation: fo-return-highlight 1.8s ease-out;
}
@keyframes fo-return-highlight {
  0%, 35% {
    box-shadow: 0 0 0 7px rgba(244, 199, 88, .72), 0 12px 26px rgba(0,0,0,.23);
    transform: translateX(5px) scale(1.015);
  }
  100% {
    box-shadow: inset 0 0 0 1px rgba(70,45,28,.2);
    transform: translateX(3px);
  }
}
.fo-resource-return-actions {
  display: flex;
  gap: 10px;
  flex-wrap: wrap;
  margin-top: 18px;
  padding-top: 15px;
  border-top: 1px solid #dcc8a4;
}
.fo-floating-nav {
  position: fixed;
  right: 16px;
  bottom: 16px;
  z-index: 10020;
  display: flex;
  align-items: center;
  gap: 10px;
}
.fo-floating-nav .toplink {
  position: static;
  right: auto;
  bottom: auto;
  margin: 0;
  flex: 0 0 auto;
  transition: transform .2s ease, box-shadow .2s ease;
}
.fo-floating-nav .fo-overview-return {
  width: 50px;
  height: 50px;
  background: var(--green);
  color: #fff;
  font-size: 1.25rem;
}
.fo-floating-nav .fo-eight-stations-return {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  width: 88px;
  height: 50px;
  padding: 3px 10px 4px;
  border: 2px solid rgba(255,255,255,.55);
  border-radius: 18px;
  background: #6a3f2a;
  color: #fff;
  line-height: 1;
  text-align: center;
}
.fo-floating-nav .fo-eight-stations-return strong {
  display: block;
  font-size: 1.16rem;
  line-height: .95;
}
.fo-floating-nav .fo-eight-stations-return small {
  display: block;
  margin-top: 3px;
  color: #fff;
  font-size: .61rem;
  font-weight: 950;
  letter-spacing: .055em;
  line-height: 1;
}
.fo-floating-nav .toplink:hover,
.fo-floating-nav .toplink:focus-visible {
  transform: translateY(-3px);
  box-shadow: 0 11px 24px rgba(0,0,0,.30);
}
body.fo-modal-open .fo-floating-nav {
  z-index: 10020;
}
.founders-goals-note + .founders-receive-closing {
  margin-top: 14px;
}
.room-entry-banner + .purchase-transparency-song {
  margin-top: 14px;
}
.purchase-transparency-kicker {
  display: block;
  margin: 0 auto 6px;
  padding: 0;
  border: 0;
  background: transparent;
  color: #8c5c17;
  font-size: clamp(.84rem, 2vw, 1rem);
  font-weight: 900;
  letter-spacing: .09em;
  line-height: 1.3;
  text-transform: uppercase;
}
@media (max-width: 760px) {
  .fo-floating-nav { bottom: 70px; }
  .fo-floating-nav .fo-overview-return { width: 46px; height: 46px; }
  .fo-floating-nav .fo-eight-stations-return { width: 82px; height: 46px; }
  .fo-resource-return-actions { flex-direction: column; }
  .fo-resource-return-actions .btn { width: 100%; }
}


/* Version 85 — Treats closing panel cleanup */
.pg-treats-next {
  padding: 36px 0 38px;
}
.pg-treats-next-inner {
  display: block;
}
.pg-treats-next-copy {
  width: 100%;
  max-width: 1120px;
}
.pg-treats-next-copy h2 {
  margin: .22em 0 .32em;
  font-size: clamp(2rem, 4.2vw, 3.35rem);
  line-height: 1.08;
}
.pg-treats-next-copy p {
  max-width: none;
  margin: 0;
  font-size: clamp(1rem, 1.8vw, 1.18rem);
  line-height: 1.6;
}
@media (max-width: 760px) {
  .pg-treats-next { padding: 30px 0 32px; }
}


/* Version 86 — Mission story framing and Founder Lab workbench navigation */
.mission-story-suite {
  margin: 30px 0 26px;
  padding: clamp(22px, 4vw, 38px);
  border: 2px solid #c8ad79;
  border-radius: 28px;
  background: linear-gradient(145deg, #f5ead4 0%, #fffaf1 48%, #efe1c4 100%);
  box-shadow: 0 18px 42px rgba(76, 50, 27, .14);
}
.mission-story-suite .mission-story-card {
  border: 2px solid #d1bb91;
  background: rgba(255, 253, 247, .96);
  box-shadow: 0 12px 28px rgba(75, 50, 28, .10);
}
.mission-story-suite .mission-story-statement {
  max-width: none;
  margin: 0 0 22px;
  border-left: 8px solid var(--green);
  background: linear-gradient(135deg, #fffdf8, #f3ead8);
}
.mission-story-intro {
  margin-bottom: 20px;
  padding: 24px clamp(18px, 3vw, 30px);
  border: 2px solid #9eaf7f;
  border-radius: 20px;
  background: linear-gradient(135deg, #f7f4e7, #e9f0df);
  text-align: center;
}
.mission-story-intro .section-title { margin: 6px 0 10px; }
.mission-story-intro .section-sub { margin-bottom: 0; }
.mission-story-primary,
.mission-story-secondary { gap: 20px; }
.mission-story-secondary { margin-top: 20px; }
.mission-story-suite .mission-founder-story { border-left: 8px solid var(--green); }
.mission-story-suite .mission-north-star { border-top: 7px solid #b98a34; }
.mission-story-suite .mission-education-card { border-top: 7px solid #6f9361; }
.mission-story-suite .mission-forty-card { border-top: 7px solid #8b6343; }
.mission-story-suite .mission-story-card h3 { font-family: Georgia, "Times New Roman", serif; }
.mission-story-suite .mission-story-card p:last-child { margin-bottom: 0; }

.fl-floating-nav {
  position: fixed;
  right: 16px;
  bottom: 16px;
  display: flex;
  align-items: center;
  gap: 10px;
  z-index: 230;
}
.fl-floating-nav .toplink { position: static; right: auto; bottom: auto; }
.fl-floating-nav .fl-overview-return {
  width: 50px;
  height: 50px;
  background: var(--green);
  color: #fff;
  font-size: 1.25rem;
}
.fl-floating-nav .fl-eight-workbenches-return {
  width: 126px;
  height: 50px;
  padding: 5px 10px;
  border-radius: 999px;
  background: #6a442b;
  color: #fff;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  line-height: 1;
}
.fl-floating-nav .fl-eight-workbenches-return strong { font-size: 1rem; }
.fl-floating-nav .fl-eight-workbenches-return small {
  margin-top: 3px;
  color: #fff;
  font-size: .62rem;
  font-weight: 900;
  letter-spacing: .06em;
}
.fl-floating-nav .toplink:hover,
.fl-floating-nav .toplink:focus-visible {
  transform: translateY(-3px);
  box-shadow: 0 11px 24px rgba(0,0,0,.30);
}
body.fl-modal-open .fl-floating-nav { z-index: 11020; }
.fl-workshop { scroll-margin-top: 18px; }
.fl-bench-btn.fl-return-highlight {
  position: relative;
  z-index: 2;
  animation: fl-return-highlight 1.8s ease-out;
}
@keyframes fl-return-highlight {
  0%, 35% { box-shadow: 0 0 0 7px rgba(244, 199, 88, .72), 0 12px 26px rgba(0,0,0,.24); transform: translateX(3px) scale(1.015); }
  100% { box-shadow: inset 0 0 0 1px rgba(70,45,28,.22); transform: none; }
}
@media (max-width: 760px) {
  .mission-story-primary,
  .mission-story-secondary { grid-template-columns: 1fr; }
  .mission-story-suite { padding: 18px 14px; }
  .fl-floating-nav { bottom: 70px; }
  .fl-floating-nav .fl-overview-return { width: 46px; height: 46px; }
  .fl-floating-nav .fl-eight-workbenches-return { width: 112px; height: 46px; }
}


/* Version 87 — Founder Options overview return and dependable Bowl Finder */
#fo-overview,
#fo-bowls,
#fo-bowl-finder {
  scroll-margin-top: 18px;
}
.fo-inline-return {
  display: flex;
  justify-content: center;
  width: 100%;
}
.fo-inline-return-top {
  margin: 20px 0 24px;
}
.fo-inline-return-bottom {
  margin: 26px 0 0;
}
.fo-inline-return .btn,
.fo-finder-return-row .btn {
  white-space: normal;
  text-align: center;
}
.fo-finder-question {
  min-width: 0;
}
.fo-finder-return-row {
  display: flex;
  gap: 10px;
  flex-wrap: wrap;
  margin-top: 18px;
  padding-top: 16px;
  border-top: 1px solid rgba(244, 218, 163, .35);
}
.fo-finder-result .fo-finder-return-row {
  border-top-color: #dfc69b;
}
.fo-finder-result-controls {
  align-items: stretch;
}
.fo-finder-form select.fo-field-missing {
  border-color: #b83838;
  outline: 3px solid rgba(184, 56, 56, .2);
  background: #fff6f4;
}
.fo-finder-form select.fo-field-missing:focus {
  border-color: #9f2929;
  outline-color: rgba(184, 56, 56, .28);
}
@media (max-width: 600px) {
  .fo-inline-return .btn,
  .fo-finder-return-row .btn {
    width: 100%;
  }
}


/* Version 90 — PAW Library clarity and navigation */
.paw-library-feature-song-list{display:grid;gap:12px;margin-top:16px;text-align:left}.paw-library-feature-song-list label{display:grid;gap:7px;padding:12px 14px;border:1px solid #b9b9b9;border-radius:12px;background:#efefef;color:#33281f}.paw-library-feature-song-list strong{font-size:.93rem}.paw-library-feature-song-list audio{width:100%}
.paw-card-meta{align-items:center}.paw-card-meta>span{padding:2px 0;border-radius:0;background:transparent;color:#766657;font-size:.7rem;font-weight:850;letter-spacing:.03em}.paw-card-meta>span+span:before{content:'•';margin-right:6px;color:#b19a7d}.paw-card-meta .paw-access{padding:3px 7px;border-radius:6px;letter-spacing:0}.paw-card-meta .paw-access+span:before{content:'•';margin:0 6px 0 0;color:#b19a7d}
.paw-growth-card{display:flex;flex-direction:column}.paw-growth-counts{display:grid;gap:4px;margin:.4em 0 12px}.paw-growth-counts strong{color:#315f35}.paw-growth-counts em{font-style:normal;font-weight:850;color:#765f42}.paw-growth-counts small{color:#776b5d}.paw-growth-planned{display:flex!important;flex-direction:column;align-items:flex-start;gap:6px!important;margin:4px 0 16px}.paw-growth-planned b{font-size:.7rem;letter-spacing:.08em;color:#7b6854}.paw-growth-planned small{display:block;width:100%;padding:5px 7px;border-radius:6px;background:#f1ece3;color:#65584a;cursor:default}.paw-growth-open{margin-top:auto;align-self:stretch;text-align:center}
.paw-founder-letter{max-width:760px;margin:0 auto;padding:24px 26px;border:1px solid #d7c3a0;border-radius:16px;background:#fffaf0;box-shadow:0 8px 20px rgba(60,45,26,.07)}.paw-founder-letter p{font-size:1rem;line-height:1.75;color:#4f4338}.paw-founder-letter p:first-child{font-size:1.08rem}.paw-founder-signature{margin-top:28px!important;font-family:Georgia,serif;font-style:italic;font-weight:800;color:#315f35!important}

/* Version 91 — forward path landing */
.rtc-detail-banner{scroll-margin-top:18px}


/* Version 92 — Home menu memory cue */
.nav .links .nav-home-context {
  display:block;
  margin-top:3px;
  color:#756959;
  font-family:Arial,Helvetica,sans-serif;
  font-size:.62rem;
  font-weight:800;
  line-height:1.05;
}
.nav .links a[aria-current="page"] .nav-home-context { color:#fff2d0; }


/* Version 92 — What Founders Receive song pair */
.founders-receive-song-pair { max-width:940px; margin:0 auto 28px; padding:20px; border:2px solid #b58a4d; border-radius:22px; background:#fffaf0; box-shadow:0 12px 28px rgba(72,47,29,.10); }
.founders-receive-song-heading { display:flex; gap:10px 16px; align-items:baseline; justify-content:center; flex-wrap:wrap; margin-bottom:14px; color:#684326; text-align:center; }
.founders-receive-song-heading span { color:#315f35; font-size:.78rem; font-weight:950; letter-spacing:.06em; text-transform:uppercase; }
.founders-receive-song-heading strong { font-family:Georgia,serif; font-size:1.2rem; }
.founders-receive-song-grid { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:14px; }
.founders-receive-song-grid article { display:grid; grid-template-columns:auto 1fr; gap:4px 12px; align-items:center; padding:14px; border:1px solid #d7bd91; border-radius:14px; background:#fffdf8; }
.founders-receive-song-grid article span { color:#315f35; font-size:.74rem; font-weight:900; text-transform:uppercase; }
.founders-receive-song-grid article strong { color:#684326; }
.founders-receive-song-grid audio { grid-column:1/-1; width:100%; margin-top:7px; }
@media(max-width:700px){.founders-receive-song-grid{grid-template-columns:1fr}}


/* Version 92 — distinct Whole-Food Starting Points destination */
.pg-treats-starting-points { padding:58px 0; background:#fbf5e8; border-bottom:3px solid #c9ad79; scroll-margin-top:24px; }
.pg-treat-starting-grid { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:16px; }
.pg-treat-starting-grid article { padding:22px; border:3px solid #c9ad79; border-radius:19px; background:#fffdf8; box-shadow:0 10px 23px rgba(63,43,23,.08); }
.pg-treat-starting-grid article>span { display:grid; place-items:center; width:40px; height:40px; border-radius:50%; background:#694127; color:#fff; font-weight:950; }
.pg-treat-starting-grid h3 { color:#315f35; }
.pg-treat-starting-grid p { color:#5a4a3d; line-height:1.55; }
@media(max-width:850px){.pg-treat-starting-grid{grid-template-columns:1fr}}

/* Version 95 working update 4 — Founder Home counts are real navigation, not passive statistics. */
.fh-stats.fh-nav-cards{grid-template-columns:1fr;gap:12px;max-width:660px}
.fh-stat-nav{display:grid;grid-template-columns:76px minmax(0,1fr);grid-template-rows:auto auto;column-gap:16px;align-items:center;background:linear-gradient(135deg,#fff8df,#f2d994);border:2px solid #d0a653;border-radius:16px;padding:15px 18px;color:#442d1d;text-decoration:none;box-shadow:0 10px 24px rgba(20,12,6,.16);transition:transform .18s ease,box-shadow .18s ease,border-color .18s ease}
.fh-stat-nav:hover,.fh-stat-nav:focus-visible{transform:translateY(-2px);box-shadow:0 14px 30px rgba(20,12,6,.22);border-color:#b88732;outline:none}
.fh-stat-nav strong{grid-row:1/3;display:grid;place-items:center;align-self:stretch;min-height:58px;border-right:1px solid rgba(111,72,28,.24);padding-right:16px;font-size:1.9rem;color:#7a4c1d}
.fh-stat-nav span{padding:0;border:0;border-radius:0;background:transparent;text-align:left;font-family:Georgia,serif;font-size:1.08rem;font-weight:900;color:#3d291d;line-height:1.2}
.fh-stat-nav small{margin-top:3px;color:#6f563d;font-size:.78rem;font-weight:700;line-height:1.35}
@media(max-width:600px){.fh-stat-nav{grid-template-columns:58px minmax(0,1fr);padding:13px 14px;column-gap:12px}.fh-stat-nav strong{font-size:1.55rem;padding-right:12px}.fh-stat-nav span{font-size:1rem}}


/* Version 96 — Founder Lab quick-navigation cards and Treats local returns */
.fl-stats.fl-nav-cards{grid-template-columns:1fr;gap:12px;max-width:680px}
.fl-stat-nav{display:grid;grid-template-columns:76px minmax(0,1fr);grid-template-rows:auto auto;column-gap:16px;align-items:center;background:linear-gradient(135deg,#fff8df,#f2d994);border:2px solid #d0a653;border-radius:16px;padding:15px 18px;color:#442d1d;text-decoration:none;box-shadow:0 10px 24px rgba(20,12,6,.18);transition:transform .18s ease,box-shadow .18s ease,border-color .18s ease}
.fl-stat-nav:hover,.fl-stat-nav:focus-visible{transform:translateY(-2px);box-shadow:0 14px 30px rgba(20,12,6,.24);border-color:#fff2bd;outline:none}
.fl-stats .fl-stat-nav strong{grid-row:1/3;display:grid;place-items:center;align-self:stretch;min-height:58px;border-right:1px solid rgba(111,72,28,.24);padding-right:16px;font-size:1.9rem;color:#7a4c1d;margin:0}
.fl-stats .fl-stat-nav span{padding:0;border:0;border-radius:0;background:transparent;text-align:left;font-family:Georgia,serif;font-size:1.08rem;font-weight:900;color:#3d291d;line-height:1.2}
.fl-stat-nav small{margin-top:3px;color:#6f563d;font-size:.78rem;font-weight:700;line-height:1.35}
.pg-treats-local-return{display:flex;justify-content:center;margin:28px 0 0}
.pg-treats-local-return .btn{min-width:min(100%,280px);text-align:center}
@media(max-width:600px){.fl-stat-nav{grid-template-columns:58px minmax(0,1fr);padding:13px 14px;column-gap:12px}.fl-stats .fl-stat-nav strong{font-size:1.55rem;padding-right:12px}.fl-stats .fl-stat-nav span{font-size:1rem}}

/* Version 97 Update 3 — PAW Library inventory is real navigation, not passive statistics. */
.paw-library-stats.paw-nav-cards{grid-template-columns:1fr;gap:12px;max-width:680px}
.paw-stat-nav{display:grid;grid-template-columns:76px minmax(0,1fr);grid-template-rows:auto auto;column-gap:16px;align-items:center;width:100%;background:linear-gradient(135deg,#fff8df,#f2d994);border:2px solid #d0a653;border-radius:16px;padding:15px 18px;color:#442d1d;text-decoration:none;text-align:left;font:inherit;box-shadow:0 10px 24px rgba(20,12,6,.15);cursor:pointer;transition:transform .18s ease,box-shadow .18s ease,border-color .18s ease}
.paw-stat-nav:hover,.paw-stat-nav:focus-visible{transform:translateY(-2px);box-shadow:0 14px 30px rgba(20,12,6,.21);border-color:#b88732;outline:none}
.paw-stat-nav strong{grid-row:1/3;display:grid;place-items:center;align-self:stretch;min-height:58px;border-right:1px solid rgba(111,72,28,.24);padding-right:16px;font-size:1.9rem;color:#315f35}
.paw-stat-nav span{font-family:Georgia,serif;font-size:1.08rem;font-weight:900;color:#3d291d;line-height:1.2}
.paw-stat-nav small{margin-top:3px;color:#6f563d;font-size:.78rem;font-weight:700;line-height:1.35}

/* Version 97 Update 4 — Foods to Avoid safety choices are clear navigation cards. */
.foods-safety-key.foods-safety-nav{display:grid;grid-template-columns:1fr;gap:12px;max-width:720px;margin-left:auto;margin-right:auto}
.foods-safety-nav-card{display:grid;gap:4px;padding:16px 18px;border:2px solid #d0a653;border-radius:16px;background:linear-gradient(135deg,#fff8df,#f2d994);color:#442d1d;text-decoration:none;box-shadow:0 10px 24px rgba(20,12,6,.13);transition:transform .18s ease,box-shadow .18s ease,border-color .18s ease}
.foods-safety-nav-card:hover,.foods-safety-nav-card:focus-visible{transform:translateY(-2px);box-shadow:0 14px 30px rgba(20,12,6,.19);border-color:#b88732;outline:none}
.foods-safety-nav-card b{font-family:Georgia,serif;font-size:1.08rem;color:#3d291d}
.foods-safety-nav-card span{padding:0;border:0;background:transparent;box-shadow:none;text-align:left;color:#6f563d;font-size:.86rem;font-weight:700}
#foods-never,#foods-avoid,#foods-veterinarian-guidance{scroll-margin-top:24px}

/* Version 97 Update 5 — Veterinarian Center inventory is real navigation. */
.vet-stats.vet-nav-cards{grid-template-columns:1fr;gap:12px;max-width:700px}
.vet-stat-nav{display:grid;grid-template-columns:76px minmax(0,1fr);grid-template-rows:auto auto;column-gap:16px;align-items:center;width:100%;background:linear-gradient(135deg,#fff8df,#f2d994);border:2px solid #d0a653;border-radius:16px;padding:15px 18px;color:#442d1d;text-decoration:none;text-align:left;font:inherit;box-shadow:0 10px 24px rgba(20,12,6,.15);cursor:pointer;transition:transform .18s ease,box-shadow .18s ease,border-color .18s ease}
.vet-stat-nav:hover,.vet-stat-nav:focus-visible{transform:translateY(-2px);box-shadow:0 14px 30px rgba(20,12,6,.21);border-color:#b88732;outline:none}
.vet-stat-nav strong{grid-row:1/3;display:grid;place-items:center;align-self:stretch;min-height:58px;border-right:1px solid rgba(111,72,28,.24);padding-right:16px;font-size:1.9rem;color:#315f35}
.vet-stat-nav span{font-family:Georgia,serif;font-size:1.08rem;font-weight:900;color:#3d291d;line-height:1.2}
.vet-stat-nav small{margin-top:3px;color:#6f563d;font-size:.78rem;font-weight:700;line-height:1.35}
@media(max-width:600px){.paw-stat-nav,.vet-stat-nav{grid-template-columns:58px minmax(0,1fr);padding:13px 14px;column-gap:12px}.paw-stat-nav strong,.vet-stat-nav strong{font-size:1.55rem;padding-right:12px}.paw-stat-nav span,.vet-stat-nav span{font-size:1rem}}


/* VERSION 98 — JUKEBOX + FOODS VETERINARIAN GUIDANCE */
.nav .links .nav-reserved-future {
  border-color: #c4ae83;
  background: linear-gradient(145deg,#f4ead6,#e9d9ba);
  color: #78694f;
}
.nav .links a[data-nav-key="jukebox"] {
  border-color: #9a5b39;
  background: linear-gradient(145deg,#fff7df,#f1d497);
  color: #432a1d;
  font-weight: 900;
}
.nav .links a[data-nav-key="jukebox"][aria-current="page"] {
  background: var(--green);
  color: white;
}
.foods-veterinarian {
  border-color: #7e9a76;
  background: linear-gradient(145deg,#fffdf5,#edf4e7);
}
.foods-veterinarian .foods-section-number {
  min-width: 56px;
  font-size: .78rem;
  letter-spacing: .08em;
}
.foods-vet-ready {
  display: grid;
  gap: 5px;
  margin: 18px 0;
  padding: 17px 19px;
  border-left: 5px solid var(--green);
  border-radius: 12px;
  background: #fffaf0;
}
.foods-vet-ready strong { color: var(--brown2); }
.foods-vet-ready span { line-height: 1.55; }

.jukebox-room { padding: 42px 0 72px; background: linear-gradient(180deg,#f7f0e3,#efe1c6); }
.jukebox-banner { margin-bottom: 30px; }
.jukebox-stage {
  display: grid;
  grid-template-columns: minmax(190px,.48fr) minmax(0,1.52fr);
  gap: clamp(18px,4vw,42px);
  align-items: end;
  max-width: 1080px;
  margin: 0 auto 30px;
  padding: clamp(20px,4vw,38px);
  border: 3px solid #6e432c;
  border-radius: 26px;
  background: linear-gradient(135deg,#5a3624,#8c5b35 52%,#4b2d20);
  box-shadow: 0 18px 45px rgba(45,33,24,.25);
}
.jukebox-chef { margin: 0; text-align: center; color: #fff4d9; }
.jukebox-chef img { width: min(100%,285px); border: 8px solid #f3ddad; border-radius: 22px; box-shadow: 0 10px 24px rgba(0,0,0,.28); }
.jukebox-chef figcaption { margin-top: 12px; font-family: Georgia,"Times New Roman",serif; font-weight: 800; line-height: 1.35; }
.jukebox-machine {
  position: relative;
  overflow: hidden;
  border: 7px solid #b33428;
  border-radius: 52px 52px 22px 22px;
  background: linear-gradient(90deg,#c74b30,#f6cf6d 8%,#fff1b8 16%,#7b3d25 25%,#4b281d 50%,#7b3d25 75%,#fff1b8 84%,#f6cf6d 92%,#c74b30);
  box-shadow: inset 0 0 0 4px #dfb85f, 0 14px 32px rgba(0,0,0,.3);
}
.jukebox-arch { padding: 25px 18px 18px; text-align: center; color: #fff2c5; text-shadow: 0 2px 2px #3c2119; }
.jukebox-arch span { display:block; font-family: Georgia,"Times New Roman",serif; font-size: clamp(1rem,2vw,1.25rem); font-style: italic; }
.jukebox-arch strong { display:block; margin-top:4px; font-family: Georgia,"Times New Roman",serif; font-size: clamp(2.1rem,6vw,4.3rem); letter-spacing:.08em; color:#ffd76b; text-shadow: 0 0 8px #ff9f45, 0 3px 2px #5c231a; }
.jukebox-now-playing { margin: 0 clamp(16px,5vw,50px); padding: clamp(18px,4vw,30px); border: 4px solid #dfbd68; border-radius: 18px; background: linear-gradient(180deg,#fff8dc,#ead6a5); text-align:center; box-shadow: inset 0 0 0 2px #765337; }
.jukebox-now-playing > span { color: var(--green); font-size:.78rem; font-weight:900; letter-spacing:.15em; text-transform:uppercase; }
.jukebox-now-playing h2 { margin:8px 0 4px; color:#422a1e; font-family:Georgia,"Times New Roman",serif; font-size:clamp(1.35rem,3vw,2rem); }
.jukebox-now-playing p { margin:0 0 14px; color:#745e46; font-weight:800; }
.jukebox-now-playing audio { width:100%; }
.jukebox-skip-controls { display:flex; justify-content:center; gap:10px; margin-top:12px; }
.jukebox-skip-controls button { border:1px solid #8a6845; border-radius:999px; padding:8px 13px; background:#fffaf0; color:#4a3324; font-weight:800; cursor:pointer; }
.jukebox-main-controls { display:grid; grid-template-columns:repeat(4,minmax(0,1fr)); gap:10px; margin:18px clamp(14px,3vw,28px) 12px; }
.jukebox-mode-button { display:flex; min-height:90px; flex-direction:column; align-items:center; justify-content:center; gap:3px; padding:10px 8px; border:2px solid #e3c16e; border-radius:14px; background:#fff7da; color:#4b2c1f; box-shadow:0 4px 10px rgba(0,0,0,.16); cursor:pointer; }
.jukebox-mode-button:hover,.jukebox-mode-button:focus-visible { transform:translateY(-1px); background:#fffdf4; }
.jukebox-mode-button > span { font-size:1.45rem; color:#a33629; }
.jukebox-mode-button strong { font-size:1rem; }
.jukebox-mode-button small { color:#765f49; font-size:.7rem; }
.jukebox-mode-button.has-favorites > span { color:#b21f32; }
.jukebox-status { margin: 10px 18px 18px; min-height:1.3em; color:#fff0c8; text-align:center; font-weight:800; }
.jukebox-favorites-note { max-width:920px; margin:0 auto 34px; padding:18px 22px; border:2px solid #cba761; border-radius:16px; background:#fff9e9; text-align:center; }
.jukebox-favorites-note span { display:block; color:#9c2630; font-family:Georgia,"Times New Roman",serif; font-size:1.25rem; font-weight:900; }
.jukebox-favorites-note p { margin:7px 0 0; line-height:1.55; }
.jukebox-library { display:grid; grid-template-columns: minmax(0,1.35fr) minmax(260px,.65fr); gap:24px; align-items:start; }
.jukebox-library-section { border:2px solid #c8aa72; border-radius:20px; background:#fffaf0; overflow:hidden; box-shadow:0 8px 24px rgba(45,33,24,.1); }
.jukebox-library-heading { padding:20px 22px; border-bottom:2px solid #d5bd91; background:linear-gradient(145deg,#f5e6c9,#ead3a9); }
.jukebox-library-heading > span { color:var(--green); font-weight:900; letter-spacing:.1em; text-transform:uppercase; font-size:.75rem; }
.jukebox-library-heading h2 { margin:5px 0 5px; color:var(--brown2); font-family:Georgia,"Times New Roman",serif; }
.jukebox-library-heading p { margin:0; line-height:1.45; }
.jukebox-track-list { list-style:none; margin:0; padding:0; }
.jukebox-track-row { display:grid; grid-template-columns:minmax(0,1fr) 54px; border-bottom:1px solid #e3d4b8; background:#fffdf7; }
.jukebox-track-row:last-child { border-bottom:0; }
.jukebox-track-row.is-playing { background:#edf5e7; box-shadow:inset 5px 0 0 var(--green); }
.jukebox-track-play { display:grid; grid-template-columns:46px minmax(0,1fr) 28px; gap:10px; align-items:center; width:100%; padding:11px 12px; border:0; background:transparent; color:#3f2d22; text-align:left; cursor:pointer; }
.jukebox-track-play:hover,.jukebox-track-play:focus-visible { background:#f7f0df; }
.jukebox-track-number { display:grid; place-items:center; width:38px; height:38px; border-radius:50%; background:#4e7955; color:white; font-size:.75rem; font-weight:900; }
.jukebox-track-copy { display:grid; gap:2px; min-width:0; }
.jukebox-track-copy strong { overflow-wrap:anywhere; }
.jukebox-track-copy small { color:#7b6a58; }
.jukebox-row-play { color:#8a5e32; font-size:.9rem; }
.jukebox-favorite { border:0; border-left:1px solid #e3d4b8; background:#fff7e8; color:#9b3140; font-size:1.75rem; cursor:pointer; }
.jukebox-favorite:hover,.jukebox-favorite:focus-visible { background:#fcebdc; }
.jukebox-favorite.is-favorite { color:#c21f38; background:#fff0ef; }
@media (max-width: 820px) {
  .jukebox-stage { grid-template-columns:1fr; align-items:start; }
  .jukebox-chef img { width:min(58vw,240px); }
  .jukebox-library { grid-template-columns:1fr; }
}
@media (max-width: 620px) {
  .jukebox-main-controls { grid-template-columns:repeat(2,minmax(0,1fr)); }
  .jukebox-now-playing { margin:0 12px; }
  .jukebox-track-play { grid-template-columns:40px minmax(0,1fr) 22px; padding-left:8px; }
}


/* Puppy Gumbo Version 100 — final website-polish navigation corrections */
.experience-starter-bowl-media {
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 18px;
  background: #f4ead7;
}
.experience-starter-bowl-art {
  position: relative;
  width: 100%;
}
.experience-starter-bowl-media .experience-starter-bowl-art img {
  display: block;
  width: 100%;
  height: auto;
  padding: 0;
  background: transparent;
  object-fit: contain;
}
.experience-starter-bowl-link {
  position: absolute;
  z-index: 6;
  left: 26.1%;
  top: 88.7%;
  width: 45.3%;
  height: 5.8%;
  border: 2px solid transparent;
  border-radius: 999px;
  background: transparent;
  cursor: pointer;
}
.experience-starter-bowl-link:hover,
.experience-starter-bowl-link:focus-visible {
  border-color: rgba(181, 128, 28, .96);
  background: rgba(255, 231, 161, .2);
  box-shadow: 0 0 0 4px rgba(255, 250, 236, .92), 0 5px 14px rgba(45,33,24,.22);
  outline: none;
}
.starter-bowl-choose-link {
  position: absolute;
  z-index: 6;
  left: 27.2%;
  top: 17%;
  width: 45.5%;
  height: 42%;
  border: 2px solid transparent;
  border-radius: 999px;
  background: transparent;
  cursor: pointer;
}
.starter-bowl-choose-link:hover,
.starter-bowl-choose-link:focus-visible {
  border-color: rgba(181, 128, 28, .96);
  background: rgba(255, 231, 161, .2);
  box-shadow: 0 0 0 4px rgba(255,250,236,.92), 0 5px 14px rgba(45,33,24,.22);
  outline: none;
}
.starter-bowl-next-step {
  scroll-margin-top: 24px;
  padding: clamp(24px, 4vw, 38px);
  border: 3px solid #315f35;
  border-radius: 20px;
  background: linear-gradient(135deg,#fffaf0,#edf5e9);
  box-shadow: 0 14px 34px rgba(49,95,53,.13);
}
.starter-bowl-next-step h2 { margin: .25em 0 .35em; color: #315f35; }
.starter-bowl-next-step p { max-width: 900px; line-height: 1.6; }
.starter-bowl-next-actions { display:flex; flex-wrap:wrap; gap:10px; margin-top:18px; }
.starter-bowl-checkout-status { margin-top:18px; padding:11px 14px; border-radius:10px; background:#f5ead4; color:#5b4128; font-weight:800; }

.fl-hero#fl-overview,
.vet-center-hero#vet-overview { scroll-margin-top: 22px; }
.fl-resource-return-actions { margin-top: 12px; }
.fl-resource-return-actions .btn { min-width: min(100%, 290px); }
.vet-local-return { display:flex; justify-content:center; margin-top:24px; }
.vet-local-return .btn { min-width:min(100%, 330px); text-align:center; }
.vet-controls .vet-local-return { margin-top:18px; }

.fh-status-caption {
  margin: 0 0 12px;
  color: #655341;
  font-size: .9rem;
  font-weight: 800;
  text-transform: uppercase;
  letter-spacing: .055em;
  text-align: center;
}
.fh-status-grid .fh-status-card {
  position: relative;
  padding: 28px 15px 14px;
  border: 1px solid #cdbda4;
  border-left: 5px solid #6a3f2a;
  border-radius: 10px;
  background: #f8f3e9;
  box-shadow: none;
  cursor: default;
}
.fh-status-grid .fh-status-card::before {
  content: "STATUS";
  position: absolute;
  top: 9px;
  left: 14px;
  color: #85664b;
  font-size: .66rem;
  font-weight: 950;
  letter-spacing: .12em;
}
.fh-status-grid .fh-status-card strong { color:#43372d; font-size:.96rem; }
.fh-status-grid .fh-status-card span { color:#315f35; font-size:.93rem; }


/* ================================================================
   VERSION 101 — launch-polish navigation and status clarity
   ================================================================ */
.starter-purchase-return-wrap{display:flex;justify-content:center;margin:28px auto 8px;padding-top:18px;border-top:1px solid rgba(100,72,47,.2)}
.starter-purchase-return-wrap[hidden]{display:none!important}
.starter-purchase-return{min-width:min(100%,320px);text-align:center}
.future-bowl-preview{position:relative;cursor:default}
.future-bowl-preview .future-bowl-status{position:absolute;left:23%;right:23%;bottom:3.4%;z-index:4;display:flex;align-items:center;justify-content:center;gap:10px;min-height:8.8%;padding:8px 14px;border:2px solid #b4823c;border-radius:999px;background:linear-gradient(180deg,#fff4d7,#ead3a5);box-shadow:0 8px 18px rgba(58,38,24,.2);color:#54351f;text-align:center;pointer-events:none}
.future-bowl-status strong{font-size:clamp(.78rem,1.8vw,1.04rem);letter-spacing:.08em}
.future-bowl-status span{font-size:clamp(.68rem,1.5vw,.88rem);font-weight:800}
.fl-status-strip{padding:34px 0 38px;background:#efe0c3;border-top:1px solid #d8c09a;border-bottom:1px solid #d8c09a}
.fl-status-heading{text-align:center;max-width:820px;margin:0 auto 20px}
.fl-status-heading h2{margin:6px 0 7px;color:#3d2718;font-size:clamp(1.55rem,3vw,2.25rem)}
.fl-status-heading p{margin:0;color:#6a5848;font-weight:800}
.fl-status-groups{display:grid;grid-template-columns:1fr 1fr;gap:16px;max-width:980px;margin:0 auto}
.fl-status-group{border:1px solid #cdb48c;border-radius:16px;background:#fffaf0;box-shadow:0 8px 20px rgba(70,45,28,.07);overflow:hidden;cursor:default}
.fl-status-group-label{display:block;padding:10px 14px;background:#5d412d;color:#fff7e7;font-size:.76rem;font-weight:900;letter-spacing:.08em;text-align:center}
.fl-status-now .fl-status-group-label{background:#315e4f}
.fl-status-items{display:grid;grid-template-columns:1fr 1fr}
.fl-status-items>div{padding:18px;border-right:1px solid #e0d1b9;text-align:center}
.fl-status-items>div:last-child{border-right:0}
.fl-status-items strong,.fl-status-items span{display:block}
.fl-status-items strong{font-size:.82rem;text-transform:uppercase;letter-spacing:.07em;color:#68462d}
.fl-status-items span{margin-top:5px;font-weight:900;color:#23483f}
.fl-status-later .fl-status-items span{color:#7c5a43}
.fo-station-return-row{display:flex;justify-content:center;margin:24px 0 4px;padding-top:18px;border-top:1px solid #dccdb8}
.fo-return-all-stations{min-width:min(100%,340px)}
.help-grow-coming-soon-figure{position:relative;cursor:default}
.help-grow-coming-soon-status{position:absolute;left:24%;right:24%;bottom:2.8%;z-index:5;display:flex;align-items:center;justify-content:center;gap:10px;min-height:9.5%;padding:8px 14px;border:2px solid #b4823c;border-radius:999px;background:linear-gradient(180deg,#fff4d7,#ead3a5);box-shadow:0 8px 18px rgba(58,38,24,.22);color:#54351f;text-align:center;pointer-events:none}
.help-grow-coming-soon-status strong{font-size:clamp(.78rem,1.8vw,1.05rem);letter-spacing:.08em}
.help-grow-coming-soon-status span{font-size:clamp(.68rem,1.5vw,.9rem);font-weight:800}
@media(max-width:720px){
  .future-bowl-preview .future-bowl-status,.help-grow-coming-soon-status{left:12%;right:12%;padding:7px 10px;gap:6px}
  .future-bowl-status span,.help-grow-coming-soon-status span{display:none}
  .fl-status-groups{grid-template-columns:1fr}
  .fl-status-items{grid-template-columns:1fr}
  .fl-status-items>div{border-right:0;border-bottom:1px solid #e0d1b9}
  .fl-status-items>div:last-child{border-bottom:0}
}

/* ================================================================
   WORKING TOWARD VERSION 103 — What's Next? future-journey room
   ================================================================ */
.whats-next-page{background:linear-gradient(180deg,#fff8ee 0,#fffdf8 38%,#f7efe1 100%)}
.whats-next-entry{max-width:980px;margin:0 auto 26px;text-align:center}
.whats-next-entry .room-kicker{letter-spacing:.09em;color:#ffe2a3;text-shadow:0 2px 2px rgba(42,20,6,.72)}
.whats-next-entry h2{font-size:clamp(2.1rem,5vw,4rem);margin:.18em 0 .22em;color:#fff;text-shadow:0 2px 3px rgba(42,20,6,.9)}
.whats-next-entry p{max-width:800px;margin:0 auto;color:#fff;font-size:1.08rem;text-shadow:0 2px 2px rgba(42,20,6,.78)}
.whats-next-hero{display:grid;grid-template-columns:minmax(250px,.78fr) minmax(0,1.22fr);gap:30px;align-items:center;max-width:1040px;margin:0 auto;padding:26px;border:1px solid #dfc8a6;border-radius:26px;background:rgba(255,253,248,.96);box-shadow:0 18px 42px rgba(90,57,27,.12)}
.whats-next-chef{margin:0;text-align:center}
.whats-next-chef img{display:block;width:100%;max-width:360px;margin:0 auto;border:5px solid #fff0d2;border-radius:24px;box-shadow:0 12px 26px rgba(70,45,28,.12)}
.whats-next-chef figcaption{margin-top:9px;color:#6f4521;font-weight:900}
.whats-next-copy .eyebrow{margin-bottom:8px}
.whats-next-copy h1,.whats-next-copy h2{color:#5b3920;line-height:1.06;margin:.2em 0 .42em}
.whats-next-copy h1{font-size:clamp(2rem,4.2vw,3.5rem)}
.whats-next-copy p{color:#5f5144;font-size:1.05rem}
.whats-next-turning-point{margin:20px 0;padding:16px 18px;border-left:5px solid #2f8f57;border-radius:0 14px 14px 0;background:#f2f7ec;color:#315f35;font-size:1.12rem;font-weight:900}
.whats-next-song{margin-top:22px;padding:20px;border:2px solid #d3af67;border-radius:18px;background:linear-gradient(135deg,#fff7e4,#fffdf8)}
.whats-next-song span{display:block;color:#85551f;font-size:.78rem;font-weight:950;letter-spacing:.09em;text-transform:uppercase}
.whats-next-song h3{margin:5px 0 5px;color:#5f3d21;font-size:1.5rem}
.whats-next-song p{margin:0 0 12px}
.whats-next-song audio{width:100%}
.whats-next-actions{display:flex;flex-wrap:wrap;gap:12px;margin-top:22px;align-items:center}
.whats-next-actions.center{justify-content:center}
.whats-next-progress{display:flex;justify-content:center;gap:8px;margin:24px auto 4px;font-family:Arial,sans-serif;font-size:.78rem;font-weight:900;letter-spacing:.04em;text-transform:uppercase;color:#7a664f}
.whats-next-progress span,.whats-next-progress a{display:inline-flex;align-items:center;justify-content:center;padding:6px 10px;border:1px solid #d7c6aa;border-radius:999px;background:#fffaf0;color:#6f5b43;text-decoration:none}
.whats-next-progress a:hover,.whats-next-progress a:focus-visible{border-color:#2f8f57;background:#f2f7ec;color:#27553d;box-shadow:0 0 0 3px rgba(47,143,87,.12)}
.whats-next-progress .current{border-color:#2f8f57;background:#2f8f57;color:#fff}
.whats-next-roadmap{max-width:1050px;margin:0 auto}
.whats-next-stage-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px;margin-top:24px}
.whats-next-stage{padding:22px;border:1px solid #d9c6a8;border-radius:20px;background:#fffdf8;box-shadow:0 9px 22px rgba(75,48,27,.08)}
.whats-next-stage .stage-status{display:inline-block;padding:6px 10px;border-radius:999px;background:#eef7ef;color:#27553d;font-family:Arial,sans-serif;font-size:.72rem;font-weight:950;letter-spacing:.07em;text-transform:uppercase}
.whats-next-stage.future .stage-status{background:#f7ead1;color:#75501e}
.whats-next-stage h3{margin:10px 0 8px;color:#5f3d21;font-size:1.35rem}
.whats-next-stage ul{padding-left:19px;margin:10px 0 0;color:#5f5144}
.whats-next-stage li+li{margin-top:7px}
.whats-next-future-note{margin:26px auto 0;max-width:920px;padding:18px 20px;border:1px solid #d0bf9f;border-radius:16px;background:#f8f3e9;color:#5f5144;text-align:center}
.whats-next-future-note strong{color:#315f35}
.whats-next-mission-visual{margin:28px auto 0;max-width:850px;text-align:center}
.whats-next-mission-visual img{width:100%;border:4px solid #fff4dc;border-radius:22px;box-shadow:0 14px 30px rgba(70,45,28,.12)}
.whats-next-invitation{max-width:930px;margin:0 auto;text-align:center;padding:34px clamp(20px,5vw,54px);border:2px solid #d6b26b;border-radius:26px;background:linear-gradient(145deg,#fffaf0,#f2f7ec);box-shadow:0 16px 36px rgba(70,45,28,.1)}
.whats-next-invitation h1{margin:.2em 0;color:#5f3d21;font-size:clamp(2.1rem,4.7vw,3.7rem);line-height:1.04}
.whats-next-invitation .lead{margin-left:auto;margin-right:auto}
.whats-next-invitation blockquote{margin:24px auto;padding:18px 20px;max-width:720px;border-top:1px solid #d6c3a2;border-bottom:1px solid #d6c3a2;color:#315f35;font-size:1.25rem;font-weight:900}
.whats-next-choice-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;margin:26px 0}
.whats-next-choice{padding:20px 16px;border:1px solid #d6c4a7;border-radius:16px;background:#fffdf8;text-align:left}
.whats-next-choice h3{margin:0 0 7px;color:#5f3d21}
.whats-next-choice p{margin:0;color:#655747}
.whats-next-quiet-close{margin-top:25px;color:#6d5a45;font-style:italic}
@media(max-width:820px){
  .whats-next-hero{grid-template-columns:1fr;padding:20px}
  .whats-next-chef img{max-width:290px}
  .whats-next-stage-grid,.whats-next-choice-grid{grid-template-columns:1fr}
}

/* V103 UPDATE 3 — LAUNCH TRUST / LEGAL PAGES */
.footer-policy-links{display:flex;flex-wrap:wrap;justify-content:center;gap:9px 16px;margin:18px auto 0;padding:14px 18px 4px;border-top:1px solid rgba(255,255,255,.22);max-width:1050px}
.footer-policy-links a{color:#fff6dc;text-decoration:underline;text-underline-offset:3px;font-weight:700;font-size:.91rem}
.footer-policy-links a:hover,.footer-policy-links a:focus{color:#fff}
.footer-legal-note{text-align:center;color:rgba(255,255,255,.78);font-size:.79rem;line-height:1.5;padding:7px 18px 18px;max-width:1050px;margin:0 auto}
.legal-page .legal-hero,.contact-page .legal-hero{background:linear-gradient(145deg,#fff9e9,#f5e7c5);border:2px solid #8a5b31;border-radius:22px;padding:28px;box-shadow:0 12px 30px rgba(59,39,22,.12);margin-bottom:22px}
.legal-page .legal-hero h1,.contact-page .legal-hero h1{margin:.2rem 0 .5rem;color:#4f2f1b;font-size:clamp(2rem,5vw,3.2rem)}
.legal-page .legal-hero p,.contact-page .legal-hero p{max-width:830px;margin:.45rem 0;color:#5d4a3a;line-height:1.68;font-size:1.03rem}
.legal-kicker{display:inline-block;text-transform:uppercase;letter-spacing:.08em;font-weight:800;font-size:.78rem;color:#2f6a45}
.legal-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px;margin:20px 0}
.legal-card{background:#fffdf7;border:1px solid #d8c4a4;border-radius:18px;padding:22px;box-shadow:0 8px 22px rgba(70,48,27,.08)}
.legal-card h2,.legal-card h3{color:#4f2f1b;margin-top:0}.legal-card p,.legal-card li{color:#4f463e;line-height:1.68}.legal-card ul{padding-left:1.2rem}.legal-card a{font-weight:700}
.legal-full{grid-column:1/-1}
.recipe-use-notice{background:#fff4d7;border:3px solid #8b5a2b;border-radius:18px;padding:20px 22px;margin:22px 0;box-shadow:0 8px 20px rgba(72,43,19,.10)}
.recipe-use-notice h2,.recipe-use-notice h3{margin:0 0 10px;color:#5b3418}.recipe-use-notice p{margin:.45rem 0;color:#3f342d;line-height:1.62}.recipe-use-notice strong{color:#4c2b15}
.launch-trust-strip{max-width:1040px;margin:26px auto;padding:0 18px}.launch-trust-strip .recipe-use-notice{margin:0}
.form-age-note{background:#fff8e8;border:1px solid #cda768;border-radius:12px;padding:11px 13px;margin:12px 0;color:#4f3d2d;font-size:.9rem;line-height:1.5}
.form-age-confirm{display:flex!important;gap:9px;align-items:flex-start!important;margin:10px 0 2px!important;font-weight:700!important}.form-age-confirm input{width:auto!important;margin-top:4px!important}
.form-privacy-note{font-size:.84rem;line-height:1.5;color:#5c5148;margin:8px 0 14px}.form-privacy-note a{font-weight:700}
.contact-grid{display:grid;grid-template-columns:minmax(0,.8fr) minmax(0,1.2fr);gap:20px;align-items:start}.contact-card{background:#fffdf7;border:1px solid #d7c2a0;border-radius:18px;padding:22px}.contact-card h2{margin-top:0;color:#4f2f1b}
.contact-form{display:grid;gap:14px}.contact-form label{display:grid;gap:6px;font-weight:750;color:#4b392b}.contact-form input,.contact-form select,.contact-form textarea{width:100%;box-sizing:border-box;border:1px solid #bba784;border-radius:10px;padding:11px 12px;background:#fff;font:inherit;color:#31271f}.contact-form textarea{min-height:150px;resize:vertical}.contact-status{margin-top:10px;padding:10px 12px;border-radius:10px;background:#edf7ef;color:#245735;font-weight:700}
.legal-nav-cards{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;margin:22px 0}.legal-nav-cards a{display:block;text-decoration:none;background:#fffdf7;border:1px solid #d5c09d;border-radius:14px;padding:15px;color:#4f2f1b;font-weight:800;text-align:center}.legal-nav-cards a:hover,.legal-nav-cards a:focus{transform:translateY(-1px);box-shadow:0 7px 18px rgba(70,48,27,.12)}
@media(max-width:850px){.legal-grid,.contact-grid{grid-template-columns:1fr}.legal-nav-cards{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:520px){.legal-nav-cards{grid-template-columns:1fr}.legal-page .legal-hero,.contact-page .legal-hero{padding:20px}.recipe-use-notice{padding:17px}}


/* Version 104 working update 1 — Menu Board story rows, 1–20 numbering, permanent Founder bar */
.nav .links > [data-nav-number] { position:relative; padding-left:34px; }
.nav .links > [data-nav-number]::before { content:attr(data-nav-number); position:absolute; left:8px; top:50%; transform:translateY(-50%); display:grid; place-items:center; width:22px; height:22px; border-radius:50%; background:#315f35; color:#fffaf0; font-family:Arial,Helvetica,sans-serif; font-size:.68rem; font-weight:900; line-height:1; box-shadow:0 1px 3px rgba(45,33,24,.18); }
.nav .links > [data-nav-number][aria-current="page"]::before { background:#fffaf0; color:#315f35; }
.nav .links .nav-reserved-future[data-nav-number]::before { background:#8b806e; color:#fffaf0; }
.nav-founder-row { display:flex; justify-content:center; width:100%; padding:0 12px 12px; }
.nav-founder-bar { display:flex; align-items:center; justify-content:center; width:calc(50% - 4px); min-height:40px; padding:8px 14px; border:2px solid #8f6b3c; border-radius:11px; background:linear-gradient(145deg,#fff7df,#ead29d); color:#432a1d; text-decoration:none; text-align:center; font-family:Georgia,"Times New Roman",serif; font-weight:900; box-shadow:0 3px 8px rgba(45,33,24,.14); }
.nav-founder-bar:hover,.nav-founder-bar:focus-visible { border-color:var(--green); background:#f3f8ec; outline:none; }
.nav-founder-bar[aria-current="page"] { border-color:var(--green2); background:var(--green); color:white; }
@media (max-width:560px) { .nav-founder-bar{width:100%;} .nav .links > [data-nav-number]{padding-left:32px;} }


/* ================================================================
   VERSION 104 WORKING UPDATE 1 — START HERE / CHEF PUPPY ROADMAP
   ================================================================ */
.start-here-page{background:linear-gradient(180deg,#fff8ee 0,#fffdf8 44%,#f6efe2 100%)}
.start-here-opening{padding-top:28px}
.start-here-entry-banner{max-width:1000px;margin:0 auto 26px;text-align:center}
.start-here-entry-banner h1{font-size:clamp(2.35rem,5.6vw,4.4rem);margin:.12em 0 .22em;color:#fff;text-shadow:0 2px 3px rgba(42,20,6,.88)}
.start-here-entry-banner p{max-width:820px;margin:0 auto;color:#fff;font-size:1.1rem;text-shadow:0 2px 2px rgba(42,20,6,.76)}
.start-here-chef-intro{display:grid;grid-template-columns:minmax(220px,.72fr) minmax(0,1.28fr);gap:28px;align-items:center;max-width:1030px;margin:0 auto 28px;padding:26px;border:1px solid #dcc6a4;border-radius:25px;background:rgba(255,253,248,.98);box-shadow:0 16px 36px rgba(74,49,28,.11)}
.start-here-chef-intro figure{margin:0;text-align:center}.start-here-chef-intro img{display:block;width:100%;max-width:300px;max-height:340px;object-fit:cover;object-position:center 24%;margin:0 auto;border:5px solid #fff0d2;border-radius:23px;box-shadow:0 11px 25px rgba(70,45,28,.13)}
.start-here-chef-intro figcaption{margin-top:9px;color:#6f4521;font-size:.92rem;font-weight:900}
.start-here-eyebrow{display:inline-block;color:#2f6a45;font-family:Arial,Helvetica,sans-serif;font-size:.75rem;font-weight:950;letter-spacing:.09em;text-transform:uppercase}
.start-here-chef-copy h2,.start-here-choice-section h2,.start-guide-body h2,.start-here-listening-note h2,.start-here-missed h2{margin:.23em 0 .42em;color:#54351f;line-height:1.08}
.start-here-chef-copy p{color:#5e5044;font-size:1.04rem}.start-here-chef-copy blockquote{margin:18px 0 0;padding:15px 18px;border-left:5px solid #2f8f57;border-radius:0 13px 13px 0;background:#f0f7ed;color:#315f35;font-size:1.1rem;font-weight:900}
.start-here-choice-section{max-width:1050px;margin:0 auto 30px;text-align:center;padding:30px 24px;border:1px solid #dfc8a5;border-radius:24px;background:linear-gradient(145deg,#fffaf0,#f8f1e5);box-shadow:0 12px 28px rgba(70,45,28,.08)}
.start-here-choice-section header>p{max-width:680px;margin:.25rem auto 0;color:#695848}
.start-here-choice-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;margin-top:23px}
.start-here-choice{position:relative;min-height:190px;padding:26px 20px 21px;border:2px solid #caa876;border-radius:19px;background:#fffdf8;color:#432f20;font:inherit;text-align:left;cursor:pointer;box-shadow:0 7px 18px rgba(80,53,29,.08);transition:transform .15s ease,box-shadow .15s ease,border-color .15s ease,background .15s ease}
.start-here-choice:hover,.start-here-choice:focus-visible{transform:translateY(-2px);border-color:#2f8f57;background:#f7fbf5;box-shadow:0 11px 24px rgba(60,91,58,.13);outline:none}.start-here-choice.is-selected{border-color:#2f8f57;background:#edf7ef;box-shadow:0 0 0 3px rgba(47,143,87,.13)}
.start-choice-number{position:absolute;top:13px;right:13px;display:grid;place-items:center;width:29px;height:29px;border-radius:50%;background:#6f4521;color:#fff;font-family:Arial,sans-serif;font-size:.76rem;font-weight:950}.start-here-choice strong{display:block;margin:17px 30px 9px 0;color:#54351f;font-size:1.2rem;line-height:1.2}.start-here-choice small{display:block;color:#665648;font-size:.94rem;line-height:1.55}
.start-here-guide{display:grid;grid-template-columns:165px minmax(0,1fr);gap:24px;align-items:start;max-width:960px;margin:0 auto 30px;padding:26px;border:3px solid #2f8f57;border-radius:24px;background:#fffdf8;box-shadow:0 16px 34px rgba(47,94,58,.12);scroll-margin-top:105px}.start-guide-chef img{width:100%;aspect-ratio:1/1.18;object-fit:cover;object-position:center 22%;border-radius:18px;border:4px solid #f3dfb8}.start-guide-body>p{color:#5d5045}.start-topic-label{display:block;margin-top:18px;color:#4b3525;font-weight:900}.start-guide-body select{width:100%;margin-top:7px;padding:13px 42px 13px 13px;border:2px solid #b89e75;border-radius:12px;background:#fff;font:inherit;color:#2f281f}.start-guide-body select:focus{border-color:#2f8f57;outline:3px solid rgba(47,143,87,.13)}.start-topic-hint{margin:.45rem 0 0!important;color:#7a6959!important;font-size:.87rem!important}
.start-visitor-suggestions{margin:17px 0 4px;padding:17px;border:1px solid #ddc8a7;border-radius:16px;background:#fff8e9}.start-quick-route-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.start-quick-route-grid a{display:block;padding:12px 13px;border:1px solid #d6c2a0;border-radius:12px;background:#fffdf8;text-decoration:none}.start-quick-route-grid a:hover,.start-quick-route-grid a:focus-visible{border-color:#2f8f57;background:#f2f8ef;outline:none}.start-quick-route-grid strong,.start-quick-route-grid span{display:block}.start-quick-route-grid strong{color:#51331e}.start-quick-route-grid span{margin-top:3px;color:#6a5a4b;font-size:.86rem}.start-or{margin:12px 0 0!important;font-style:italic}
.start-confirm{margin-top:17px;padding:17px;border:1px solid #c7ab7d;border-radius:14px;background:#fff6df}.start-confirm p{margin:0 0 11px;color:#4f3927}.start-confirm-actions{display:flex;flex-wrap:wrap;gap:10px}.start-roadmap-result{margin-top:19px;padding:20px;border:2px solid #8a5d33;border-radius:17px;background:linear-gradient(145deg,#fffaf0,#f1f7ec)}.start-roadmap-result h3{margin:.25em 0;color:#54351f;font-size:1.55rem}.start-roadmap-result>p{color:#5e5144}.start-result-routes{display:grid;gap:10px;margin:15px 0}.start-result-route{display:grid;grid-template-columns:65px minmax(0,1fr);gap:2px 12px;padding:14px;border:1px solid #cab38c;border-radius:13px;background:#fff;text-decoration:none}.start-result-route:hover,.start-result-route:focus-visible{border-color:#2f8f57;box-shadow:0 6px 15px rgba(55,92,58,.1);outline:none}.start-result-route>span{grid-row:1/3;align-self:center;color:#2f6a45;font-family:Arial,sans-serif;font-size:.7rem;font-weight:950;letter-spacing:.06em;text-transform:uppercase}.start-result-route strong{color:#4f321e}.start-result-route small{color:#6b5c4f;font-size:.87rem}.start-result-note{margin-bottom:0!important;font-size:.9rem}.start-change-path{margin-top:16px;padding:0;border:0;background:transparent;color:#2f6a45;font:inherit;font-weight:900;text-decoration:underline;cursor:pointer}
.start-here-listening-note,.start-here-missed{display:flex;justify-content:space-between;gap:24px;align-items:center;max-width:980px;margin:0 auto 25px;padding:23px 25px;border-radius:20px}.start-here-listening-note{border:1px solid #c8a96f;background:linear-gradient(135deg,#fff4d8,#fffdf7)}.start-here-listening-note>div{max-width:720px}.start-here-listening-note p,.start-here-missed p{margin:.35rem 0;color:#5e5144}.start-here-listening-note .btn{flex:0 0 auto}.start-here-missed{display:block;text-align:center;border:2px solid #8a5d33;background:#fffdf8;box-shadow:0 10px 24px rgba(70,45,28,.08)}.start-here-missed p{max-width:780px;margin:.4rem auto 16px}.start-missed-actions{display:flex;justify-content:center;gap:10px;flex-wrap:wrap}
@media(max-width:780px){.start-here-chef-intro{grid-template-columns:1fr}.start-here-chef-intro img{max-width:240px}.start-here-choice-grid{grid-template-columns:1fr}.start-here-choice{min-height:0}.start-here-guide{grid-template-columns:1fr}.start-guide-chef{display:none}.start-here-listening-note{display:block;text-align:center}.start-here-listening-note .btn{margin-top:10px}.start-quick-route-grid{grid-template-columns:1fr}}
@media(max-width:520px){.start-here-choice-section,.start-here-guide,.start-here-chef-intro{padding:19px}.start-result-route{grid-template-columns:1fr}.start-result-route>span{grid-row:auto}.start-confirm-actions .btn{width:100%}}

/* Start Here roadmap return path — Update 1 toward Version 104 */
.start-here-return-bar{position:relative;z-index:20;border-bottom:1px solid #c9aa79;background:linear-gradient(135deg,#fff6df,#f2f7ed);box-shadow:0 5px 14px rgba(70,45,28,.08)}
.start-here-return-inner{display:flex;align-items:center;justify-content:space-between;gap:20px;max-width:1180px;margin:0 auto;padding:14px 22px}
.start-here-return-inner>div{display:grid;gap:2px;min-width:0}.start-here-return-kicker{color:#2f6a45;font-family:Arial,Helvetica,sans-serif;font-size:.68rem;font-weight:950;letter-spacing:.08em;text-transform:uppercase}.start-here-return-inner strong{color:#54351f;font-size:.98rem}.start-here-return-inner small{color:#6a594b;line-height:1.35}
.start-here-return-button{flex:0 0 auto;padding:11px 16px;border:2px solid #2f8f57;border-radius:999px;background:#2f8f57;color:#fff!important;font-weight:900;text-decoration:none;box-shadow:0 5px 13px rgba(47,94,58,.13)}.start-here-return-button:hover,.start-here-return-button:focus-visible{background:#246f43;border-color:#246f43;outline:3px solid rgba(47,143,87,.16)}
@media(max-width:760px){.start-here-return-inner{display:grid;text-align:center}.start-here-return-button{justify-self:center}.start-here-return-inner small{max-width:560px}}

/* ================================================================
   VERSION 104 WORKING UPDATE 1 — SITEWIDE “LOST? CLICK HERE” HELPER
   ================================================================ */
.lost-helper-toggle{position:fixed;left:18px;bottom:18px;z-index:1002;min-height:46px;padding:11px 17px;border:2px solid #2f8f57;border-radius:999px;background:linear-gradient(145deg,#fff8e7,#ecd4a4);color:#432d1e;font:900 .94rem/1.1 Georgia,"Times New Roman",serif;box-shadow:0 8px 22px rgba(53,39,26,.22);cursor:pointer}.lost-helper-toggle:hover,.lost-helper-toggle:focus-visible{background:#f0f8ec;border-color:#246f43;outline:3px solid rgba(47,143,87,.16)}.lost-helper-toggle[aria-expanded="true"]{background:#2f8f57;color:#fff;border-color:#246f43}
.lost-helper-panel{position:fixed;left:18px;bottom:76px;z-index:1001;width:min(410px,calc(100vw - 36px));max-height:min(76vh,650px);overflow:auto;border:2px solid #8a653c;border-radius:22px;background:linear-gradient(180deg,#fffdf8,#f7efe2);box-shadow:0 20px 55px rgba(43,30,21,.3);opacity:0;transform:translateY(8px);transition:opacity .16s ease,transform .16s ease}.lost-helper-panel.is-open{opacity:1;transform:translateY(0)}.lost-helper-panel[hidden]{display:none!important}
.lost-helper-head{display:grid;grid-template-columns:58px minmax(0,1fr) 34px;gap:12px;align-items:center;padding:16px 16px 13px;border-bottom:1px solid #dfc69f;background:#fff7e4}.lost-helper-head img{width:58px;height:58px;object-fit:cover;object-position:center 20%;border:3px solid #efd9b1;border-radius:15px}.lost-helper-head-copy{min-width:0}.lost-helper-kicker{display:block;color:#2f6a45;font:950 .62rem/1.2 Arial,Helvetica,sans-serif;letter-spacing:.07em;text-transform:uppercase}.lost-helper-head h2{margin:2px 0 3px;color:#51331e;font-size:1.35rem;line-height:1.05}.lost-helper-head p{margin:0;color:#67584b;font-size:.82rem;line-height:1.35}.lost-helper-close{align-self:start;width:32px;height:32px;padding:0;border:0;border-radius:50%;background:#efe2cd;color:#5b3a23;font:700 1.45rem/1 Arial,sans-serif;cursor:pointer}.lost-helper-close:hover,.lost-helper-close:focus-visible{background:#2f8f57;color:#fff;outline:none}
.lost-helper-current{display:grid;gap:4px;margin:14px 15px 10px;padding:13px 14px;border:2px solid #2f8f57;border-radius:14px;background:#f0f8ee}.lost-helper-current-badge{color:#2f6a45;font:950 .64rem/1.2 Arial,Helvetica,sans-serif;letter-spacing:.07em;text-transform:uppercase}.lost-helper-current strong{color:#3f3024;font-size:1rem;line-height:1.25}
.lost-helper-subhead{display:flex;align-items:baseline;justify-content:space-between;gap:10px;padding:2px 16px 7px;color:#533721}.lost-helper-subhead strong{font-size:.9rem}.lost-helper-subhead span{color:#877362;font-size:.72rem}
.lost-helper-history{display:grid;gap:8px;padding:0 15px 12px}.lost-helper-stop{display:grid;grid-template-columns:auto minmax(0,1fr);gap:2px 9px;padding:11px 12px;border:1px solid #d4bc96;border-radius:12px;background:#fff;text-decoration:none}.lost-helper-stop:hover,.lost-helper-stop:focus-visible{border-color:#2f8f57;background:#f5faf2;outline:none;box-shadow:0 4px 12px rgba(48,90,53,.09)}.lost-helper-stop-badge{grid-row:1/3;align-self:center;min-width:58px;color:#2f6a45;font:950 .58rem/1.15 Arial,Helvetica,sans-serif;letter-spacing:.05em;text-transform:uppercase}.lost-helper-stop strong{color:#4e3422;font-size:.89rem;line-height:1.25}.lost-helper-stop small{color:#77685b;font-size:.72rem;line-height:1.3}.lost-helper-empty{margin:0;padding:13px;border:1px dashed #cdb693;border-radius:11px;background:#fffaf0;color:#736151;font-size:.82rem;line-height:1.45}
.lost-helper-actions{display:grid;gap:8px;padding:12px 15px;border-top:1px solid #e1ceb0}.lost-helper-action{display:block;width:100%;padding:10px 12px;border:1px solid #bda27c;border-radius:11px;background:#fff;color:#4d3523!important;font:900 .84rem/1.2 Arial,Helvetica,sans-serif;text-align:center;text-decoration:none;cursor:pointer}.lost-helper-action:hover,.lost-helper-action:focus-visible{border-color:#2f8f57;background:#f2f8ef;outline:none}.lost-helper-action.primary{border-color:#2f8f57;background:#2f8f57;color:#fff!important}.lost-helper-action.primary:hover,.lost-helper-action.primary:focus-visible{background:#246f43}.lost-helper-action:disabled{opacity:.48;cursor:not-allowed}
.lost-helper-note{margin:0;padding:0 16px 15px;color:#7a695a;font-size:.7rem;line-height:1.4;text-align:center}
@media(max-width:600px){.lost-helper-toggle{left:12px;bottom:12px}.lost-helper-panel{left:10px;bottom:68px;width:calc(100vw - 20px);max-height:72vh}.lost-helper-head{grid-template-columns:52px minmax(0,1fr) 32px;padding:13px}.lost-helper-head img{width:52px;height:52px}.lost-helper-head h2{font-size:1.2rem}.lost-helper-stop{grid-template-columns:1fr}.lost-helper-stop-badge{grid-row:auto;min-width:0}.lost-helper-stop small{display:none}}


/* Version 105 — permanent future foundation + AAFCO external transparency */
.nav-future-foundation{display:grid;grid-template-columns:minmax(0,1fr) minmax(260px,2fr) minmax(0,1fr);gap:14px;align-items:stretch;margin-top:14px;}
.nav-future-card,.nav-founder-bar{min-height:86px;display:flex!important;flex-direction:column;justify-content:center;align-items:center;text-align:center;border-radius:14px;padding:12px 14px;box-sizing:border-box;}
.nav-future-card{background:#f4ead4;border:1px solid #c9ae77;color:#4a3826;box-shadow:0 4px 12px rgba(59,43,25,.12);}
.nav-future-title{font-weight:900;font-size:1.03rem}.nav-future-kicker{font-size:.77rem;text-transform:uppercase;letter-spacing:.06em;color:#7a5d32;font-weight:800;margin-top:3px}.nav-future-copy{font-size:.78rem;line-height:1.28;margin-top:4px}.nav-founder-subtitle{font-size:.8rem;font-weight:700;opacity:.92;margin-top:4px}.nav-app-future .nav-status{display:block;font-size:.72rem;font-weight:800;text-transform:uppercase;letter-spacing:.05em;margin-top:3px}
@media(max-width:760px){.nav-future-foundation{grid-template-columns:1fr}.nav-founder-bar{order:-1}.nav-future-card{min-height:76px}}

/* Version 105 — permanent bottom foundation refinement.
   Three equal unnumbered foundation buttons span the full Menu Board width. */
.nav-founder-row.nav-future-foundation {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 14px;
  align-items: stretch;
  width: 100%;
  padding: 0 12px 12px;
  margin-top: 14px;
  box-sizing: border-box;
}
.nav-future-foundation > .nav-future-card,
.nav-future-foundation > .nav-founder-bar {
  width: 100%;
  min-width: 0;
  min-height: 112px;
  height: 100%;
  padding: 14px 16px;
  box-sizing: border-box;
  align-self: stretch;
}
.nav-future-foundation > .nav-founder-bar .nav-label {
  font-size: 1.22rem;
  line-height: 1.08;
}
.nav-future-foundation > .nav-founder-bar .nav-founder-subtitle {
  font-size: .84rem;
  line-height: 1.25;
  margin-top: 7px;
}
@media (max-width: 760px) {
  .nav-founder-row.nav-future-foundation {
    grid-template-columns: 1fr;
  }
  .nav-future-foundation > .nav-future-card,
  .nav-future-foundation > .nav-founder-bar {
    min-height: 96px;
  }
}


/* ============================================================
   State Guidance & Regulatory Transparency — Aug. 16, 2026
   ============================================================ */
.state-guidance-page .sg-overview{padding-top:34px}.sg-entry-banner{max-width:1120px;margin:0 auto 26px}.sg-kicker{display:block;color:#7a5320;font-size:.78rem;font-weight:950;letter-spacing:.12em;text-transform:uppercase;margin-bottom:7px}.sg-heading{max-width:850px;margin-bottom:20px}.sg-heading h3,.sg-core-message h3,.sg-criticism h3,.sg-corrections h3{margin:.15em 0 .45em;color:#315f35;font-size:clamp(1.45rem,2.4vw,2.15rem);line-height:1.08}.sg-heading p,.sg-core-message p,.sg-criticism p,.sg-corrections p{color:#5f5144;line-height:1.65}.sg-core-message,.sg-path,.sg-map-section,.sg-guidance-examples,.sg-criticism,.sg-corrections{max-width:1120px;margin:24px auto;padding:28px;border:2px solid #d8c39e;border-radius:24px;background:#fffdf7;box-shadow:0 12px 30px rgba(71,49,24,.08)}.sg-no-endorsement,.sg-map-note,.sg-disclaimer{padding:16px 18px;border-radius:16px;background:#f4ead7;border-left:5px solid #7a5320;color:#4f4338;line-height:1.55}.sg-path-grid{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:12px}.sg-path-grid article{position:relative;padding:18px 14px;border-radius:16px;background:#f7f1e5;border:1px solid #dbc9a8;min-height:175px}.sg-path-grid article>span{display:grid;place-items:center;width:34px;height:34px;border-radius:50%;background:#315f35;color:white;font-weight:950;margin-bottom:10px}.sg-path-grid strong{display:block;color:#4e351b;font-size:1rem;margin-bottom:6px}.sg-path-grid p{margin:0;color:#65584a;font-size:.9rem;line-height:1.45}.sg-map-shell{padding:20px;border-radius:22px;background:#f4ead7;border:1px solid #d5bc91;overflow:auto}.sg-map{min-width:780px;padding:12px}.sg-map-row{display:flex;gap:6px;margin:6px 0}.sg-map-row-1{margin-left:122px}.sg-map-row-2{margin-left:86px}.sg-map-row-3{margin-left:38px}.sg-map-row-4{margin-left:72px}.sg-map-row-5{margin-left:150px}.sg-map-row-6{margin-left:8px;margin-top:24px}.sg-state{width:48px;height:48px;display:grid;place-items:center;border-radius:10px;border:2px solid rgba(80,57,29,.18);font-size:.85rem;box-shadow:0 3px 8px rgba(66,44,18,.08)}.sg-state strong{font-weight:950}.sg-guidance{background:#62805a!important;color:#fff}.sg-response{background:#b98a42!important;color:#fff}.sg-outreach{background:#e5bd69!important;color:#4d3514}.sg-continuing{background:#e8dfcf!important;color:#645544}.sg-legend{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px 18px;margin:18px 8px 4px}.sg-legend span{display:flex;align-items:center;gap:9px;color:#534638;font-size:.88rem}.sg-swatch{display:inline-block;width:24px;height:24px;border-radius:7px;border:1px solid rgba(74,52,28,.2);flex:0 0 auto}.sg-map-note{margin-top:14px}.sg-card-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}.sg-state-card{padding:20px;border:1px solid #dac7a7;border-radius:18px;background:#fbf7ef}.sg-state-card.featured{border:3px solid #62805a;background:#f3f7f0}.sg-state-card>span{display:inline-block;padding:4px 9px;border-radius:999px;background:#315f35;color:#fff;font-size:.76rem;font-weight:900;letter-spacing:.04em}.sg-state-card h4{margin:.7em 0 .4em;color:#4e351b;font-size:1.12rem}.sg-state-card p{margin:0;color:#5f5144;line-height:1.55}.sg-criticism blockquote{margin:18px 0 0;padding:18px 22px;border-left:5px solid #315f35;background:#f1f6ef;color:#35543a;font-size:1.08rem;font-weight:800;line-height:1.5}.sg-corrections .btn{margin-top:10px}.sg-disclaimer{max-width:1120px;margin:24px auto;background:#fff4dc;border:2px solid #d2a858;border-left:7px solid #a16b12}.sg-return-links{max-width:1120px;margin:24px auto 4px;display:flex;gap:12px;flex-wrap:wrap}.mission-regulatory-path{margin-top:28px;padding:24px;border:2px solid #c9b486;border-radius:22px;background:linear-gradient(135deg,#f7f1e5,#fffdf8);display:grid;grid-template-columns:minmax(0,1fr) auto;gap:22px;align-items:center}.mission-regulatory-path h2{margin:.2em 0 .4em;color:#315f35}.mission-regulatory-path p{margin:0;color:#5f5144;line-height:1.55;max-width:760px}.mission-regulatory-path .btn{white-space:nowrap}
@media(max-width:900px){.sg-path-grid{grid-template-columns:1fr 1fr}.sg-card-grid{grid-template-columns:1fr 1fr}.mission-regulatory-path{grid-template-columns:1fr}.mission-regulatory-path .btn{justify-self:start}.sg-legend{grid-template-columns:1fr}}
@media(max-width:620px){.sg-core-message,.sg-path,.sg-map-section,.sg-guidance-examples,.sg-criticism,.sg-corrections{padding:20px 16px;border-radius:18px}.sg-path-grid,.sg-card-grid{grid-template-columns:1fr}.sg-map-shell{padding:10px}.sg-map{min-width:720px}.sg-return-links{flex-direction:column}.sg-return-links .btn{width:100%}}


/* ============================================================
   MENU BOARD VISUAL PREVIEW — August 16, 2026
   Working preview only; modeled after founder-approved board artwork.
   ============================================================ */
.pg-grand-menu{padding:20px clamp(10px,2vw,24px) 24px;background:radial-gradient(circle at 30% 20%,rgba(101,61,23,.3),transparent 24%),repeating-linear-gradient(90deg,#24140d 0,#321b0f 40px,#1e110b 80px);border:0;overflow:visible}
.pg-grand-menu .pg-menu-frame{width:min(100%,1500px);max-width:1500px;padding:16px;border:4px solid #1b5a36;border-radius:26px;background:linear-gradient(135deg,#5a3218,#2d160b 40%,#70411f 70%,#2b170d);box-shadow:inset 0 0 0 5px #c49543,inset 0 0 0 9px #2a1b11,0 18px 36px rgba(0,0,0,.32);overflow:visible;gap:0}
.pg-menu-header{display:grid;grid-template-columns:230px minmax(0,1fr) 250px;align-items:center;gap:20px;min-height:185px;padding:8px 24px 12px;border:2px solid #9d6b27;border-radius:18px 18px 8px 8px;background:linear-gradient(115deg,#f4d899,#f0c96f 42%,#f9e9bd 70%,#e9c774);box-shadow:inset 0 0 20px rgba(92,53,16,.25),0 5px 12px rgba(0,0,0,.28)}
.pg-menu-chef{align-self:end;height:180px;display:flex;align-items:flex-end;justify-content:center;overflow:hidden}
.pg-menu-chef img{width:180px;height:180px;object-fit:cover;object-position:50% 22%;border-radius:50% 50% 16px 16px;border:5px solid #f8e6bd;box-shadow:0 8px 16px rgba(57,29,9,.38);transform:translateY(16px)}
.pg-grand-menu .pg-menu-sign{display:flex;width:100%;min-height:150px;padding:12px 30px;flex-direction:column;justify-content:center;align-items:center;border:4px solid #6a3b17;border-radius:50% / 34%;background:linear-gradient(#e9b85f,#f6d991 47%,#dfaa4c);box-shadow:inset 0 0 0 3px #c4872f,inset 0 0 25px rgba(86,49,16,.25),0 7px 12px rgba(65,34,10,.34);color:#2f170b;text-decoration:none;text-align:center;font-family:Georgia,'Times New Roman',serif}
.pg-menu-brand-name{font-size:clamp(2.2rem,5vw,4.9rem);font-weight:950;letter-spacing:.04em;line-height:.88;text-shadow:0 1px #fff1c3}
.pg-grand-menu .menu-board-title{margin-top:8px;color:#134a32;font-size:clamp(1.65rem,3.7vw,3.6rem);font-weight:950;letter-spacing:.07em;line-height:.94}
.pg-grand-menu .menu-board-subtitle{margin-top:9px;color:#2f170b;font-family:Georgia,'Times New Roman',serif;font-size:clamp(1rem,2vw,1.85rem);font-style:italic;font-weight:800;letter-spacing:.01em}
.pg-menu-motto{display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;color:#342012;font-family:Georgia,'Times New Roman',serif;font-size:clamp(.9rem,1.5vw,1.25rem);line-height:1.14}.pg-menu-motto span{width:120px;height:1px;margin:11px 0;background:#5f3d1d;position:relative}.pg-menu-motto span:after{content:'◆';position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);background:#efcf87;padding:0 8px;font-size:.52rem}
.pg-grand-menu .links{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));width:100%;padding:14px 12px 8px;gap:9px;background:transparent}
.pg-grand-menu .links>a,.pg-grand-menu .links>.nav-placeholder{position:relative;display:grid;grid-template-columns:54px minmax(0,1fr);grid-template-rows:1fr auto;align-items:center;min-height:105px;padding:10px 14px 10px 64px;border:3px solid #6e421b;border-radius:10px;background:linear-gradient(145deg,#f8e2ac,#f4d592 60%,#eed087);box-shadow:inset 0 0 0 2px #d2a955,inset 0 0 16px rgba(103,62,18,.12),0 4px 7px rgba(0,0,0,.28);color:#251a10;text-decoration:none;text-align:left;font-family:Georgia,'Times New Roman',serif;line-height:1.02}
.pg-grand-menu .links>a:before,.pg-grand-menu .links>.nav-placeholder:before{content:attr(data-nav-number);position:absolute;left:8px;top:8px;transform:none;display:grid;place-items:center;width:36px;height:36px;border:3px solid #8a5b1e;border-radius:50%;background:radial-gradient(circle,#f7d171,#bd7d21);color:#2c1b0f;font-family:Georgia,'Times New Roman',serif;font-size:1.3rem;font-weight:950;box-shadow:inset 0 0 0 2px #f4db9e,0 2px 5px rgba(0,0,0,.25)}
.pg-grand-menu .nav-icon{grid-row:1/3;grid-column:1;font-family:Georgia,'Times New Roman',serif;color:#0f432c;font-size:2.65rem;font-weight:900;text-align:center;filter:grayscale(1) sepia(.2)}
.pg-grand-menu .nav-label{grid-column:2;color:#25180e;font-size:clamp(1rem,1.55vw,1.45rem);font-weight:950;text-transform:uppercase;line-height:1.04}
.pg-grand-menu .nav-status{grid-column:2;margin-top:5px;color:#49331f;font-family:Georgia,'Times New Roman',serif;font-size:.78rem;font-weight:900;letter-spacing:.01em;text-transform:uppercase;line-height:1.05}
.pg-grand-menu .links>a:hover,.pg-grand-menu .links>a:focus-visible{transform:translateY(-2px);border-color:#1b623c;background:linear-gradient(145deg,#fff0c8,#eed894);box-shadow:inset 0 0 0 2px #2c764e,0 7px 12px rgba(0,0,0,.28);outline:none}
.pg-grand-menu .links>a[aria-current='page']{border-color:#164b33;background:linear-gradient(145deg,#dce9c8,#f0daa1);color:#1d2a1f}.pg-grand-menu .links>a[aria-current='page']:before{background:#1f603e;color:#fff4d4;border-color:#0d3f29}.pg-grand-menu .links>.nav-placeholder{opacity:.9;cursor:default}
.pg-grand-menu .nav-founder-row.nav-future-foundation{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;width:100%;padding:4px 12px 10px;margin:0}
.pg-grand-menu .nav-future-foundation>.nav-future-card,.pg-grand-menu .nav-future-foundation>.nav-founder-bar{position:relative;width:100%;min-height:126px;padding:15px 22px;border:3px solid #6e421b;border-radius:10px;background:linear-gradient(145deg,#f8e2ac,#f4d592 60%,#eed087);box-shadow:inset 0 0 0 2px #d2a955,0 4px 7px rgba(0,0,0,.28);color:#25180e;font-family:Georgia,'Times New Roman',serif;text-decoration:none}
.pg-grand-menu .foundation-paw{position:absolute;left:18px;top:18px;font-size:1.3rem;filter:grayscale(1)}.pg-grand-menu .nav-future-title,.pg-grand-menu .nav-founder-bar .nav-label{font-size:clamp(1.25rem,2.1vw,2rem);font-weight:950;line-height:1;text-transform:uppercase}.pg-grand-menu .nav-future-kicker,.pg-grand-menu .nav-founder-subtitle{margin-top:7px;color:#402b18;font-size:clamp(.82rem,1.25vw,1.05rem);font-style:italic;font-weight:850;text-transform:none;letter-spacing:0}.pg-grand-menu .nav-future-copy{max-width:330px;margin-top:5px;color:#4d321b;font-size:.86rem;font-weight:700;line-height:1.18}.pg-grand-menu .nav-founder-bar:hover,.pg-grand-menu .nav-founder-bar:focus-visible{border-color:#1b623c;background:linear-gradient(145deg,#fff0c8,#eed894)}
.pg-regulatory-strip{display:grid;grid-template-columns:50px minmax(0,1fr) auto 42px;gap:12px;align-items:center;width:calc(100% - 48px);min-height:68px;margin:2px auto 0;padding:9px 16px;border:3px solid #5b3516;border-radius:10px;background:linear-gradient(145deg,#f8dd9b,#edc56e);box-shadow:inset 0 0 0 2px #d39d3e,0 5px 9px rgba(0,0,0,.3);color:#28180d;text-decoration:none;font-family:Georgia,'Times New Roman',serif}.pg-reg-shield{display:grid;place-items:center;width:42px;height:46px;background:#164f33;color:#fff;border-radius:6px 6px 14px 14px;font-size:1.7rem;font-weight:950}.pg-regulatory-strip strong{font-size:clamp(1.15rem,2.25vw,2.2rem);line-height:.95}.pg-regulatory-strip>span:nth-of-type(2){font-weight:800;line-height:1.05}.pg-reg-paw{font-size:1.5rem;filter:grayscale(1)}.pg-regulatory-strip:hover,.pg-regulatory-strip:focus-visible{border-color:#174c34;transform:translateY(-1px);outline:none}.pg-regulatory-strip[aria-current='page']{box-shadow:inset 0 0 0 3px #2f6a45,0 5px 9px rgba(0,0,0,.3)}
@media(max-width:1100px){.pg-menu-header{grid-template-columns:170px minmax(0,1fr) 190px;min-height:155px}.pg-menu-chef{height:150px}.pg-menu-chef img{width:145px;height:145px}.pg-grand-menu .links>a,.pg-grand-menu .links>.nav-placeholder{min-height:94px;padding-left:56px}.pg-grand-menu .nav-icon{font-size:2.15rem}.pg-regulatory-strip{grid-template-columns:44px minmax(0,1fr) 42px}.pg-regulatory-strip>span:nth-of-type(2){display:none}}
@media(max-width:850px){.pg-menu-header{grid-template-columns:125px minmax(0,1fr);gap:10px}.pg-menu-chef{height:125px}.pg-menu-chef img{width:115px;height:115px;transform:translateY(10px)}.pg-menu-motto{display:none}.pg-grand-menu .links{grid-template-columns:repeat(2,minmax(0,1fr))}.pg-grand-menu .nav-founder-row.nav-future-foundation{grid-template-columns:1fr}.pg-regulatory-strip{width:calc(100% - 24px)}}
@media(max-width:560px){.pg-grand-menu{padding:8px 6px 12px}.pg-grand-menu .pg-menu-frame{padding:8px;border-radius:16px}.pg-menu-header{grid-template-columns:80px minmax(0,1fr);min-height:92px;padding:4px 8px}.pg-menu-chef{height:88px}.pg-menu-chef img{width:78px;height:78px;border-width:3px}.pg-grand-menu .pg-menu-sign{min-height:80px;padding:6px 12px;border-width:2px}.pg-menu-brand-name{font-size:1.55rem}.pg-grand-menu .menu-board-title{font-size:1.22rem;margin-top:3px}.pg-grand-menu .menu-board-subtitle{font-size:.82rem;margin-top:3px}.pg-grand-menu .links{grid-template-columns:1fr;padding:8px 5px;gap:6px}.pg-grand-menu .links>a,.pg-grand-menu .links>.nav-placeholder{min-height:76px;grid-template-columns:44px minmax(0,1fr);padding:8px 10px 8px 56px}.pg-grand-menu .links>a:before,.pg-grand-menu .links>.nav-placeholder:before{width:30px;height:30px;font-size:1rem}.pg-grand-menu .nav-icon{font-size:1.75rem}.pg-grand-menu .nav-label{font-size:1.03rem}.pg-grand-menu .nav-future-foundation>.nav-future-card,.pg-grand-menu .nav-future-foundation>.nav-founder-bar{min-height:106px}.pg-regulatory-strip{grid-template-columns:38px minmax(0,1fr) 30px;width:calc(100% - 10px);padding:8px}.pg-reg-shield{width:34px;height:38px;font-size:1.25rem}.pg-regulatory-strip strong{font-size:.95rem}.pg-reg-paw{font-size:1rem}}

/* Exact-image Menu Board preview — August 16 2026 */
.pg-image-menu{background:#17100a;padding:18px 10px 10px;position:relative;z-index:5}.pg-image-board-shell{position:relative;max-width:1626px;margin:0 auto;line-height:0;box-shadow:0 14px 40px rgba(0,0,0,.42);background:#2b190d}.pg-image-board-art{display:block;width:100%;height:auto}.pg-board-hotspot{position:absolute;display:block;z-index:8;border-radius:8px;cursor:pointer;outline:0;background:transparent;line-height:normal}.pg-board-hotspot:hover,.pg-board-hotspot:focus-visible{box-shadow:inset 0 0 0 4px rgba(255,248,218,.88),0 0 0 3px rgba(88,55,21,.7);background:rgba(255,250,225,.08)}.pg-board-disabled{cursor:default}.pg-board-disabled:hover{box-shadow:none;background:transparent}.pg-board-preview-note{max-width:1626px;margin:10px auto 0;color:#f3e5bd;text-align:center;font:600 13px/1.35 Arial,sans-serif;letter-spacing:.02em}.pg-official-chef-cover{position:absolute;z-index:7;left:7.2%;top:.35%;width:15.9%;height:21.7%;overflow:hidden;border-radius:46% 46% 35% 35%;border:5px solid #6e421a;box-shadow:0 0 0 4px #d29b43,0 8px 14px rgba(0,0,0,.35);background:#d8b36d;line-height:0}.pg-official-chef-cover:before{content:"";position:absolute;inset:0;box-shadow:inset 0 0 22px rgba(54,31,11,.35);z-index:2;pointer-events:none}.pg-official-chef-cover img{width:100%;height:100%;object-fit:cover;object-position:50% 25%;transform:scale(1.02)}
.pg-page-content-anchor{scroll-margin-top:16px}.sg-state-link{text-decoration:none;color:inherit;cursor:pointer}.sg-state-link:hover,.sg-state-link:focus-visible{transform:translateY(-2px);box-shadow:0 0 0 3px rgba(255,255,255,.9),0 4px 10px rgba(0,0,0,.18);outline:none}
@media(max-width:760px){.pg-image-menu{padding:8px 2px}.pg-official-chef-cover{border-width:2px;box-shadow:0 0 0 2px #d29b43}.pg-board-hotspot:hover,.pg-board-hotspot:focus-visible{box-shadow:inset 0 0 0 2px rgba(255,248,218,.9)}.pg-board-preview-note{font-size:11px;padding:0 8px}}
/* PREVIEW V4 hotspot alignment and navigation verification */
.pg-board-hotspot[data-number="13"],
.pg-board-hotspot[data-number="14"],
.pg-board-hotspot[data-number="15"],
.pg-board-hotspot[data-number="16"],
.pg-board-hotspot[data-number="17"],
.pg-board-hotspot[data-number="18"],
.pg-board-hotspot[data-number="19"],
.pg-board-hotspot[data-number="20"] { box-sizing:border-box; overflow:hidden; }
.pg-board-hotspot[data-number="13"]:hover,.pg-board-hotspot[data-number="13"]:focus-visible,
.pg-board-hotspot[data-number="14"]:hover,.pg-board-hotspot[data-number="14"]:focus-visible,
.pg-board-hotspot[data-number="15"]:hover,.pg-board-hotspot[data-number="15"]:focus-visible,
.pg-board-hotspot[data-number="16"]:hover,.pg-board-hotspot[data-number="16"]:focus-visible,
.pg-board-hotspot[data-number="17"]:hover,.pg-board-hotspot[data-number="17"]:focus-visible,
.pg-board-hotspot[data-number="18"]:hover,.pg-board-hotspot[data-number="18"]:focus-visible,
.pg-board-hotspot[data-number="19"]:hover,.pg-board-hotspot[data-number="19"]:focus-visible,
.pg-board-hotspot[data-number="20"]:hover,.pg-board-hotspot[data-number="20"]:focus-visible {
  outline:none; box-shadow:inset 0 0 0 4px rgba(255,248,218,.92),0 0 0 2px rgba(88,55,21,.58);
}
html { scroll-behavior:smooth; }
#pg-page-content, .sg-state-card { scroll-margin-top: 20px; }
.sg-state-link { cursor:pointer; }


/* V6 Experience welcome layout correction */
.experience-welcome-card-v6 {
  grid-template-columns: minmax(0, 1.08fr) minmax(340px, .92fr);
  align-items: start;
  background: #fffaf0;
}
.experience-welcome-card-v6 .experience-welcome-left {
  min-width: 0;
  background: #f3ead7;
  border-right: 1px solid rgba(168,121,46,.35);
}
.experience-welcome-card-v6 .experience-welcome-image {
  display:block;
  margin:0;
  padding:0;
  min-height:0;
  background:#f3ead7;
}
.experience-welcome-card-v6 .experience-welcome-image img {
  display:block;
  width:100%;
  height:auto;
  max-height:none;
  object-fit:contain;
  object-position:top center;
}
.experience-welcome-card-v6 .experience-welcome-songs {
  padding: 18px 20px 22px;
  background:#f3ead7;
}
.experience-welcome-card-v6 .experience-welcome-songs .experience-audio-card {
  margin-top:14px;
}
.experience-welcome-card-v6 .experience-welcome-songs .experience-audio-card:first-child {
  margin-top:0;
}
.experience-welcome-card-v6 .experience-welcome-copy-v6 {
  align-self:start;
  padding: clamp(30px, 4vw, 58px);
}
.experience-welcome-note {
  margin-top:24px;
  padding:18px 20px;
  border:1px solid #d3bd8c;
  border-radius:14px;
  background:#fbf5e8;
  color:#4c3a2d;
  line-height:1.6;
}
@media (max-width: 860px) {
  .experience-welcome-card-v6 { grid-template-columns: 1fr; }
  .experience-welcome-card-v6 .experience-welcome-left { border-right:0; border-bottom:1px solid rgba(168,121,46,.35); }
}


/* V7 — Founder precision fit + tighter Experience welcome composition */
.experience-page {
  padding-top: 0 !important;
  padding-bottom: 16px !important;
}
.experience-entry-banner {
  margin-top: 0 !important;
  margin-bottom: 18px !important;
}
.experience-welcome-card-v6 {
  align-items: start;
  margin-top: 0 !important;
}
.experience-welcome-card-v6 .experience-welcome-left {
  align-self: start;
}
.experience-welcome-card-v6 .experience-welcome-songs {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 12px;
  padding: 12px 14px 14px;
}
.experience-welcome-card-v6 .experience-welcome-songs .experience-audio-card,
.experience-welcome-card-v6 .experience-welcome-songs .experience-audio-card:first-child {
  margin-top: 0 !important;
  padding: 14px 14px 12px;
}
.experience-welcome-card-v6 .experience-welcome-songs .experience-audio-card p {
  margin: 6px 0 10px;
  line-height: 1.35;
}
.experience-welcome-card-v6 .experience-welcome-songs audio {
  width: 100%;
}
.experience-welcome-card-v6 .experience-welcome-copy-v6 {
  align-self: start;
  padding: clamp(22px, 3vw, 40px);
}
.experience-welcome-card-v6 .experience-welcome-copy-v6 p {
  margin-top: 12px;
  margin-bottom: 12px;
}
.experience-welcome-card-v6 .experience-welcome-note {
  margin-top: 16px;
  padding: 14px 16px;
}
@media (max-width: 1050px) {
  .experience-welcome-card-v6 .experience-welcome-songs {
    grid-template-columns: 1fr;
  }
}

/* Local visual QC gallery — August 17, 2026 */
.qc-music-room{background:#f2e7cf;padding-bottom:44px}
.qc-review-intro{padding:26px 16px 16px;text-align:center;color:#3f2a1b}
.qc-review-intro h1{margin:12px 0 8px;color:#174e2d;font-family:Georgia,serif;font-size:clamp(2rem,4vw,3.2rem)}
.qc-review-intro p{max-width:980px;margin:0 auto 12px;font-size:1.05rem;line-height:1.55}
.qc-local-banner{display:inline-block;padding:9px 16px;border:3px solid #8a5a20;border-radius:10px;background:#fff4c7;color:#6b3f1f;font-weight:900;letter-spacing:.04em}
.qc-key{max-width:980px;margin:14px auto 0;padding:10px 14px;background:#fffaf0;border:2px solid #b68545;border-radius:10px}
.qc-gallery{display:grid!important;grid-template-columns:1fr!important;gap:30px!important;max-width:1260px!important}
.qc-song-card{margin:0!important;padding:12px!important;background:#fff8e9;border:4px solid #98662d;border-radius:16px;box-shadow:0 7px 18px rgba(61,39,19,.16)}
.qc-song-label{padding:2px 4px 10px;font:700 1.2rem Georgia,serif;color:#164f2c}
.qc-song-label strong{color:#783c22}
.qc-song-card img{display:block;width:100%!important;height:auto!important;max-height:none!important;object-fit:contain!important;border-radius:8px;background:#efe3c8}
.qc-rating-row{display:flex;justify-content:center;gap:16px;flex-wrap:wrap;margin-top:10px;color:#68482c;font-size:.86rem;font-weight:800}
.qc-rating-row span{padding:5px 10px;border:1px solid #c9a66c;border-radius:999px;background:#fffdf7}
.qc-bottom-note{text-align:center;padding:30px 12px;font-weight:800;color:#634324}
@media(max-width:700px){.qc-song-card{padding:7px}.qc-gallery{gap:18px!important}.qc-rating-row{gap:7px}}

/* QC V2 — review criteria are labels, not buttons */
.qc-rating-row span{
  cursor:default !important;
  opacity:.82;
  border-style:dashed !important;
}
.qc-rating-row::before{
  content:"Review only:";
  font-weight:700;
  color:#6f5135;
  align-self:center;
}

.qc-jump-menu-wrap{max-width:1180px;margin:22px auto 6px;padding:16px;background:#fff9ec;border:3px solid #9b6a30;border-radius:14px;box-shadow:0 5px 14px rgba(60,38,18,.12)}
.qc-jump-menu-wrap h2{margin:0 0 12px;text-align:center;color:#174e2d;font-family:Georgia,serif;font-size:1.5rem}
.qc-jump-menu{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:8px}
.qc-jump-link{display:flex;align-items:center;gap:7px;min-height:48px;padding:7px 9px;background:#f7ead0;border:2px solid #b88645;border-radius:9px;color:#3e2b1d;text-decoration:none;font-weight:700;line-height:1.15}
.qc-jump-link:hover,.qc-jump-link:focus{background:#fff4cf;border-color:#6e431f;outline:3px solid rgba(117,75,31,.18)}
.qc-jump-num{flex:0 0 auto;width:28px;height:28px;border-radius:50%;display:grid;place-items:center;background:#74451f;color:#fff;font-weight:900}
.qc-back-to-menu{display:block;width:max-content;margin:12px auto 2px;padding:7px 12px;border:2px solid #8b5b29;border-radius:999px;background:#fff7df;color:#5c3a1e;text-decoration:none;font-weight:800}
.qc-back-to-menu:hover,.qc-back-to-menu:focus{background:#f3dfb7}
@media(max-width:1000px){.qc-jump-menu{grid-template-columns:repeat(4,minmax(0,1fr))}}
@media(max-width:760px){.qc-jump-menu{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:470px){.qc-jump-menu{grid-template-columns:1fr}}

/* QC V5 — proper two-panel Featured Song Card for #21 */
.qc-song-card{scroll-margin-top:18px}
.featured-song-composite{
  width:100%;
  aspect-ratio:7 / 3.125;
  display:grid;
  grid-template-columns:2.5fr 4.5fr;
  background:#fffaf0;
  border:3px solid #b27a32;
  border-radius:15px;
  overflow:hidden;
}
.featured-song-left{
  min-width:0;
  padding:clamp(12px,1.5vw,22px);
  background:linear-gradient(135deg,#fffdf7,#f5e8ce);
  border-right:6px solid #8a5b28;
  display:flex;
  flex-direction:column;
  justify-content:flex-start;
  color:#2c2118;
}
.featured-song-left h3{
  margin:0 0 10px;
  color:#174e2d;
  font-family:Georgia,serif;
  font-size:clamp(1.25rem,2vw,2rem);
  line-height:1.04;
}
.featured-song-left h3 span{
  font-size:.70em;
  color:#6d3f24;
}
.featured-song-left p{
  margin:0 0 10px;
  font-size:clamp(.82rem,1.2vw,1.08rem);
  line-height:1.36;
  font-weight:600;
}
.featured-song-left audio{
  width:100%;
  margin:auto 0 10px;
}
.featured-song-left .qc-choose-btn,
.featured-song-left .qc-share-btn{
  display:block;
  width:78%;
  min-height:42px;
  margin:0 auto;
  border-radius:10px;
  color:white;
  font-weight:900;
  cursor:pointer;
}
.featured-song-left .qc-choose-btn{
  background:#1e7a41;
  border:2px solid #11542b;
  margin-bottom:9px;
}
.featured-song-left .qc-share-btn{
  background:#8a5429;
  border:2px solid #633818;
}
.featured-song-left .qc-share-row{
  display:block;
  width:100%;
}
.featured-song-art{
  min-width:0;
  height:100%;
  overflow:hidden;
  background:#efe3c8;
}
.featured-song-art img{
  display:block;
  width:100% !important;
  height:100% !important;
  object-fit:cover !important;
  object-position:center;
  border-radius:0 !important;
}
@media(max-width:760px){
  .featured-song-composite{
    aspect-ratio:auto;
    grid-template-columns:1fr;
  }
  .featured-song-left{
    border-right:0;
    border-bottom:6px solid #8a5b28;
  }
  .featured-song-art{aspect-ratio:3/2}
}

/* QC V7 — exact approved live-card geometry for #21 and #23:
   2.5 x 3 left panel + 4.5 x 3 artwork panel */
.qc-song-card-live .featured-song-composite{
  width:100% !important;
  aspect-ratio:7 / 3 !important;
  grid-template-columns:2.5fr 4.5fr !important;
}
.qc-song-card-live .featured-song-left,
.qc-song-card-live .featured-song-art{
  min-height:0 !important;
  height:100% !important;
}
.qc-song-card-live .featured-song-art{
  padding:0 !important;
  margin:0 !important;
  overflow:hidden !important;
}
.qc-song-card-live .featured-song-art img{
  width:100% !important;
  height:100% !important;
  min-height:100% !important;
  max-height:none !important;
  object-fit:cover !important;
  object-position:center center !important;
  margin:0 !important;
  padding:0 !important;
  background:none !important;
}
@media(min-width:761px){
  .qc-song-card-live .featured-song-composite{
    min-height:3in;
  }
}

/* August 17, 2026 — Eight approved Jingle Competition feature cards */
.jg-jump-wrap{
  max-width:1180px;
  margin:24px auto 28px;
  padding:16px;
  background:#fff9ec;
  border:3px solid #9b6a30;
  border-radius:14px;
  box-shadow:0 5px 14px rgba(60,38,18,.12);
}
.jg-jump-wrap h3{
  margin:0 0 12px;
  text-align:center;
  color:#174e2d;
  font-family:Georgia,serif;
  font-size:1.55rem;
}
.jg-jump-grid{
  display:grid;
  grid-template-columns:repeat(4,minmax(0,1fr));
  gap:9px;
}
.jg-jump-link{
  display:flex;
  align-items:center;
  gap:8px;
  min-height:54px;
  padding:8px 10px;
  background:#f7ead0;
  border:2px solid #b88645;
  border-radius:10px;
  color:#3e2b1d;
  text-decoration:none;
  font-weight:800;
  line-height:1.15;
}
.jg-jump-link:hover,.jg-jump-link:focus{
  background:#fff3cd;
  border-color:#754820;
  outline:3px solid rgba(117,75,31,.18);
}
.jg-jump-num{
  flex:0 0 auto;
  width:30px;height:30px;
  display:grid;place-items:center;
  border-radius:50%;
  background:#74451f;color:#fff;font-weight:900;
}
.jg-feature-grid{
  display:grid;
  grid-template-columns:1fr;
  gap:30px;
  max-width:1260px;
  margin:0 auto 34px;
}
.jg-feature-card{
  scroll-margin-top:18px;
  padding:12px;
  background:#fff8e9;
  border:4px solid #98662d;
  border-radius:16px;
  box-shadow:0 7px 18px rgba(61,39,19,.16);
}
.jg-feature-composite{
  width:100%;
  aspect-ratio:7 / 3;
  display:grid;
  grid-template-columns:2.5fr 4.5fr;
  background:#fffaf0;
  border:3px solid #b27a32;
  border-radius:15px;
  overflow:hidden;
}
.jg-left-panel{
  min-width:0;
  height:100%;
  padding:clamp(12px,1.5vw,22px);
  background:linear-gradient(135deg,#fffdf7,#f5e8ce);
  border-right:6px solid #8a5b28;
  display:flex;
  flex-direction:column;
  color:#2c2118;
}
.jg-left-panel h4{
  margin:0 0 10px;
  color:#174e2d;
  font-family:Georgia,serif;
  font-size:clamp(1.22rem,1.95vw,1.9rem);
  line-height:1.04;
}
.jg-number{
  display:block;
  margin-bottom:5px;
  color:#70411f;
  font-size:.72em;
  text-transform:uppercase;
  letter-spacing:.03em;
}
.jg-left-panel p{
  margin:0 0 10px;
  font-size:clamp(.82rem,1.15vw,1.02rem);
  line-height:1.35;
  font-weight:600;
}
.jg-left-panel audio{
  width:100%;
  margin:auto 0 10px;
}
.jg-left-panel .jg-choose-btn,
.jg-left-panel .jg-share-btn{
  display:block;
  width:82%;
  min-height:42px;
  margin-left:auto;
  margin-right:auto;
  border-radius:10px;
  color:white;
  font-weight:900;
  cursor:pointer;
}
.jg-left-panel .jg-choose-btn{
  background:#1e7a41;
  border:2px solid #11542b;
  margin-bottom:9px;
}
.jg-left-panel .jg-share-btn{
  background:#8a5429;
  border:2px solid #633818;
}
.jg-share-row{display:block;width:100%}
.jg-popularity{
  width:86%;
  margin:11px auto 0;
  text-align:center;
  color:#5c442c;
}
.jg-popularity strong{
  display:block;
  margin-bottom:5px;
  color:#174e2d;
  text-transform:uppercase;
  letter-spacing:.03em;
}
.jg-art-panel{
  min-width:0;
  height:100%;
  overflow:hidden;
  background:#efe3c8;
}
.jg-art-panel img{
  display:block;
  width:100%!important;
  height:100%!important;
  object-fit:cover!important;
  object-position:center!important;
  margin:0!important;
  padding:0!important;
}
.jg-back-link{
  display:block;
  width:max-content;
  margin:12px auto 2px;
  padding:7px 12px;
  border:2px solid #8b5b29;
  border-radius:999px;
  background:#fff7df;
  color:#5c3a1e;
  text-decoration:none;
  font-weight:800;
}
.jg-back-link:hover,.jg-back-link:focus{background:#f3dfb7}
@media(max-width:900px){
  .jg-jump-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
}
@media(max-width:760px){
  .jg-feature-composite{aspect-ratio:auto;grid-template-columns:1fr}
  .jg-left-panel{border-right:0;border-bottom:6px solid #8a5b28}
  .jg-art-panel{aspect-ratio:3/2}
}
@media(max-width:470px){
  .jg-jump-grid{grid-template-columns:1fr}
}

/* Jingle full-panel correction — August 17, 2026 */
.jg-art-panel{
  padding:0 !important;
  margin:0 !important;
  overflow:hidden !important;
  height:100% !important;
}
.jg-art-panel img{
  display:block !important;
  width:100% !important;
  height:100% !important;
  min-height:100% !important;
  max-height:none !important;
  object-fit:fill !important;
  object-position:center center !important;
  margin:0 !important;
  padding:0 !important;
  background:none !important;
}

/* Deployment candidate cleanup */
.qc-rating-row,.qc-local-banner,.qc-key{display:none!important}

/* Candidate 02: all 40 Featured Songs are live two-panel cards */
.qc-song-card-live .featured-song-composite{width:100%!important;aspect-ratio:7/3!important;display:grid!important;grid-template-columns:2.5fr 4.5fr!important;background:#fffaf0;border:3px solid #b27a32;border-radius:15px;overflow:hidden}
.qc-song-card-live .featured-song-left{min-width:0;height:100%;padding:clamp(12px,1.5vw,22px);background:linear-gradient(135deg,#fffdf7,#f5e8ce);border-right:6px solid #8a5b28;display:flex;flex-direction:column;color:#2c2118}
.qc-song-card-live .featured-song-left h3{margin:0 0 10px;color:#174e2d;font-family:Georgia,serif;font-size:clamp(1.2rem,1.85vw,1.9rem);line-height:1.06}
.qc-song-card-live .featured-song-left p{margin:0 0 10px;font-size:clamp(.80rem,1.08vw,1rem);line-height:1.35;font-weight:600}
.qc-song-card-live .featured-song-left audio{width:100%;margin:auto 0 10px}
.qc-song-card-live .qc-choose-btn,.qc-song-card-live .qc-share-btn{display:block;width:78%;min-height:42px;margin-left:auto;margin-right:auto;border-radius:10px;color:#fff;font-weight:900;cursor:pointer}
.qc-song-card-live .qc-choose-btn{background:#1e7a41;border:2px solid #11542b;margin-bottom:9px}
.qc-song-card-live .qc-share-btn{background:#8a5429;border:2px solid #633818}
.qc-song-card-live .qc-share-row{display:block;width:100%}
.qc-song-card-live .featured-song-art{min-width:0;height:100%;padding:0!important;margin:0!important;overflow:hidden!important;background:#efe3c8}
.qc-song-card-live .featured-song-art img{display:block!important;width:100%!important;height:100%!important;object-fit:cover!important;object-position:center!important;margin:0!important;padding:0!important}
@media(max-width:760px){.qc-song-card-live .featured-song-composite{aspect-ratio:auto!important;grid-template-columns:1fr!important}.qc-song-card-live .featured-song-left{border-right:0;border-bottom:6px solid #8a5b28}.qc-song-card-live .featured-song-art{aspect-ratio:3/2}}


/* Candidate 03 — Experience Stop 7 / Vet Center visual clarity fixes */

/* Vet Center six featured visual guides use their full-resolution source
   and display the entire page rather than cropping it. */
.vet-visual-card img{
  display:block !important;
  width:100% !important;
  height:auto !important;
  aspect-ratio:auto !important;
  max-height:560px !important;
  object-fit:contain !important;
  object-position:center top !important;
  padding:10px !important;
  background:#f7f2e8 !important;
}

/* Keep full visual pages intact in report and enlarged views. */
.vet-report-image-button img,
.vet-image-view>img{
  object-fit:contain !important;
  object-position:center !important;
  width:100% !important;
  height:auto !important;
}

/* Experience Stop 7: make the placard and the actual Vet Partnership
   page two unmistakably separate blocks. */
#placard-experience-vet{
  position:relative;
}
.experience-stop-placard + #experience-vet{
  margin-top:24px !important;
  clear:both !important;
  position:relative !important;
  z-index:1 !important;
}
.experience-stop-placard:has(#placard-experience-vet){
  margin-bottom:0 !important;
  position:relative !important;
  z-index:2 !important;
}

/* Show the whole Building Your Puppy's Care Team visual on Experience Stop 7. */
#experience-vet .care-team-media{
  padding:18px !important;
  background:#f5efe4 !important;
  overflow:hidden !important;
}
#experience-vet .care-team-media img{
  display:block !important;
  width:100% !important;
  height:100% !important;
  object-fit:contain !important;
  object-position:center center !important;
  padding:0 !important;
  background:#fff !important;
}

/* Extra edge protection for the Care Team artwork in the Vet Center itself. */
.vet-visual-card img[src*="building-your-puppys-care-team"],
.vet-report-image-button img[src*="building-your-puppys-care-team"],
.vet-image-view>img[src*="building-your-puppys-care-team"]{
  object-fit:contain !important;
  object-position:center center !important;
  padding:12px !important;
  box-sizing:border-box !important;
  background:#fff !important;
}


/* Large approved Featured Songs + attached two-row navigator */
.large-approved-card,.master-recovery-card{scroll-margin-top:16px;padding:12px!important;background:#fff8e9!important;border:4px solid #98662d!important;border-radius:16px!important;box-shadow:0 7px 18px rgba(61,39,19,.16)!important}
.large-approved-image,.master-recovery-image{display:block!important;width:100%!important;height:auto!important;max-height:none!important;object-fit:initial!important;margin:0!important;padding:0!important}
.master-recovery-note{display:none!important}
.attached-song-nav{position:relative;margin:0!important;padding:10px 12px 12px;background:#f8ecd3;border-top:4px solid #8a5b28}
.attached-song-nav-title{margin-bottom:7px;color:#174e2d;font:800 1rem Georgia,serif}
.attached-song-nav-body{display:grid;grid-template-columns:minmax(0,1fr) 145px;gap:12px;align-items:center}
.attached-song-rows{display:grid;gap:5px}.attached-song-row{display:grid;grid-template-columns:repeat(20,minmax(24px,1fr));gap:4px}
.song-mini{height:30px;padding:0 2px;border:1px solid #8d612f;border-radius:6px;background:#fffaf0;color:#4a321e;font-weight:800;cursor:pointer}
.song-mini:hover,.song-mini:focus{background:#ffe6a7;outline:2px solid #b78038}.song-mini.current{background:#1e6b3c;color:#fff;border-color:#124b2a}
.attached-back-menu{display:grid;place-items:center;min-height:66px;padding:8px;border:2px solid #70451f;border-radius:9px;background:#7b4b25;color:#fff!important;text-decoration:none!important;text-align:center;font-weight:900;line-height:1.15}
.song-confirm{position:absolute;z-index:50;right:12px;bottom:100%;width:min(380px,calc(100% - 24px));padding:12px;background:#fffdf7;border:3px solid #8a5b28;border-radius:10px;box-shadow:0 8px 20px rgba(0,0,0,.2)}
.song-confirm[hidden]{display:none!important}.song-confirm-title{display:block;margin-bottom:9px;color:#174e2d;font-weight:900}
.song-confirm-go,.song-confirm-close{padding:7px 11px;border-radius:8px;font-weight:900;cursor:pointer}.song-confirm-go{border:2px solid #11542b;background:#1e7a41;color:#fff}.song-confirm-close{margin-left:6px;border:2px solid #79502b;background:#fff7e3;color:#52351d}
@media(max-width:900px){.attached-song-nav-body{grid-template-columns:1fr}.attached-back-menu{min-height:42px}.attached-song-row{grid-template-columns:repeat(10,minmax(28px,1fr))}}
@media(max-width:520px){.attached-song-row{grid-template-columns:repeat(5,minmax(32px,1fr))}}

/* Candidate 07 — 40 real live Featured Song cards */
.live-featured-card{
  scroll-margin-top:16px;
  padding:12px!important;
  background:#fff8e9;
  border:4px solid #98662d;
  border-radius:16px;
  box-shadow:0 7px 18px rgba(61,39,19,.16);
}
.live-featured-composite{
  display:grid;
  grid-template-columns:minmax(250px,2.5fr) minmax(0,5fr);
  align-items:stretch;
  width:100%;
  min-height:500px;
  overflow:hidden;
  border:3px solid #b27a32;
  border-radius:14px 14px 0 0;
  background:#fffaf0;
}
.live-featured-left{
  min-width:0;
  padding:clamp(16px,2vw,26px);
  border-right:6px solid #8a5b28;
  background:linear-gradient(135deg,#fffdf7,#f5e8ce);
  display:flex;
  flex-direction:column;
  color:#2c2118;
}
.live-featured-left h3{
  margin:0 0 12px;
  color:#174e2d;
  font-family:Georgia,serif;
  font-size:clamp(1.25rem,1.9vw,2rem);
  line-height:1.08;
}
.live-featured-left p{
  margin:0 0 12px;
  font-size:clamp(.85rem,1.1vw,1rem);
  line-height:1.4;
  font-weight:600;
}
.live-featured-left audio{
  width:100%;
  margin:auto 0 12px;
}
.live-song-choose,.live-song-share{
  display:block;
  width:82%;
  min-height:44px;
  margin-left:auto;
  margin-right:auto;
  border-radius:10px;
  color:#fff;
  font-weight:900;
  cursor:pointer;
}
.live-song-choose{
  margin-bottom:10px;
  border:2px solid #11542b;
  background:#1e7a41;
}
.live-song-share{
  border:2px solid #633818;
  background:#8a5429;
}
.live-song-share-row{display:block;width:100%}
.live-featured-art{
  min-width:0;
  min-height:500px;
  overflow:hidden;
  background:#f0e5d0;
  display:flex;
  align-items:stretch;
  justify-content:stretch;
}
.live-featured-art img{
  display:block;
  width:100%;
  height:100%;
  object-fit:fill;
  object-position:center;
  margin:0;
  padding:0;
}
@media(max-width:760px){
  .live-featured-composite{grid-template-columns:1fr;min-height:0}
  .live-featured-left{border-right:0;border-bottom:6px solid #8a5b28}
  .live-featured-art{min-height:0}
  .live-featured-art img{height:auto;object-fit:contain}
}

/* Candidate 08 — restore exact approved visuals, overlay real working controls */
.restored-live-card{
  scroll-margin-top:16px;
  padding:12px!important;
  background:#fff8e9!important;
  border:4px solid #98662d!important;
  border-radius:16px!important;
  box-shadow:0 7px 18px rgba(61,39,19,.16)!important;
}
.restored-live-stage{
  position:relative;
  width:100%;
  overflow:hidden;
  border:3px solid #b27a32;
  border-radius:14px 14px 0 0;
  background:#f4ead7;
}
.restored-master-image{
  display:block!important;
  width:100%!important;
  height:auto!important;
  max-height:none!important;
  margin:0!important;
  padding:0!important;
  object-fit:initial!important;
}
.restored-live-left{
  position:absolute;
  left:0;
  top:0;
  bottom:0;
  width:35.7142857%;
  box-sizing:border-box;
  padding:clamp(12px,1.7vw,22px);
  display:flex;
  flex-direction:column;
  gap:10px;
  overflow:hidden;
  border-right:5px solid #8a5b28;
  background:linear-gradient(135deg,#fffdf7 0%,#f5e8ce 100%);
  color:#2c2118;
}
.restored-live-left h3{
  margin:0;
  color:#174e2d;
  font-family:Georgia,serif;
  font-size:clamp(1.05rem,1.65vw,1.75rem);
  line-height:1.05;
}
.restored-live-left p{
  margin:0;
  color:#4d3a2d;
  font-size:clamp(.72rem,.95vw,.94rem);
  line-height:1.3;
  font-weight:600;
}
.restored-live-left audio{
  display:block;
  width:100%;
  margin:2px 0 0!important;
}
.restored-choose,.restored-share{
  display:block;
  width:82%;
  min-height:40px;
  margin:0 auto!important;
  border-radius:9px;
  color:#fff;
  font-weight:900;
  cursor:pointer;
}
.restored-choose{background:#1e7a41;border:2px solid #11542b}
.restored-share{background:#8a5429;border:2px solid #633818}
@media(max-width:760px){
  .restored-live-stage{overflow:visible}
  .restored-master-image{width:100%!important;height:auto!important}
  .restored-live-left{
    position:relative;
    width:100%;
    left:auto;top:auto;bottom:auto;
    border-right:0;
    border-bottom:5px solid #8a5b28;
  }
}

/* Candidate 09 — exact approved billboard images, untouched, with invisible live hotspots */
.exact-approved-card{
  scroll-margin-top:16px;
  padding:12px!important;
  background:#fff8e9!important;
  border:4px solid #98662d!important;
  border-radius:16px!important;
  box-shadow:0 7px 18px rgba(61,39,19,.16)!important;
}
.exact-card-stage{position:relative;width:100%;overflow:hidden}
.exact-approved-image{
  display:block!important;
  width:100%!important;
  height:auto!important;
  max-height:none!important;
  margin:0!important;
  padding:0!important;
  object-fit:initial!important;
}
.exact-card-audio{
  position:absolute!important;
  width:1px!important;height:1px!important;
  opacity:0!important;pointer-events:none!important;
}
.exact-hotspot{
  position:absolute!important;
  z-index:10;
  border:0!important;
  background:transparent!important;
  color:transparent!important;
  opacity:0!important;
  cursor:pointer!important;
  padding:0!important;
  margin:0!important;
}
/* Hotspots align to the baked controls in the approved left panel. */
.exact-play-hotspot{left:2.0%;top:62%;width:25%;height:10%}
.exact-choose-hotspot{left:2.0%;top:73%;width:26%;height:9%}
.exact-share-hotspot{left:2.0%;top:84%;width:26%;height:10%}
.exact-play-status,.exact-card-stage>.share-track-status{
  position:absolute;
  left:-9999px;
}
@media(max-width:760px){
  .exact-approved-image{width:100%!important;height:auto!important}
}

/* Candidate 10 — permanent per-card Featured Song wiring. */
.exact-approved-card .exact-play-hotspot{
  left:var(--play-x)!important; top:var(--play-y)!important;
  width:var(--play-w)!important; height:var(--play-h)!important;
}
.exact-approved-card .exact-choose-hotspot{
  left:var(--choose-x)!important; top:var(--choose-y)!important;
  width:var(--choose-w)!important; height:var(--choose-h)!important;
}
.exact-approved-card .exact-share-hotspot{
  left:var(--share-x)!important; top:var(--share-y)!important;
  width:var(--share-w)!important; height:var(--share-h)!important;
}

/* Candidate 11 — durable Featured Song interaction feedback.
   This does not alter the approved card artwork. */
.exact-approved-card .exact-hotspot{
  pointer-events:auto!important;
  touch-action:manipulation;
}
.pg-song-action-toast{
  position:absolute;
  z-index:30;
  left:50%;
  bottom:2.2%;
  transform:translate(-50%,8px);
  max-width:80%;
  padding:8px 14px;
  border-radius:999px;
  background:rgba(46,35,24,.94);
  color:#fff;
  font:700 clamp(.72rem,1vw,.92rem)/1.15 Arial,sans-serif;
  text-align:center;
  opacity:0;
  pointer-events:none;
  transition:opacity .16s ease, transform .16s ease;
  box-shadow:0 4px 14px rgba(0,0,0,.28);
}
.pg-song-action-toast.is-visible{
  opacity:1;
  transform:translate(-50%,0);
}
.pg-song-action-toast[data-kind="success"]{background:rgba(24,104,55,.96)}
.pg-song-action-toast[data-kind="error"]{background:rgba(139,42,34,.96)}

/* Candidate 12 — SVG controls share the exact coordinate system of each approved card image. */
.exact-card-stage { position: relative; }
.pg-song-svg-controls{
  position:absolute;
  inset:0;
  width:100%;
  height:100%;
  z-index:25;
  overflow:visible;
  pointer-events:none;
}
.pg-song-svg-hit{
  fill:rgba(0,0,0,0);
  stroke:none;
  pointer-events:all;
  cursor:pointer;
}
.pg-song-svg-hit:focus{
  outline:none;
}
.pg-song-action-toast{
  position:absolute;
  z-index:40;
  left:50%;
  bottom:2.2%;
  transform:translate(-50%,8px);
  max-width:82%;
  padding:8px 14px;
  border-radius:999px;
  background:rgba(46,35,24,.95);
  color:#fff;
  font:700 clamp(.72rem,1vw,.92rem)/1.15 Arial,sans-serif;
  text-align:center;
  opacity:0;
  pointer-events:none;
  transition:opacity .16s ease, transform .16s ease;
  box-shadow:0 4px 14px rgba(0,0,0,.28);
}
.pg-song-action-toast.is-visible{
  opacity:1;
  transform:translate(-50%,0);
}
.pg-song-action-toast[data-kind="success"]{background:rgba(24,104,55,.96)}
.pg-song-action-toast[data-kind="error"]{background:rgba(139,42,34,.96)}

/* Candidate 14 — under-song navigation only */
.attached-song-nav-title{user-select:none}
.attached-song-nav .song-mini{cursor:pointer}

/* Candidate 16 — Top 3 Featured Song voting */
.featured-song-top3-voting{margin:28px auto 34px}
.featured-song-vote-card{
  background:#fff8e9;
  border:4px solid #98662d;
  border-radius:16px;
  padding:22px;
  box-shadow:0 7px 18px rgba(61,39,19,.14);
}
.featured-song-vote-kicker{
  color:#8a5429;
  font-weight:900;
  text-transform:uppercase;
  letter-spacing:.04em;
  text-align:center;
}
.featured-song-vote-card h2{
  margin:4px 0 8px;
  text-align:center;
  color:#174e2d;
  font-family:Georgia,serif;
}
.featured-song-vote-intro{
  max-width:820px;
  margin:0 auto 20px;
  text-align:center;
  line-height:1.45;
}
.featured-song-rank-grid{
  display:grid;
  grid-template-columns:repeat(3,minmax(0,1fr));
  gap:14px;
}
.featured-song-rank{
  display:block;
  padding:14px;
  background:#fffdf7;
  border:2px solid #c89a58;
  border-radius:12px;
}
.featured-song-rank-badge{
  display:inline-block;
  margin-bottom:6px;
  padding:5px 9px;
  border-radius:999px;
  background:#1e6b3c;
  color:#fff;
  font-weight:900;
}
.featured-song-rank-label{
  display:block;
  margin:2px 0 8px;
  color:#4d331e;
  font-weight:900;
}
.featured-song-rank select{
  width:100%;
  min-height:44px;
  padding:8px 10px;
  border:2px solid #8a5b28;
  border-radius:8px;
  background:#fff;
  color:#2f2117;
}
.featured-song-vote-actions{
  display:flex;
  justify-content:center;
  gap:10px;
  flex-wrap:wrap;
  margin-top:18px;
}
.featured-song-vote-submit,.featured-song-vote-clear{
  min-height:44px;
  padding:10px 16px;
  border-radius:9px;
  font-weight:900;
  cursor:pointer;
}
.featured-song-vote-submit{
  border:2px solid #11542b;
  background:#1e7a41;
  color:#fff;
}
.featured-song-vote-clear{
  border:2px solid #7b4b25;
  background:#fff7e3;
  color:#52351d;
}
.featured-song-vote-status{
  min-height:1.4em;
  margin-top:14px;
  text-align:center;
  color:#174e2d;
  font-weight:800;
}
@media(max-width:800px){
  .featured-song-rank-grid{grid-template-columns:1fr}
}

/* Candidate 17 — weighted Featured Song public results */
.featured-song-live-results-note{
 margin:10px auto 12px;padding:8px 12px;max-width:720px;border:1px solid #c89a58;
 border-radius:9px;background:#fff8e9;color:#65421f;text-align:center;font-weight:800;font-size:.92rem
}
#qc-song-menu .featured-song-result-pct{margin-left:4px;font-size:.82em;font-weight:900;color:#174e2d}
#qc-song-menu .featured-song-result-pct[hidden]{display:none!important}


/* Version 44 — Jingle share control reliability and visible status */
.jg-share-row{
  display:flex !important;
  flex-direction:column !important;
  align-items:center !important;
  justify-content:center !important;
  width:100% !important;
  gap:0 !important;
}
.jg-share-row .share-track-status{
  display:block !important;
  width:100% !important;
  min-width:0 !important;
  min-height:1.45em !important;
  margin:6px auto 0 !important;
  padding:0 6px !important;
  color:#315f35 !important;
  font-size:clamp(.76rem,.9vw,.9rem) !important;
  font-weight:800 !important;
  line-height:1.25 !important;
  text-align:center !important;
  white-space:normal !important;
  overflow:visible !important;
  box-sizing:border-box !important;
}
/* Give the left control panel enough vertical room for the share response. */
@media(min-width:761px){
  .jg-feature-composite{aspect-ratio:2 / 1 !important;}
}


/* Version 45 — Jingle control-panel fit, full popularity note, and long-title safety */
@media(min-width:761px){
  /* Let the card be as tall as its controls need instead of clipping the left
     panel to an image-driven aspect ratio. */
  .jg-feature-composite{
    aspect-ratio:auto !important;
    grid-template-columns:minmax(360px,2.8fr) minmax(0,4.2fr) !important;
    align-items:stretch !important;
  }
  .jg-left-panel{
    height:auto !important;
    min-height:590px !important;
    box-sizing:border-box !important;
    padding-bottom:22px !important;
    overflow:visible !important;
  }
  .jg-art-panel{
    height:auto !important;
    min-height:590px !important;
  }
}

/* Keep every control and the complete Live Popularity explanation readable. */
.jg-popularity{
  flex:0 0 auto !important;
  box-sizing:border-box !important;
  padding-bottom:2px !important;
}
.jg-popularity small{
  display:block !important;
  min-height:1.35em !important;
  line-height:1.35 !important;
  white-space:normal !important;
  overflow:visible !important;
}

/* Long jingle titles must stay inside both the selector button and left panel. */
.jg-jump-link > span:last-child{
  min-width:0 !important;
  max-width:100% !important;
  overflow-wrap:break-word !important;
  word-break:normal !important;
}
.jg-jump-link[href="#jingle-05"] > span:last-child{
  font-size:.93em !important;
  letter-spacing:-.01em !important;
}
#jingle-05 .jg-left-panel h4{
  max-width:100% !important;
  font-size:clamp(1.08rem,1.65vw,1.58rem) !important;
  line-height:1.08 !important;
  overflow-wrap:break-word !important;
  word-break:normal !important;
}

@media(max-width:760px){
  .jg-left-panel{
    height:auto !important;
    min-height:0 !important;
    box-sizing:border-box !important;
    padding-bottom:20px !important;
  }
  .jg-art-panel{
    height:auto !important;
  }
}

/* September 3, 2026 — Version 46: clean jingle-selector typography.
   Keep each full title uninterrupted and move the jingle number to its own
   bottom row so long titles never have to wrap around the number badge. */
.jg-inline-jump-wrap .jg-jump-link{
  display:grid !important;
  grid-template-rows:minmax(3.1em,1fr) auto !important;
  grid-template-columns:1fr !important;
  align-items:center !important;
  justify-items:center !important;
  gap:6px !important;
  min-height:94px !important;
  padding:10px 12px 8px !important;
  box-sizing:border-box !important;
  text-align:center !important;
  overflow:visible !important;
}
.jg-inline-jump-wrap .jg-jump-link > span:last-child{
  grid-row:1 !important;
  grid-column:1 !important;
  align-self:center !important;
  width:100% !important;
  min-width:0 !important;
  max-width:none !important;
  margin:0 !important;
  padding:0 !important;
  font-size:.94rem !important;
  font-weight:800 !important;
  line-height:1.18 !important;
  letter-spacing:0 !important;
  white-space:normal !important;
  overflow:visible !important;
  overflow-wrap:normal !important;
  word-break:normal !important;
  hyphens:none !important;
  text-wrap:balance;
}
.jg-inline-jump-wrap .jg-jump-num{
  grid-row:2 !important;
  grid-column:1 !important;
  align-self:end !important;
  justify-self:center !important;
  width:26px !important;
  height:26px !important;
  margin:0 !important;
  font-size:.88rem !important;
  line-height:1 !important;
}
/* Remove the old one-off #5 squeeze; all eight selectors now share one rule. */
.jg-inline-jump-wrap .jg-jump-link[href="#jingle-05"] > span:last-child{
  font-size:.94rem !important;
  letter-spacing:0 !important;
}
@media(max-width:760px){
  .jg-inline-jump-wrap .jg-jump-link{
    min-height:88px !important;
  }
  .jg-inline-jump-wrap .jg-jump-link > span:last-child{
    font-size:.93rem !important;
  }
}


/* Version 48 — Featured Songs: songs that speak to you */
.featured-song-connections{margin:28px auto 34px}
.featured-song-connection-card{
  background:#fff8e9;
  border:4px solid #98662d;
  border-radius:16px;
  padding:22px;
  box-shadow:0 7px 18px rgba(61,39,19,.14);
}
.featured-song-connection-kicker{
  color:#8a5429;
  font-weight:900;
  text-transform:uppercase;
  letter-spacing:.04em;
  text-align:center;
}
.featured-song-connection-card h2{
  margin:4px 0 8px;
  text-align:center;
  color:#174e2d;
  font-family:Georgia,serif;
}
.featured-song-connection-intro{
  max-width:860px;
  margin:0 auto 18px;
  text-align:center;
  line-height:1.5;
}
.featured-song-selection-summary{
  display:flex;
  flex-direction:column;
  gap:4px;
  max-width:860px;
  margin:0 auto 14px;
  padding:13px 15px;
  border:2px solid #c89a58;
  border-radius:11px;
  background:#fffdf7;
  color:#4d331e;
  text-align:center;
}
.featured-song-selection-summary strong{color:#174e2d;font-size:1.05rem}
.featured-song-selected-list{
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:9px;
  max-width:960px;
  margin:0 auto;
}
.featured-song-selected-item{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:10px;
  padding:9px 10px;
  border:1px solid #d5b27d;
  border-radius:9px;
  background:#fff;
  color:#3b2a1d;
  font-weight:700;
}
.featured-song-selected-item span{min-width:0}
.featured-song-selected-item button{
  flex:0 0 auto;
  min-height:36px;
  padding:6px 10px;
  border:1px solid #7b4b25;
  border-radius:8px;
  background:#fff7e3;
  color:#52351d;
  font-weight:800;
  cursor:pointer;
}
.featured-song-connection-actions{
  display:flex;
  justify-content:center;
  gap:10px;
  flex-wrap:wrap;
  margin-top:18px;
}
.featured-song-connection-submit,.featured-song-connection-clear{
  min-height:44px;
  padding:10px 16px;
  border-radius:9px;
  font-weight:900;
  cursor:pointer;
}
.featured-song-connection-submit{
  border:2px solid #11542b;
  background:#1e7a41;
  color:#fff;
}
.featured-song-connection-submit:disabled{opacity:.48;cursor:not-allowed}
.featured-song-connection-clear{
  border:2px solid #7b4b25;
  background:#fff7e3;
  color:#52351d;
}
.featured-song-connection-status{
  min-height:1.4em;
  margin-top:14px;
  text-align:center;
  color:#174e2d;
  font-weight:800;
}
@media(max-width:800px){
  .featured-song-selected-list{grid-template-columns:1fr}
}
