/* The Golden Life / Blue Horizon — private visual direction, 24 October 2026.
   Deliberate final layer: approved copy, assets and interaction code stay intact. */
:root,body,.happy-redesign,.editorial {
  --ink:#17394c; --paper:#e7f2f8; --muted:#465f6e; --gold:#775322;
  --line:#aac3d3; --ocean:#24566f; --pale:#d8eaf4; --sage:#d8eaf4;
  --sky:#e7f2f8; --sky-deep:#d3e7f3; --sky-soft:#f1f7fb;
  --sand:#f2e5cf; --copper:#885835;
}
body,.editorial {background:var(--sky);color:var(--ink)}
::selection {background:#d7ba7c;color:#17394c}
button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible,
textarea:focus-visible,summary:focus-visible {outline:3px solid #885835;outline-offset:5px}
header,.happy-redesign header,.editorial-header,.crm-header {background:var(--sky);border-bottom:1px solid var(--line)}
.happy-redesign .preview-ribbon,.editorial-ribbon,.crm-ribbon {background:var(--ink);color:#f1f7fb}
.button,.editorial .button {background:var(--ink);color:#fff;border-color:var(--ink)}
.button:hover,.wellness-redesign .button:hover,.editorial .button:hover {background:#285a72;border-color:#285a72}
.button.outline,.editorial .button.outline {background:transparent;color:var(--ink);border-color:var(--ink)}
.button.outline:hover,.editorial .button.outline:hover {background:var(--sky-deep)}
.button.light {background:var(--sand);color:var(--ink);border-color:var(--sand)}
.text-button:hover {color:#775322}
input,select,textarea,.editorial textarea,.editorial input[type=text],.editorial input[type=email] {background:var(--sky-soft);border-color:#7699b0;color:var(--ink)}
input::placeholder,textarea::placeholder {color:#567180;opacity:1}
.skip {background:var(--sand);color:var(--ink)}

/* An open, asymmetric editorial cover rather than a faded photograph canvas. */
.happy-redesign .wellbeing-hero {display:grid;grid-template-columns:minmax(0,.98fr) minmax(0,1.02fr);min-height:680px;background:var(--sky);padding-bottom:38px;overflow:hidden}
.happy-redesign .wellbeing-copy {width:auto;margin:0;padding:65px 45px 45px max(42px,calc((100vw - 1240px)/2));align-self:center;order:0;background:transparent;min-width:0}
.happy-redesign .wellbeing-copy .eyebrow {color:var(--gold);font-size:.875rem;letter-spacing:1.8px;max-width:430px;padding-top:20px;border-top:2px solid #aa8246;width:fit-content;margin-bottom:30px}
.happy-redesign .wellbeing-copy h1 {font-size:clamp(59px,5.7vw,88px);line-height:1.02;letter-spacing:-2.6px;max-width:570px}
.happy-redesign .wellbeing-copy h1 em {color:#3b6b84}
.happy-redesign .wellbeing-description {font-size:15px;max-width:445px;margin:28px 0;color:var(--muted)}
.happy-redesign .wellbeing-links {display:flex;flex-wrap:wrap;align-items:center;gap:17px 24px}
.happy-redesign .wellbeing-note {color:var(--ink);max-width:440px}
.happy-redesign .wellbeing-disclaimer {color:var(--muted);font-size:.875rem}
.happy-redesign .wellbeing-photo {position:relative;inset:auto;z-index:0;height:100%;min-height:650px;margin:0;border-top-left-radius:180px;overflow:hidden;background:#cee3f1;order:1}
.happy-redesign .wellbeing-photo>img {position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:63% 50%}
.happy-redesign .wellbeing-photo:after {display:none}
.happy-redesign .wellbeing-stamp {right:28px;bottom:62px;left:auto;max-width:230px;background:#f2e5cff5;color:var(--ink);border-top:2px solid #9d743c;padding:18px 23px;font-size:27px;box-shadow:none}
.happy-redesign .wellbeing-photo figcaption {right:20px;left:20px;bottom:14px;background:#e7f2f8ed;color:var(--ink);font-size:.875rem;padding:7px 10px;text-align:left}
.happy-redesign .intro {padding:65px 0 55px}
.happy-redesign .intro h2 em {color:#3b6b84}
.warmth-section {background:var(--sky-deep);padding-top:68px;border-top:1px solid #bed4e2}
.warmth-card figure {border-radius:0;box-shadow:none}
.warmth-card:nth-child(2) figure {border-top-left-radius:95px}
.warmth-card figcaption,.lifestyle-settings .place-image figcaption {background:#e7f2f8f2;color:var(--ink)}
.warmth-card .eyebrow {color:var(--gold)}
.warmth-invitation {border-color:#a7c1d1}
.destination-story {background:transparent;border-left:0;border-top:2px solid #a6814e;border-bottom:1px solid #aac3d3;padding:30px 0}
.happy-redesign .pathways-section {background:var(--sky)}
.pathway-button[aria-pressed=true] {background:#cddfeb;color:var(--ink)}
.happy-redesign .longevity-section {background:var(--sky-deep)}
.happy-redesign .developments-section {background:#dcecf5;border-top:1px solid #b6cfde}
.collection-toolbar {border-color:var(--line)}
.collection-filter {border-color:#7899ae;background:transparent;color:var(--ink);min-height:40px}
.collection-filter.active {background:var(--ink);border-color:var(--ink);color:white}
.happy-redesign .development-card {background:transparent;border-bottom:1px solid #91b1c5;box-shadow:none}
.happy-redesign .development-card figure {background:#cee1ed}
.happy-redesign .development-body {padding:23px 5px 30px}
.happy-redesign .development-card figcaption {padding-inline:5px}
.collection-growing {background:#cfe3ef;border-color:#99b8cb}
.collection-growing summary>span:first-child {color:var(--ocean)}
.planner-art {background:#cfe3ef}
.planner-art:before {background:#bdd7e7}
.happy-redesign .quiz-section {background:#cfe3ef}
.quiz-panel,.ai-panel {background:var(--sky);border-color:#9db9ca;box-shadow:none}
.quiz-choice {border-color:#809fb3}
.happy-redesign .quiz-choice.selected {background:#bfd9e8;border-color:var(--ink)}
.quiz-choice.selected:before {background:var(--ink);box-shadow:inset 0 0 0 3px #bfd9e8}
.ai-chips button {background:var(--sky-soft);border-color:#8baabd}
.ai-chips button[aria-pressed=true] {background:var(--ink);color:#fff}
.ai-answer,.comparison,.project-context {background:#cfe3ef;border-color:#8d743f}
.magazine-section,.goldie-section {background:var(--sand)}
.goldie-portrait {background:#e7f2f8}
.goldie-portrait figcaption {background:var(--sky);color:var(--muted)}
.goldie-chips button,.goldie-response {background:#f7eddc;border-color:#b39b77}
.goldie-chips button[aria-pressed=true] {background:#d5e7f1;border-color:var(--ink)}
.goldie-name,.goldie-launcher {background:var(--ink);color:#fff}
.goldie-launcher {border-color:#a9c8da;box-shadow:0 5px 24px #17394c30}
.goldie-dialog {background:var(--sky);border-color:#7fa1b7}
.goldie-dialog-head {background:#cfe3ef;border-color:#a6c0d0}
.goldie-dialog-head .dialog-close {background:var(--sky-soft);border-color:#7c9eb4;color:var(--ink)}
.goldie-topic-list button {background:var(--sky-soft);border-color:#8caabd;color:var(--ink)}
.goldie-topic-list button[aria-pressed=true] {background:#c1dce9;border-color:var(--ink)}
.goldie-bubble-answer {background:#d1e5f1;border-left-color:#967343}
#goldie-question {background:var(--sky-soft);border-color:#789cb3}
.contact-card {background:var(--sky-soft);border-color:#9fbccc;border-top:3px solid #a78047}
.capture-context,.capture-resources,.form-status {background:#d7e9f3;border-color:#8faec2}
.preview-label {background:var(--sand);color:#68491e}
.next-decoration {color:#adcadc}
.ecosystem-section {background:var(--sky);border-top:1px solid var(--line)}
.ecosystem-card {border-top-color:#9d7843}
.happy-redesign .travel-section {background:#cfe3ef}
.journal-teaser {background:var(--ink);color:#f1f7fb}
.journal-teaser h2 em {color:#bbd7e9}
.journal-teaser .button {background:var(--sand);border-color:var(--sand);color:var(--ink)}
.journal-teaser .button:hover {background:#e5cfa9;color:var(--ink)}
.journal-teaser .text-button:hover {color:#fff}
.journal-cover {background:#d6e9f4;color:var(--ink);border-left-color:#a5c4d7;box-shadow:12px 13px 0 #102b3c}
.journal-cover strong i {color:#775322}

/* Guide and Journal: blue paper, warm margin notes, ink-blue chapter rules. */
.editorial-cover {background:#d4e7f3;border-bottom:1px solid #acc6d7}
.editorial-cover>div {align-self:center}
.editorial-cover figure {border-top-left-radius:150px}
.editorial-cover figcaption {background:#e7f2f8ed}
.chapter-nav {background:#d4e7f3f5;border-color:#a4c0d2}
.chapter-nav a[aria-current],.editorial-header nav a[aria-current] {color:#775322}
.philosophy {background:var(--sand);border-left-color:#92703d}
.destination-tabs button {border-color:#809fb3}
.destination-tabs button[aria-selected=true] {background:var(--ink);color:#fff;border-color:var(--ink)}
.destination-panel>figure {background:#d1e5f1}
.visit-prompt,.notebook-prompt {background:#d1e5f1}
.worksheet-section {background:#cfe3ef}
.local-status {background:var(--sand);border-left-color:#92703d}
.notebook-card {background:transparent;border:0;border-top:2px solid #8cabc0;padding:27px 0}
.notebook-grid {column-gap:38px}
.journal-masthead {background:#cfe3ef;border-bottom:1px solid #a7c4d5;position:relative}
.journal-masthead h1 {color:var(--ink)}
.journal-edition {border-color:#92b2c6}
.tuesday-test {background:var(--sand)}
.reading-room-grid article {border-top-color:#8caec4}
.reading-room-grid .press-prompt {background:#d1e5f1}
.reading-room-grid .press-type {color:var(--muted);border-color:var(--line)}
.journal-next>div:last-child {background:#cfe3ef;border-top:2px solid #98713c}
.journal-reading {background:#d6e8f3}
.subscription-card {background:#cfe3ef;border-top:3px solid #9e7842}
.subscription-options label {border-color:#9dbccc}
.demo-label,.goldie-demo {color:#68491e;border-color:#98703c}
.editorial-footer {background:var(--ink);color:#f1f7fb}

/* The CRM is a quiet blue workbench, not a new connected product. */
.crm-intro h1 em {color:#3b6b84}
.crm-column {background:#cfe3ef;border-top:2px solid #8caec4}
.crm-column>h3 span {background:#b5d3e4;color:var(--ink)}
.crm-sample {background:var(--sky-soft);border-color:#9ebdce}
.crm-sample.active {border-color:var(--ink)}
.crm-detail,.crm-action {background:#d9eaf4;border-top:2px solid #8aaac0}
.crm-action select {background:var(--sky-soft);border-color:#7e9eb3}
.crm-action #crm-response {background:var(--sand);border-left-color:#99713b}

@media(max-width:1100px) {
  .happy-redesign .wellbeing-hero {grid-template-columns:minmax(0,1fr) minmax(0,1fr)}
  .happy-redesign .wellbeing-copy {padding:48px 28px 36px 36px}
  .happy-redesign .wellbeing-copy h1 {font-size:66px;letter-spacing:-2px}
  .happy-redesign .wellbeing-photo {border-top-left-radius:130px;min-height:680px}
  .happy-redesign .wellbeing-links .button {padding:15px 19px;font-size:.875rem}
  .happy-redesign .wellbeing-stamp {right:18px;max-width:210px;font-size:25px}
}
@media(max-width:760px) {
  .happy-redesign nav {background:var(--sky)}
  .happy-redesign .wellbeing-hero {display:flex;flex-direction:column;padding-bottom:0;min-height:0}
  .happy-redesign .wellbeing-copy {order:0;width:100%;padding:35px 23px 32px;background:var(--sky)}
  .happy-redesign .wellbeing-copy .eyebrow {font-size:.875rem;letter-spacing:1.3px;padding-top:16px;margin-bottom:24px;max-width:350px}
  .happy-redesign .wellbeing-copy h1 {font-size:clamp(53px,12vw,76px);line-height:1.02;max-width:600px}
  .happy-redesign .wellbeing-description {font-size:15px;max-width:550px;margin:23px 0}
  .happy-redesign .wellbeing-links {gap:16px 24px}
  .happy-redesign .wellbeing-note {font-size:.875rem;max-width:500px}
  .happy-redesign .wellbeing-disclaimer {font-size:.875rem;max-width:500px;margin-bottom:0}
  .happy-redesign .wellbeing-photo {position:relative;order:1;min-height:0;height:430px;width:calc(100% - 23px);margin-left:23px;border-top-left-radius:105px;z-index:0}
  .happy-redesign .wellbeing-photo>img {object-position:61% 45%}
  .happy-redesign .wellbeing-stamp {font-size:23px;max-width:205px;right:18px;bottom:63px;padding:16px 19px}
  .happy-redesign .wellbeing-photo figcaption {left:15px;right:15px;font-size:.875rem}
  .warmth-section {padding-top:42px}
  .warmth-card:nth-child(2) figure {border-top-left-radius:70px}
  .destination-story {padding:25px 0}
  .happy-redesign .development-body {padding:21px 3px 27px}
  .editorial-cover figure {order:1;border-top-left-radius:95px;margin-left:21px}
  .editorial-cover>div {order:0;width:100%;padding:37px 23px}
  .editorial-cover h1 {font-size:clamp(51px,11.8vw,68px)}
  .editorial-cover figure>img {object-position:63% 45%}
  .notebook-card {padding:23px 0}
  .journal-masthead h1 {font-size:clamp(49px,12.5vw,68px)}
  .editorial-header nav {background:transparent}
}
@media(max-width:380px) {
  .happy-redesign .wellbeing-copy {padding-inline:20px}
  .happy-redesign .wellbeing-copy h1 {font-size:53px}
  .happy-redesign .wellbeing-photo {height:370px}
  .happy-redesign .wellbeing-stamp {font-size:21px;max-width:190px}
}
@media(prefers-reduced-motion:reduce) {
  .button,.place-image img {transition:none}
  .button:hover {transform:none}
}
