/*
Theme Name: WRW Almanac
Template: Newspaper
Version: 0.2.1
Description: Staging-only Weekly Almanac design system. Preview first, no production authority.
Text Domain: wrw-almanac
*/
@font-face {
  font-family: 'Inter';
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url(fonts/inter-400-normal.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
@font-face {
  font-family: 'Inter';
  font-style: normal;
  font-weight: 600;
  font-display: swap;
  src: url(fonts/inter-600-normal.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
@font-face {
  font-family: 'Inter';
  font-style: normal;
  font-weight: 700;
  font-display: swap;
  src: url(fonts/inter-700-normal.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
@font-face {
  font-family: 'Playfair Display';
  font-style: italic;
  font-weight: 700;
  font-display: swap;
  src: url(fonts/playfair-display-700-italic.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
@font-face {
  font-family: 'Playfair Display';
  font-style: normal;
  font-weight: 700;
  font-display: swap;
  src: url(fonts/playfair-display-700-normal.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
:root {
 --wrw-aqua:#01BCD1; --wrw-gold:#F9BB15; --wrw-green:#399D35;
 --wrw-charcoal:#3E4B4D; --wrw-sage:#D4E8C5; --wrw-citrus:#CDD962;
 --wrw-font-heading:'Playfair Display',Georgia,serif;
 --wrw-font-body:'Inter',system-ui,sans-serif;
 --wrw-max-width:1200px; --wrw-article-col:720px;
 --wrw-radius-card:12px; --wrw-radius-btn:8px;
 --wrw-shadow-card:0 2px 10px rgba(62,75,77,.06);
 --ink-soft:#56625F; --rule:#DCE3DA; --paper-warm:#FAFBF7;
 --aqua-tint:#E3F7FA; --citrus-tint:#F3F6D8; --gold-tint:#FEF3D2;
 --wrw-paper:#fff; --wrw-space:8px; --wrw-focus:#3E4B4D;
}
/* Component rules are added here, not per-block inline colors. */

:root {
  --wrw-aqua: #01BCD1;
  --wrw-gold: #F9BB15;
  --wrw-green: #399D35;
  --wrw-charcoal: #3E4B4D;
  --wrw-sage: #D4E8C5;
  --wrw-citrus: #CDD962;

  --paper: #FFFFFF;
  --paper-warm: #FAFBF7;
  --ink: var(--wrw-charcoal);
  --ink-soft: #56625F;
  --rule: #DCE3DA;
  --rule-strong: var(--wrw-charcoal);
  --aqua-tint: #E3F7FA;
  --citrus-tint: #F3F6D8;
  --gold-tint: #FEF3D2;

  --font-head: "Playfair Display", Georgia, serif;
  --font-body: "Inter", system-ui, sans-serif;

  --fs-masthead: clamp(2.125rem, 1.2rem + 3.6vw, 4.5rem);
  --fs-h1: clamp(2rem, 1.5rem + 1.9vw, 3rem);
  --fs-h2: clamp(1.75rem, 1.45rem + 1.1vw, 2.25rem);
  --fs-h3: clamp(1.25rem, 1.15rem + 0.35vw, 1.375rem);
  --fs-h3-xl: clamp(1.5rem, 1.25rem + 0.9vw, 2rem);
  --fs-deck: clamp(1.0625rem, 1rem + 0.25vw, 1.1875rem);
  --fs-body: clamp(1rem, 0.97rem + 0.12vw, 1.0625rem);
  --fs-small: 0.875rem;
  --fs-kicker: 0.75rem;

  --s-1: 4px; --s-2: 8px; --s-3: 12px; --s-4: 16px; --s-5: 24px; --s-6: 32px; --s-7: 48px; --s-8: 64px; --s-9: 96px;
  --max: 1200px;
  --gutter: clamp(16px, 3vw, 32px);
  --radius-card: 12px;
  --radius-btn: 8px;
  --shadow-card: 0 2px 10px rgba(62, 75, 77, 0.06);
  --ease: cubic-bezier(0.2, 0.7, 0.2, 1);
  --t-fast: 160ms;
  --t-med: 260ms;
}

*, *::before, *::after { box-sizing: border-box; }
html { scroll-behavior: smooth; scroll-padding-top: 72px; -webkit-text-size-adjust: 100%; }
@media (prefers-reduced-motion: reduce) { html { scroll-behavior: auto; } *, *::before, *::after { transition: none !important; animation: none !important; } }
body { margin: 0; background: var(--paper); color: var(--ink); font: 400 var(--fs-body)/1.6 var(--font-body); }
img { display: block; max-width: 100%; height: auto; }
a { color: inherit; }
h1, h2, h3, p, figure, blockquote, ol, ul { margin: 0; }
.masthead ul, .colophon ul { padding: 0; list-style: none; }
:focus-visible { outline: 3px solid var(--wrw-charcoal); outline-offset: 3px; box-shadow: 0 0 0 6px var(--wrw-aqua); border-radius: 2px; }

.wrap { width: 100%; max-width: var(--max); margin-inline: auto; padding-inline: var(--gutter); }
.sr-only { position: absolute; width: 1px; height: 1px; padding: 0; margin: -1px; overflow: hidden; clip: rect(0 0 0 0); white-space: nowrap; border: 0; }
.skip { position: absolute; left: var(--s-4); top: -60px; z-index: 50; background: var(--ink); color: #fff; padding: var(--s-3) var(--s-4); border-radius: var(--radius-btn); }
.skip:focus { top: var(--s-4); }
.m-only { display: none; }

/* Masthead */
.utility { background: var(--ink); color: #fff; font-size: var(--fs-small); }
.utility__row { display: flex; align-items: center; justify-content: space-between; gap: var(--s-4); min-height: 56px; }
.utility__date { display: flex; flex-wrap: wrap; gap: 0 var(--s-2); }
.utility__sep { opacity: 0.5; }
.utility__theme { color: var(--wrw-citrus); font-weight: 600; }
.utility .search { display: flex; align-items: center; gap: var(--s-2); }
.utility .search input { width: 220px; height: 44px; border: 1px solid rgba(255,255,255,0.35); background: transparent; color: #fff; border-radius: var(--radius-btn); padding: 0 var(--s-3); font: inherit; }
.utility .search input::placeholder { color: rgba(255,255,255,0.75); }
.search__go { height: 44px; padding: 0 var(--s-4); border: 0; border-bottom: 4px solid var(--wrw-aqua); border-radius: var(--radius-btn); background: #fff; color: var(--ink); font: 600 var(--fs-small) var(--font-body); cursor: pointer; }
.search__go:hover { background: var(--wrw-sage); }
.search__toggle { display: none; }

.nameplate { display: grid; grid-template-columns: auto 1fr auto; align-items: center; gap: var(--s-5); padding-block: var(--s-6) var(--s-5); background: linear-gradient(var(--rule-strong), var(--rule-strong)) bottom center / calc(100% - 2 * var(--gutter)) 3px no-repeat; }
.nameplate__mark { width: 96px; height: 96px; }
.nameplate__title { font: 700 var(--fs-masthead)/1 var(--font-head); letter-spacing: -0.01em; }
.nameplate__title a { text-decoration: none; }
.nameplate__belief { margin-top: var(--s-2); font: italic 700 clamp(1rem, 0.95rem + 0.4vw, 1.25rem)/1.4 var(--font-head); color: var(--ink-soft); }
.nameplate__edition { text-align: right; font: 700 var(--fs-kicker)/1.5 var(--font-body); letter-spacing: 0.12em; text-transform: uppercase; border-left: 1px solid var(--rule); padding-left: var(--s-5); max-width: 220px; }
.nameplate__edition span { display: block; margin-top: var(--s-1); font-weight: 400; letter-spacing: 0.02em; text-transform: none; font-size: var(--fs-small); color: var(--ink-soft); }

.sections { position: sticky; top: 0; z-index: 20; background: rgba(255,255,255,0.97); border-bottom: 1px solid var(--rule); }
.sections__list { display: flex; gap: var(--s-2); overflow-x: auto; scrollbar-width: none; padding-block: var(--s-2); }
.sections__list::-webkit-scrollbar { display: none; }
.chip { display: inline-flex; align-items: center; min-height: 44px; padding: 0 var(--s-4); white-space: nowrap; text-decoration: none; font: 600 0.9375rem var(--font-body); border-bottom: 4px solid transparent; transition: background var(--t-fast) var(--ease); }
.chip:hover { background: var(--paper-warm); }
.chip--mind { border-bottom-color: var(--wrw-aqua); }
.chip--garden { border-bottom-color: var(--wrw-green); }
.chip--habit { border-bottom-color: var(--wrw-citrus); }
.chip--care { border-bottom-color: var(--wrw-gold); }

/* Footer */
.colophon { background: var(--wrw-sage); padding-block: var(--s-7) var(--s-6); font-size: var(--fs-small); border-top: 6px solid var(--wrw-green); }
.colophon__grid { display: grid; grid-template-columns: 1.3fr 1fr 1fr 2fr; gap: var(--s-6); }
.colophon__name { font: 700 1.5rem/1.1 var(--font-head); }
.colophon__tag { font: italic 400 1rem var(--font-head); margin-top: var(--s-1); }
.colophon__head { font: 700 var(--fs-kicker) var(--font-body); letter-spacing: 0.12em; text-transform: uppercase; margin-bottom: var(--s-2); }
.colophon ul li a { display: inline-flex; align-items: center; min-height: 32px; }
.colophon__fine p + p { margin-top: var(--s-2); }


/* Bridge existing Newspaper containers, without replacing its routing or templates. */
body { background-image:none !important; font-family:var(--font-body); color:var(--ink); }
.masthead, .colophon { font-family:var(--font-body); color:var(--ink); }
.masthead p, .colophon p, .masthead ul, .colophon ul { margin:0; }
.masthead a, .colophon a { color:inherit; }
.masthead .utility { color:var(--paper); }
.masthead .utility__theme { color:var(--wrw-citrus); }
.masthead .nameplate__belief { margin-top:var(--s-2); }
.masthead .nameplate__edition span { margin-top:var(--s-1); }
.nameplate__title { text-wrap:balance; }
.colophon .colophon__head { margin-bottom:var(--s-2); }
.colophon .colophon__tag { margin-top:var(--s-2); }
.colophon a { text-decoration:underline; text-underline-offset:3px; }
.colophon ul li { margin:0; }
.colophon ul li a { min-height:44px; }
.wrw-nav-holder { min-height:65px; }
.sections.is-fixed { position:fixed; inset:0 0 auto; }
.wrw-pending { font:600 var(--fs-kicker)/1.5 var(--font-body); letter-spacing:.08em; text-transform:uppercase; color:var(--ink-soft); }
.wrw-chrome-row, .wrw-chrome-row > .td-pb-span12 { padding:0 !important; margin:0 !important; width:100% !important; }
.wrw-chrome-row .vc_raw_html { margin:0 !important; }
@media (max-width:1080px) {
 .nameplate__edition { display:none; } .nameplate { grid-template-columns:auto 1fr; }
 .colophon__grid { grid-template-columns:1fr 1fr; }
}
@media (max-width:760px) {
 .utility__row { min-height:56px; flex-wrap:wrap; gap:var(--s-2); }
 .utility__date { flex:1; font-size:var(--fs-kicker); }
 .utility .search { width:100%; padding-bottom:var(--s-3); }
 .utility .search input { flex:1; width:auto; height:44px; min-width:0; }
 .search__toggle { display:none; }
 .js .utility__row { flex-wrap:nowrap; }
 .js .utility .search { display:none; position:absolute; left:0; right:0; top:100%; background:var(--ink); padding:var(--s-3) var(--gutter) var(--s-4); z-index:30; }
 .js .utility .search.is-open { display:flex; }
 .utility { position:relative; }
 .js .search__toggle { display:inline-grid; place-items:center; width:44px; height:44px; border:0; background:transparent; color:var(--paper); cursor:pointer; flex:none; }
 .nameplate { grid-template-columns:1fr; justify-items:center; text-align:center; gap:var(--s-3); padding-block:var(--s-5) var(--s-4); }
 .nameplate__mark { width:56px; height:56px; }
 .nameplate__title { font-size:34px; }
 .nameplate__belief { font-size:16px; }
 .sections__list { mask-image:linear-gradient(90deg,#000 92%,transparent); }
 .chip { padding-inline:var(--s-3); }
 .colophon__grid { grid-template-columns:1fr 1fr; }
 .colophon__grid > div:first-child, .colophon__fine { grid-column:1/-1; }
}

/* One responsive Composer header, rather than duplicate mobile IDs and controls. */
.td-header-desktop-wrap { display:block !important; }
.td-header-mobile-wrap { display:none !important; }

/* Keep Newspaper's native grid, icons and hidden dialog positioning. Brand text only. */
:root { --td_default_google_font_1:var(--font-body); --td_default_google_font_2:var(--font-body); --td_theme_color:var(--ink); }
.masthead .sections, body > .sections { color:var(--ink); font-family:var(--font-body); z-index:999; }
body > .sections ul { list-style:none; margin:0; }
body > .sections a { color:inherit; }
.colophon .chip { padding:0; border:0; white-space:normal; font-size:var(--fs-small); }
.colophon__fine > a, .colophon__fine p a { display:inline-flex; align-items:center; min-height:44px; }
@media(max-width:430px) { .colophon__grid { grid-template-columns:1fr; } .colophon__grid > * { grid-column:1; } }

/* Break Composer's stock 1068px row only for the shared chrome. */
.tdc-row:has(> .wrw-chrome-row) { width:100%; max-width:none; margin:0; padding:0; }
@media(max-width:760px) { .utility__sep { display:none; } .nameplate { padding-block:var(--s-4); gap:var(--s-2); } .wrw-pending { letter-spacing:.03em; } }

/* Category fronts share the homepage cards and pillar color tokens. */
.wrw-archive-row,.wrw-archive-row>.td-pb-span12 {width:100%!important;padding:0!important;margin:0!important}
.tdc-row:has(> .wrw-archive-row) {width:100%;max-width:none;padding:0;margin:0}
.wrw-archive-row .vc_column_text {margin:0}
.wrw-archive .wrw-band {padding-block:var(--s-6)}
.wrw-archive .wrw-archive-label {font:700 var(--fs-kicker)/1.5 var(--font-body);text-transform:uppercase;letter-spacing:.1em;margin-bottom:var(--s-3)}
.wrw-archive-body {padding-block:var(--s-6)}
.wrw-archive .wrw-archive-note {max-width:70ch;font-size:var(--fs-small);color:var(--ink-soft);margin-bottom:var(--s-6)}
.wrw-archive-grid {display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:var(--s-6)}
.wrw-home.wrw-archive .wrw-story {padding:0;background:transparent;border:0;display:block}
.wrw-home.wrw-archive .wrw-story h2 {font-size:var(--fs-story);overflow-wrap:break-word;line-height:1.2}
.wrw-home.wrw-archive .wrw-story:first-child {grid-column:span 2}
.wrw-home.wrw-archive .wrw-story:first-child h2 {font-size:var(--fs-section)}
.wrw-home.wrw-archive .wrw-story img {height:auto;aspect-ratio:3/2;object-fit:contain;background:var(--paper-warm)}
@media(min-width:761px){.wrw-home.wrw-archive .wrw-story:first-child img,.wrw-home.wrw-archive .wrw-story:first-child .wrw-archive-color {aspect-ratio:21/9}}
.wrw-archive-color {aspect-ratio:3/2;background:var(--aqua-tint);margin-bottom:var(--s-4)}
.wrw-pillar--garden .wrw-archive-color {background:var(--wrw-sage)}
.wrw-pillar--habit .wrw-archive-color {background:var(--citrus-tint)}
.wrw-pillar--care .wrw-archive-color {background:var(--gold-tint)}
.wrw-pagination {margin-top:var(--s-6);border-top:1px solid var(--rule);padding-top:var(--s-5)}
.wrw-pagination ul {display:flex;flex-wrap:wrap;gap:var(--s-2);list-style:none;padding:0;margin:0}
.wrw-pagination li {margin:0}
.wrw-pagination a,.wrw-pagination span {display:inline-flex;align-items:center;justify-content:center;min-height:44px;min-width:44px;padding:var(--s-2) var(--s-3);font:600 var(--fs-small)/1.5 var(--font-body);border:1px solid var(--rule)}
.wrw-pagination .current {background:var(--wrw-sage);border-color:var(--ink)}
@media(max-width:760px){.wrw-archive-grid {grid-template-columns:1fr;gap:var(--s-5)}.wrw-home.wrw-archive .wrw-story:first-child {grid-column:auto}.wrw-home.wrw-archive .wrw-story:not(:first-child) {display:grid;grid-template-columns:96px minmax(0,1fr);gap:var(--s-4)}.wrw-home.wrw-archive .wrw-story:not(:first-child) img,.wrw-home.wrw-archive .wrw-story:not(:first-child) .wrw-archive-color {width:96px;height:96px;aspect-ratio:1}.wrw-home.wrw-archive .wrw-story:not(:first-child) .kicker {display:none}.wrw-home.wrw-archive .wrw-story h2 {font-size:var(--fs-h3)}.wrw-archive-body {padding-block:var(--s-5)}}

/* WRW-002 single article: one reading measure, shared editorial tokens. */
.wrw-article-row,.wrw-article-row>.td-pb-span12 {width:100%!important;margin:0!important;padding:0!important}
.tdc-row:has(> .wrw-article-row) {width:100%;max-width:none;margin:0;padding:0}
.wrw-article-row .vc_column_text {margin:0}
/* Native edge control otherwise covers the article caption on phones. */
html:has(main#main.wrw-article) .td-scroll-up[data-style] {display:none!important}
.wrw-article {--article-rule:var(--wrw-aqua);padding-top:var(--s-6)}
.wrw-article.wrw-pillar--garden {--article-rule:var(--wrw-green)}
.wrw-article.wrw-pillar--habit {--article-rule:var(--wrw-citrus)}
.wrw-article.wrw-pillar--care {--article-rule:var(--wrw-gold)}
.wrw-reading {width:calc(100% - 2 * var(--gutter));max-width:var(--wrw-article-col);margin-inline:auto}
.wrw-article .wrw-article-head {border-top:6px solid var(--article-rule);padding-top:var(--s-5)}
.wrw-article .kicker {margin-bottom:var(--s-1)}
.wrw-article .kicker a {display:inline-flex;align-items:center;min-height:44px}
.wrw-article .wrw-article-note {font-size:var(--fs-kicker);margin-bottom:var(--s-4)}
.wrw-article .wrw-article-deck {margin-block:var(--s-4)}
.wrw-article h1 {font-size:var(--fs-h1);line-height:1.12;overflow-wrap:break-word}
.wrw-article .wrw-article-deck {font-size:var(--fs-deck);color:var(--ink-soft);line-height:1.55;margin-block:var(--s-4)}
.wrw-article .wrw-article-meta,.wrw-article figcaption {font:400 var(--fs-small)/1.6 var(--font-body);color:var(--ink-soft)}
.wrw-article .wrw-article-note {font:400 var(--fs-kicker)/1.6 var(--font-body);color:var(--ink-soft);margin-bottom:var(--s-4)}
.wrw-article .wrw-article-figure {margin:var(--s-6) 0}
.wrw-home.wrw-article .wrw-article-figure>img {width:100%;height:auto;aspect-ratio:3/2;object-fit:cover;object-position:center;background:var(--paper-warm);margin:0}
.wrw-article figcaption {border-bottom:1px solid var(--rule);padding-block:var(--s-3)}
.wrw-article-color {aspect-ratio:3/2;background:var(--wrw-sage);margin-block:var(--s-6)}
.wrw-article .wrw-affiliate {font:400 var(--fs-small)/1.6 var(--font-body);background:var(--gold-tint);border-left:4px solid var(--wrw-gold);padding:var(--s-4);margin-block:var(--s-5);color:var(--ink)}
.wrw-article .wrw-article-body {font:400 17px/1.6 var(--font-body);color:var(--ink);overflow-wrap:anywhere}
.wrw-article-body p,.wrw-article-body ul,.wrw-article-body ol {font:inherit;margin-bottom:var(--s-5)}
.wrw-article-body h2,.wrw-article-body h3,.wrw-article-body h4 {font-family:var(--font-head);line-height:1.2;margin-block:var(--s-6) var(--s-4)}
.wrw-article-body img,.wrw-article-body iframe,.wrw-article-body video {max-width:100%}
.wrw-article-body figure,.wrw-article-body .wp-caption {max-width:100%;margin-inline:0}
.wrw-article-body a {text-decoration:underline;text-underline-offset:3px}
.wrw-article-body table {display:block;max-width:100%;overflow:auto}
.wrw-article .wrw-article-body blockquote,.wrw-article .wrw-pullquote {border-left:6px solid var(--article-rule);background:var(--paper-warm);padding:var(--s-5);margin-block:var(--s-6);font:italic 700 var(--fs-h2)/1.35 var(--font-head);color:var(--ink)}
.wrw-article-body blockquote p {font:inherit;margin:0}
.wrw-article-related {padding-block:var(--s-8);margin-top:var(--s-7);border-top:3px solid var(--article-rule)}
.wrw-related-grid {display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:var(--s-6)}
.wrw-related-grid article {min-width:0}
.wrw-related-grid img {width:100%;aspect-ratio:3/2;object-fit:contain;background:var(--paper-warm);margin-bottom:var(--s-4)}
.wrw-related-grid a {display:inline-block;min-height:44px}
@media(max-width:760px){.wrw-article {padding-top:var(--s-5)}.wrw-related-grid {grid-template-columns:1fr;gap:var(--s-5)}.wrw-related-grid article {display:grid;grid-template-columns:96px minmax(0,1fr);gap:var(--s-4)}.wrw-related-grid img {width:96px;height:96px;aspect-ratio:1;margin:0}.wrw-article-related {padding-block:var(--s-6)}.wrw-article .wrw-article-figure {margin-block:var(--s-5)}}

/* WRW-002 curated front page. Composer owns markup; child owns the system. */
.wrw-home {--fs-lead:var(--fs-h1);--fs-section:var(--fs-h2);--fs-story:var(--fs-h3)}
.wrw-home {color:var(--ink);font:400 var(--fs-body)/1.6 var(--font-body)}
.wrw-home h1,.wrw-home h2,.wrw-home h3 {font-family:var(--font-head);font-weight:700;color:var(--ink);line-height:1.12;text-wrap:balance;margin:0 0 var(--s-4)}
.wrw-home h1 {font-size:var(--fs-lead)} .wrw-home h2 {font-size:var(--fs-section)} .wrw-home h3 {font-size:var(--fs-story)}
.wrw-home a {color:inherit;text-decoration:none} .wrw-home a:hover {text-decoration:underline;text-underline-offset:4px}
.wrw-home p {margin:0 0 var(--s-4)} .wrw-home .kicker {font:700 var(--fs-kicker)/1.5 var(--font-body);letter-spacing:.1em;text-transform:uppercase}
.wrw-home .kicker::before {content:'';display:inline-block;width:10px;height:10px;background:var(--wrw-aqua);margin-right:var(--s-2)}
.wrw-home .kicker--garden::before {background:var(--wrw-green)} .wrw-home .kicker--habit::before {background:var(--wrw-citrus)} .wrw-home .kicker--care::before {background:var(--wrw-gold)}
.wrw-home .wrw-story-meta {font-size:var(--fs-kicker);color:var(--ink-soft)}
.wrw-home-row,.wrw-home-row>.td-pb-span12 {padding:0!important;margin:0!important;width:100%!important}
.wrw-home-row .vc_raw_html {margin:0!important}
.tdc-row:has(> .wrw-home-row) {width:100%;max-width:none;margin:0;padding:0}
.wrw-home .wrw-card-0 h3 {font-size:var(--fs-h3-xl)}
.wrw-front {display:grid;grid-template-columns:minmax(0,7fr) minmax(0,5fr);gap:var(--s-6);padding-block:var(--s-6) var(--s-7);align-items:start}
.wrw-front .wrw-lead {display:flex;flex-direction:column}
.wrw-front .wrw-story-text {min-width:0;overflow-wrap:break-word}
.wrw-front .wrw-lead>.wrw-story-text {padding-bottom:var(--s-4)}
.wrw-home .wrw-front .wrw-story-deck {font:400 var(--fs-small)/1.55 var(--font-body);color:var(--ink-soft);max-width:62ch;margin-bottom:var(--s-3)}
.wrw-home .wrw-front .wrw-lead .wrw-story-deck {font-size:var(--fs-deck)}
.wrw-home .wrw-front .kicker {margin-bottom:var(--s-2)}
.wrw-home .wrw-front h1,.wrw-home .wrw-front h2 {margin-bottom:var(--s-3)}
.wrw-home .wrw-front .wrw-story-meta {margin:0}
.wrw-front .wrw-secondaries {align-content:start}
@media(min-width:761px){.wrw-front .wrw-secondaries img {max-height:160px;aspect-ratio:16/9}}
@media(max-width:760px){
 .wrw-front .wrw-secondaries .wrw-story-deck {display:none}
 .wrw-front .wrw-secondaries .wrw-story {grid-template-columns:minmax(0,1fr) 112px}
 .wrw-front .wrw-secondaries .wrw-story>img {grid-column:2;grid-row:1}
 .wrw-front .wrw-secondaries .wrw-story-text {grid-column:1;grid-row:1}
}
.wrw-front .wrw-secondaries .wrw-story+.wrw-story {border-top:1px solid var(--rule);padding-top:var(--s-5)}
@media(max-width:760px){
 .wrw-home .wrw-front {padding-top:0;gap:var(--s-5)}
 .wrw-front .wrw-lead>img {order:-1;width:calc(100% + 2 * var(--gutter));max-width:none;margin-inline:calc(-1 * var(--gutter));margin-bottom:var(--s-5)}
 .wrw-front .wrw-lead>.wrw-story-text {padding-bottom:0}
 .wrw-front .wrw-secondaries {padding-top:var(--s-5);gap:var(--s-5)}
 .wrw-front .wrw-secondaries .wrw-story {grid-template-columns:minmax(0,1fr) 112px;align-items:start}
 .wrw-front .wrw-secondaries .wrw-story-text {min-width:0;width:100%;height:auto;overflow:visible}
}
.wrw-story {min-width:0} .wrw-story img {width:100%;height:auto;aspect-ratio:3/2;object-fit:cover;display:block;margin:0 0 var(--s-4)}
.wrw-secondaries {border-left:1px solid var(--rule);padding-left:var(--s-6);display:grid;gap:var(--s-6)}
.wrw-secondaries img {max-height:220px} .wrw-secondaries h2 {font-size:var(--fs-story)}
.wrw-steps {background:var(--paper-warm);border-block:1px solid var(--rule);padding-block:var(--s-8)}
.wrw-steps ol,.wrw-week ol {list-style:none;padding:0;margin:0;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:var(--s-6)}
.wrw-steps li {display:flex;gap:var(--s-4);margin:0} .wrw-steps li>span {font:700 var(--fs-section)/1 var(--font-head)}
.wrw-band {background:var(--aqua-tint);border-top:8px solid var(--wrw-aqua);padding-block:var(--s-6)} .wrw-band h2 {margin-bottom:var(--s-2)} .wrw-band p {margin:0}
.wrw-pillar--garden .wrw-band {background:var(--wrw-sage);border-color:var(--wrw-green)} .wrw-pillar--habit .wrw-band {background:var(--citrus-tint);border-color:var(--wrw-citrus)} .wrw-pillar--care .wrw-band {background:var(--gold-tint);border-color:var(--wrw-gold)}
.wrw-pillar {padding-bottom:var(--s-8)} .wrw-section-grid {display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:var(--s-6);padding-block:var(--s-8)}
.wrw-pillar--mind .wrw-card-0 {grid-row:span 3} .wrw-pillar--mind .wrw-section-grid {grid-template-columns:1fr 1fr}
.wrw-pillar--mind .wrw-card-1,.wrw-pillar--mind .wrw-card-2 {border-bottom:1px solid var(--rule)}
.wrw-pillar--garden .wrw-section-grid {grid-template-columns:2fr 1fr 1fr} .wrw-pillar--garden .wrw-card-0 {grid-row:span 2} .wrw-pillar--garden .wrw-card-0 img {aspect-ratio:4/5} .wrw-pillar--garden .wrw-card-3 {grid-column:2/4}
.wrw-pillar--habit .wrw-story {background:var(--citrus-tint);padding:var(--s-4);border-top:4px solid var(--wrw-citrus)}
.wrw-pillar--care .wrw-section-grid {grid-template-columns:2fr 1fr 1fr} .wrw-quote {margin:0;background:var(--gold-tint);padding:var(--s-8);font:italic 700 var(--fs-section)/1.2 var(--font-head);align-content:center}
.wrw-more {display:inline-flex;min-height:44px;align-items:center;font-weight:700;gap:var(--s-2);border-bottom:2px solid var(--ink)}
.wrw-week {padding-block:var(--s-8)} .wrw-week ol {grid-template-columns:repeat(7,minmax(0,1fr));gap:var(--s-3)} .wrw-week li {background:var(--paper-warm);border-top:4px solid var(--wrw-sage);padding:var(--s-4);margin:0} .wrw-week h3 {font-size:var(--fs-body)} .wrw-week li p {font-size:var(--fs-kicker)}
.wrw-makers {background:var(--ink);color:var(--paper);padding-block:var(--s-8)} .wrw-makers h2 {color:var(--paper)} .wrw-makers .wrap>div {display:grid;grid-template-columns:1fr 1fr;gap:var(--s-6)} .wrw-makers a {border:1px solid var(--rule);padding:var(--s-6);display:grid;min-height:100px;align-content:center;gap:var(--s-3)} .wrw-makers strong {font:700 var(--fs-story)/1.2 var(--font-head)}
.wrw-letter {padding-block:var(--s-8)}
@media(max-width:760px){.wrw-front {padding-block:var(--s-5);grid-template-columns:1fr;gap:var(--s-6)} .wrw-secondaries {padding-left:0;border-left:0;border-top:1px solid var(--rule);padding-top:var(--s-6)} .wrw-secondaries .wrw-story {display:grid;grid-template-columns:112px 1fr;gap:var(--s-4)} .wrw-secondaries img {aspect-ratio:1;height:112px;margin:0} .wrw-steps ol,.wrw-section-grid,.wrw-pillar--garden .wrw-section-grid,.wrw-pillar--care .wrw-section-grid,.wrw-pillar--mind .wrw-section-grid {grid-template-columns:1fr} .wrw-pillar--garden .wrw-card-0,.wrw-pillar--garden .wrw-card-3,.wrw-pillar--mind .wrw-card-0 {grid-row:auto;grid-column:auto} .wrw-pillar--garden .wrw-card-0 img {aspect-ratio:3/2} .wrw-pillar--garden .wrw-card-1,.wrw-pillar--garden .wrw-card-2 {display:grid;grid-template-columns:112px 1fr;gap:var(--s-4)} .wrw-pillar--garden .wrw-card-1 img,.wrw-pillar--garden .wrw-card-2 img {aspect-ratio:1;height:112px} .wrw-pillar--habit .wrw-story {display:grid;grid-template-columns:80px 1fr;gap:var(--s-4)} .wrw-pillar--habit img {aspect-ratio:1;height:80px} .wrw-week ol {grid-template-columns:repeat(7,180px);overflow-x:auto;padding-bottom:var(--s-4)} .wrw-makers .wrap>div {grid-template-columns:1fr}}

/* Native edge controls use CSS geometry, not the unapproved Newspaper icon font.
   Keep the original elements and JS handlers, including hidden modal close states. */
.td-icon-menu-up::before,.td-icon-close-mobile::before {
 content:""!important;font-family:var(--font-body)!important;
 display:inline-block;box-sizing:border-box;
}
.td-icon-menu-up::before {
 width:12px;height:12px;border-top:2px solid currentColor;border-left:2px solid currentColor;
 transform:translateY(3px) rotate(45deg);
}
.td-icon-close-mobile::before {
 width:18px;height:18px;
 background:linear-gradient(45deg,transparent calc(50% - 1px),currentColor calc(50% - 1px),currentColor calc(50% + 1px),transparent calc(50% + 1px)),linear-gradient(-45deg,transparent calc(50% - 1px),currentColor calc(50% - 1px),currentColor calc(50% + 1px),transparent calc(50% + 1px));
}
/* Retained Products/archive breadcrumbs and pagers must not load Newspaper's
   private-use icon font. Preserve native elements/handlers; draw chevrons. */
.td-icon-right::before,.td-icon-menu-right::before,.td-icon-menu-down::before {
 content:""!important;font-family:var(--font-body)!important;
 display:inline-block;box-sizing:border-box;width:.5em;height:.5em;
 border-top:2px solid currentColor;border-right:2px solid currentColor;
 transform:rotate(45deg);vertical-align:middle;
}
.td-icon-menu-down::before {transform:rotate(135deg)}
/* Keep the retained scroll control's hit area at the shared 44px minimum. */
.td-scroll-up[data-style="style1"] {width:44px!important;height:44px!important;background-color:var(--ink)!important}
.td-scroll-up[data-style="style1"] .td-icon-menu-up {width:44px!important;top:9px!important}
/* Native scroll-animation must not keep the article's eager LCP image invisible. */
body .wrw-article img {opacity:1!important;transition:none!important;transform:none!important}

/* Search and 404 use native WP state inside duplicated Composer records. */
.wrw-recovery-row,.wrw-recovery-row>.td-pb-span12 {width:100%!important;margin:0!important;padding:0!important}
.tdc-row:has(> .wrw-recovery-row) {width:100%;max-width:none;margin:0;padding:0}
.wrw-recovery-row .vc_column_text {margin:0}
.wrw-recovery .wrw-band {padding-block:var(--s-6)}
.wrw-recovery-kicker {font:700 var(--fs-kicker)/1.5 var(--font-body);letter-spacing:.1em;text-transform:uppercase}
.wrw-recovery .wrw-band>div>p {max-width:70ch;margin-bottom:var(--s-4)}
.wrw-recovery-form {max-width:var(--wrw-article-col);margin-block:var(--s-5)}
.wrw-recovery-form label {display:block;font-weight:700;margin-bottom:var(--s-2)}
.wrw-recovery-form>div {display:flex;gap:var(--s-2)}
.wrw-recovery-form input {min-width:0;flex:1;width:100%;min-height:44px;background:var(--paper);border:1px solid var(--ink);padding:var(--s-3);color:var(--ink);font:inherit;border-radius:var(--radius-btn)}
.wrw-recovery-form button {min-width:88px;min-height:44px;border:1px solid var(--ink);background:var(--ink);color:var(--paper);font:600 var(--fs-small)/1.5 var(--font-body);padding:var(--s-3) var(--s-4);border-radius:var(--radius-btn);cursor:pointer}
.wrw-recovery-body {padding-block:var(--s-6)}
.wrw-result-list {display:grid;gap:var(--s-5)}
.wrw-result {display:grid;grid-template-columns:180px minmax(0,1fr);gap:var(--s-5);padding-bottom:var(--s-5);border-bottom:1px solid var(--rule)}
.wrw-result img,.wrw-result-color {width:100%;aspect-ratio:3/2;object-fit:cover;background:var(--wrw-sage)}
.wrw-recovery .wrw-result h2 {font-size:var(--fs-h3-xl)}
.wrw-recovery .wrw-result h2 a {display:inline-flex;align-items:center;min-height:44px}
.wrw-recovery-sections {margin-top:var(--s-7);border-top:3px solid var(--ink);padding-top:var(--s-5)}
.wrw-recovery-sections ul {list-style:none;padding:0;margin:0;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:var(--s-3)}
.wrw-recovery-sections li {margin:0}
.wrw-recovery-sections a {display:flex;align-items:center;min-height:64px;padding:var(--s-3);background:var(--paper-warm);border-bottom:4px solid var(--wrw-aqua);font-weight:600}
.wrw-recovery-sections li:nth-child(2) a {border-color:var(--wrw-green)}
.wrw-recovery-sections li:nth-child(3) a {border-color:var(--wrw-citrus)}
.wrw-recovery-sections li:nth-child(4) a {border-color:var(--wrw-gold)}
.wrw-search-query {overflow-wrap:anywhere}
@media(max-width:760px){.wrw-result {grid-template-columns:96px minmax(0,1fr);gap:var(--s-4)}.wrw-result img,.wrw-result-color {aspect-ratio:1;height:96px}.wrw-recovery .wrw-result h2 {font-size:var(--fs-h3)}.wrw-recovery-sections ul {grid-template-columns:1fr 1fr}}

/* Screenshot critique: compact recovery, title-first rows, explicit field focus. */
.wrw-recovery .wrw-band {padding-block:var(--s-5)}
.wrw-recovery-form {margin-block:var(--s-4) var(--s-5)}
.wrw-recovery .wrw-recovery-form input,.wrw-recovery .wrw-recovery-form button {box-sizing:border-box;height:48px;min-height:48px;padding-block:var(--s-2)}
.wrw-recovery .wrw-recovery-form input:focus-visible,.wrw-recovery .wrw-recovery-form button:focus-visible {outline:3px solid var(--ink);outline-offset:3px;box-shadow:0 0 0 6px var(--wrw-aqua)}
.wrw-recovery .wrw-recovery-body {padding-block:var(--s-5)}
.wrw-recovery .wrw-recovery-sections {margin-top:var(--s-6)}
.wrw-not-found .wrw-recovery-sections {margin-top:0}
.wrw-recovery .wrw-result h2 {margin-bottom:var(--s-2)}
@media(max-width:760px){.wrw-result {grid-template-columns:80px minmax(0,1fr)}.wrw-result img,.wrw-result-color {height:80px}.wrw-recovery .wrw-band {padding-block:var(--s-5)}}

/* About and author extensions of the Almanac components and token scale. */
.wrw-about-row,.wrw-about-row>.td-pb-span12 {width:100%!important;margin:0!important;padding:0!important}
.tdc-row:has(> .wrw-about-row) {width:100%;max-width:none;margin:0;padding:0}
.wrw-about-row .vc_column_text {margin:0}
.wrw-about .wrw-band {background:var(--paper-warm);padding-block:var(--s-7);border-bottom:3px solid var(--ink)}
.wrw-about .wrw-band h1 {font-size:var(--fs-h1);margin-block:var(--s-3) var(--s-5)}
.wrw-about .wrw-band h2 {font-size:var(--fs-h3-xl);max-width:28ch;margin-bottom:var(--s-4)}
.wrw-about .wrw-band p:last-child {font-size:var(--fs-deck);max-width:68ch;color:var(--ink-soft)}
.wrw-about-story {max-width:calc(var(--wrw-article-col) + 2 * var(--gutter));padding-block:var(--s-7)}
.wrw-about-story p {margin-bottom:var(--s-5)}
.wrw-about-story p:last-child {margin-bottom:0}
.wrw-about-story blockquote {font:italic 700 var(--fs-h3-xl)/1.4 var(--font-head);border-left:4px solid var(--wrw-green);padding:var(--s-5);margin-block:var(--s-6);background:var(--wrw-sage)}
.wrw-about-values {padding-block:var(--s-7);background:var(--wrw-sage)}
.wrw-about-values h2,.wrw-about-founders>h2 {margin-block:var(--s-2) var(--s-6)}
.wrw-value-grid {display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:var(--s-5)}
.wrw-value-grid article {border-top:3px solid var(--ink);padding-top:var(--s-4)}
.wrw-value-grid h3 {font-size:var(--fs-h3);margin-bottom:var(--s-3)}
.wrw-value-grid p {font-size:var(--fs-small)}
.wrw-about-founders {padding-block:var(--s-7)}
.wrw-founder {display:grid;grid-template-columns:200px minmax(0,1fr);gap:var(--s-7);padding-block:var(--s-6);border-top:1px solid var(--rule)}
.wrw-initial {display:flex;align-items:center;justify-content:center;width:100%;aspect-ratio:1;background:var(--wrw-citrus);color:var(--ink);font:700 var(--fs-masthead)/1 var(--font-head);border-top:4px solid var(--wrw-green)}
.wrw-founder--garden .wrw-initial {background:var(--wrw-sage);border-color:var(--wrw-green)}
.wrw-founder--mind .wrw-initial {background:var(--aqua-tint);border-color:var(--wrw-aqua)}
.wrw-founder--habit .wrw-initial {background:var(--citrus-tint);border-color:var(--wrw-citrus)}
.wrw-founder h3 {font-size:var(--fs-h2);margin-block:var(--s-2) var(--s-4)}
.wrw-founder p {max-width:68ch}
.wrw-facts {display:flex;flex-wrap:wrap;gap:var(--s-2);list-style:none;padding:0;margin-block:var(--s-4)}
.wrw-facts li {font-size:var(--fs-small);padding:var(--s-1) var(--s-3);background:var(--paper-warm);border:1px solid var(--rule);border-radius:var(--radius-btn);margin:0}
.wrw-founder .wrw-more {display:inline-flex;align-items:center;min-height:44px}
.wrw-article-meta a {display:inline-flex;align-items:center;min-height:44px;min-width:44px;text-decoration:underline}
.wrw-author .wrw-author-head {display:grid;grid-template-columns:160px minmax(0,1fr);gap:var(--s-6);align-items:start}
.wrw-author .wrw-band {padding-block:var(--s-6);background:var(--paper-warm)}
.wrw-author .wrw-band h1 {margin-block:var(--s-2) var(--s-4)}
.wrw-author-bio {max-width:68ch;font-size:var(--fs-body);line-height:1.6}
.wrw-author .wrw-story h2 a {display:inline-flex;align-items:center;min-height:44px}
@media(max-width:760px){
 .wrw-about .wrw-band,.wrw-about-story,.wrw-about-values,.wrw-about-founders {padding-block:var(--s-6)}
 .wrw-value-grid {grid-template-columns:1fr;gap:var(--s-5)}
 .wrw-founder {grid-template-columns:1fr;gap:var(--s-5)}
 .wrw-founder>.wrw-initial {width:112px}
 .wrw-author .wrw-author-head {grid-template-columns:1fr;gap:var(--s-4)}
 .wrw-author-head>.wrw-initial {width:96px}
}

/* Visual review: fill author image frames and prevent text bleed under sticky nav. */
.wrw-home.wrw-author .wrw-story img {width:100%;object-fit:cover}
.masthead .sections,body>.sections {background:var(--paper)}