/* Untangle Core — marketing site design (the Oct 2026 redesign).
   Source of truth: the untangle-design skill (tokens/*.css, ui_kits/website/site.css).
   Everything is scoped to .ut-page, the Group block that wraps a redesigned page,
   so the rest of the site and the member area are untouched. Sections are core
   blocks carrying these classes; site.js only adds behaviour on top. */

.ut-page{
  --red-700:#9e1f33;--red-600:#ad233b;--red-500:#c12943;--red-400:#da5a42;--red-100:#fcebeb;
  --gold:#ffd460;--navy-900:#16203a;--navy-800:#1f2841;--navy-700:#2b3556;
  --paper:#fff;--paper-2:#f9f7f4;--paper-3:#f2efea;--line:#e5e7eb;
  --ink:#1f2841;--ink-2:#5b6172;--ink-3:#9aa0ad;--on-dark-2:#aeb6c6;
  --indep-1:#1f2841;--indep-2:#da5a42;--indep-3:#54777b;--indep-4:#ffd460;
  --strength-fg:#2e8b6f;--strength-bg:#eaf2f2;--developing-fg:#c98a12;
  --band-warm:#f9f7f4;--band-blush:#fbefee;--band-butter:#fff4d6;--band-sage:#e8f0ee;--band-navy:#1f2841;--band-red:#c12943;
  --font-display:'Noto Serif',Georgia,'Times New Roman',serif;
  --font-body:'Noto Sans',-apple-system,BlinkMacSystemFont,'Segoe UI',system-ui,sans-serif;
  --fs-hero:clamp(42px,6.2vw,84px);--fs-section:clamp(32px,4.2vw,56px);--fs-lead:clamp(18px,1.6vw,22px);--fs-quote:clamp(22px,2.4vw,32px);
  --page-max:1200px;--section-y:clamp(64px,9vw,128px);--gutter:clamp(20px,4vw,48px);
  --radius-md:12px;--radius-lg:16px;--radius-xl:20px;--radius-media:28px;
  --shadow-xs:0 1px 2px rgba(31,40,65,.05);--shadow-md:0 6px 18px rgba(31,40,65,.08);--shadow-lg:0 14px 34px rgba(31,40,65,.12);
  --ease:cubic-bezier(.3,0,.2,1);--dur-fast:120ms;--dur-base:200ms;--dur-slow:320ms;
  font-family:var(--font-body);color:var(--ink);background:#fff;-webkit-font-smoothing:antialiased;
  margin:0!important;max-width:none!important;padding:0!important;
}
.ut-page *{box-sizing:border-box}
/* Core blocks add flow-layout margins between siblings; spacing here is set explicitly. */
/* Doubled class: outranks Astra's .entry-content p margins; the section rules below come later, so they still win. */
.ut-page.ut-page :where(.wp-block-group,.wp-block-buttons,.wp-block-list,.wp-block-quote,.wp-block-image,.wp-block-query)>*{margin-block-start:0}
.ut-page.ut-page :where(h1,h2,h3,p,ul,li,figure,blockquote){margin:0}
.ut-page a{color:var(--red-500);text-decoration:none}.ut-page a:hover{color:var(--red-600)}
.ut-page img{max-width:100%;height:auto;display:block}
.ut-page .wp-block-image{margin:0}

/* ── layout ── */
.ut-page .ut-wrap{max-width:var(--page-max);margin-left:auto;margin-right:auto;padding-left:var(--gutter);padding-right:var(--gutter);width:100%}
.ut-page .ut-band{padding:var(--section-y) 0}
.ut-page .ut-band-paper{background:#fff}.ut-page .ut-band-warm{background:var(--band-warm)}.ut-page .ut-band-blush{background:var(--band-blush)}
.ut-page .ut-band-sage{background:var(--band-sage)}.ut-page .ut-band-navy{background:var(--band-navy)}.ut-page .ut-band-red{background:var(--band-red)}
.ut-page .ut-split{display:grid;grid-template-columns:minmax(0,1.05fr) minmax(0,1fr);gap:clamp(32px,6vw,88px);align-items:center}
.ut-page .ut-center{text-align:center}
.ut-page .ut-media img{width:100%;border-radius:var(--radius-media);object-fit:cover}
.ut-page .ut-media.ut-r-4-5 img{aspect-ratio:4/5}.ut-page .ut-media.ut-r-4-3 img{aspect-ratio:4/3}
.ut-page .ut-media.ut-r-1-1 img{aspect-ratio:1/1}.ut-page .ut-media.ut-r-21-9 img{aspect-ratio:21/9}

/* ── type ── */
.ut-page .ut-eyebrow{font-size:13px;font-weight:800;letter-spacing:.1em;text-transform:uppercase;color:var(--red-500);margin:0 0 16px}
.ut-page .ut-eyebrow.ut-gold{color:var(--gold)}
.ut-page h1.ut-display{font-family:var(--font-display);font-size:var(--fs-hero);line-height:1.04;letter-spacing:-.025em;font-weight:600;color:var(--ink);margin:0 0 22px;text-wrap:balance}
.ut-page h2.ut-title{font-family:var(--font-display);font-size:var(--fs-section);line-height:1.08;letter-spacing:-.02em;font-weight:600;color:var(--ink);margin:0 0 22px;text-wrap:balance}
.ut-page :is(.ut-display,.ut-title,.ut-founder-q) em{font-style:italic;color:var(--red-500);font-weight:500}
.ut-page .ut-band-navy .ut-title{color:#fff}.ut-page .ut-band-navy .ut-title em{color:var(--gold)}
.ut-page .ut-band-red .ut-title{color:#fff}
.ut-page .ut-band-red .ut-title em{color:#fff;text-decoration:underline;text-decoration-color:var(--gold);text-decoration-thickness:4px;text-underline-offset:8px}
.ut-page .ut-lead{font-size:var(--fs-lead);line-height:1.55;color:var(--ink-2);margin:0 0 24px;max-width:60ch;text-wrap:pretty}
.ut-page .ut-lead strong{color:var(--ink)}
.ut-page .ut-center.ut-lead,.ut-page .ut-lead.has-text-align-center{margin-left:auto;margin-right:auto;text-align:center}
.ut-page .ut-band-navy .ut-lead{color:var(--on-dark-2)}.ut-page .ut-band-red .ut-lead{color:#fff}

/* ── buttons (core/buttons with these classes) ── */
.ut-page .wp-block-buttons{display:flex;flex-wrap:wrap;gap:12px}
.ut-page .wp-block-button .wp-block-button__link{font-family:var(--font-body);font-weight:500;font-size:15px;line-height:1;padding:14px 28px;border-radius:var(--radius-md);background:var(--red-500);color:#fff;border:1px solid var(--red-500);text-decoration:none;display:inline-flex;align-items:center;justify-content:center;transition:filter var(--dur-base) var(--ease),transform var(--dur-fast) var(--ease)}
.ut-page .wp-block-button .wp-block-button__link:hover{background:var(--red-600);border-color:var(--red-600);color:#fff}
.ut-page .wp-block-button .wp-block-button__link:active{transform:scale(.98)}
.ut-page .wp-block-button.is-style-outline .wp-block-button__link{background:transparent;color:var(--red-500)}
.ut-page .wp-block-button.is-style-outline .wp-block-button__link:hover{background:var(--red-100);color:var(--red-600)}
.ut-page .wp-block-button.ut-btn-invert .wp-block-button__link{background:#fff;color:var(--red-600);border-color:#fff;font-size:17px;font-weight:700;padding:17px 34px}
.ut-page .wp-block-button.ut-btn-invert .wp-block-button__link:hover{transform:translateY(-2px);background:#fff}
.ut-page .wp-block-button.ut-btn-full,.ut-page .wp-block-button.ut-btn-full .wp-block-button__link{width:100%}
.ut-page .wp-block-button__link:focus-visible,.ut-page button:focus-visible,.ut-page [role=tab]:focus-visible{outline:none;box-shadow:0 0 0 3px #c1294355}

/* ── hero + mini-quiz ── */
.ut-page .ut-hero{padding:clamp(40px,6vw,80px) 0 0;background:linear-gradient(180deg,#fff 0%,var(--band-warm) 100%)}
.ut-page .ut-hero-grid{display:grid;grid-template-columns:minmax(0,1.15fr) minmax(0,.85fr);gap:clamp(32px,5vw,72px);align-items:start}
.ut-page .ut-hero-media{position:relative;padding-bottom:40px}
.ut-page .ut-hero-phone{position:absolute;left:-48px;top:48px;width:38%;max-width:200px}
.ut-page .ut-hero-phone img{filter:drop-shadow(0 18px 30px rgba(22,32,58,.28));border-radius:0}
.ut-page .ut-quiz{background:#fff;border:1px solid var(--line);border-radius:var(--radius-xl);padding:22px;box-shadow:var(--shadow-md);margin-top:8px;scroll-margin-top:110px}
.ut-page .ut-quiz-q{font-family:var(--font-display);font-size:20px;font-weight:600;margin:0 0 14px;color:var(--ink)}
.ut-page .ut-quiz-q .ut-quiz-hint,.ut-page .ut-quiz-q em{font-family:var(--font-body);font-style:normal;font-size:13px;font-weight:600;color:var(--ink-3);margin-left:8px}
.ut-page .ut-quiz-tiles{list-style:none;padding:0;margin:0;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}
.ut-page .ut-quiz-tiles li{margin:0;padding:14px 16px;min-height:56px;border:1.5px solid var(--line);border-radius:var(--radius-md);background:#fff;font-size:13px;color:var(--ink-2);line-height:1.4}
.ut-page .ut-quiz-tiles li strong{display:block;font-size:15px;font-weight:600;color:var(--ink)}
.ut-page .ut-quiz-tiles li em{display:none}
/* With the script, tiles become toggle buttons. */
.ut-page .ut-quiz-tiles .ut-tile{all:unset;box-sizing:border-box;cursor:pointer;display:flex;align-items:center;gap:12px;width:100%;height:100%;padding:14px 16px;min-height:56px;border-radius:var(--radius-md);font-family:var(--font-body);text-align:left;transition:transform var(--dur-fast) var(--ease)}
.ut-page .ut-quiz.is-ready .ut-quiz-tiles li{padding:0;transition:border-color var(--dur-base) var(--ease),background var(--dur-base) var(--ease)}
.ut-page .ut-quiz-tiles .ut-tile:active{transform:scale(.98)}
.ut-page .ut-tile-check{width:22px;height:22px;border-radius:50%;flex-shrink:0;border:1.5px solid var(--ink-3);display:flex;align-items:center;justify-content:center;color:#fff;font-size:13px;font-weight:800}
.ut-page .ut-tile-text{min-width:0;display:block}
.ut-page .ut-tile-label{display:block;font-size:15px;font-weight:600;color:var(--ink)}
.ut-page .ut-tile-hint{display:block;font-size:13px;color:var(--ink-2);margin-top:2px}
.ut-page .ut-quiz-tiles li.is-on{border-color:var(--red-500);background:var(--red-100)}
.ut-page li.is-on .ut-tile-check{border:none;background:var(--red-500)}
.ut-page li.is-on .ut-tile-label{color:var(--red-600)}
.ut-page .ut-tile:focus-visible{box-shadow:0 0 0 3px #c1294355}
.ut-page .ut-quiz-foot{margin-top:16px;padding-top:16px;border-top:1px dashed var(--line);display:flex;flex-direction:column;gap:14px;align-items:flex-start}
.ut-page .ut-quiz-foot p{margin:0;font-size:15px;line-height:1.5;color:var(--ink-2)}
.ut-page .ut-quiz-foot strong{color:var(--red-600)}
.ut-page .ut-quiz-empty{color:var(--ink-3)!important}
.ut-page .ut-quiz.is-ready:not(.has-picks) :is(.ut-quiz-result,.ut-quiz-cta){display:none}
.ut-page .ut-quiz.is-ready.has-picks .ut-quiz-empty{display:none}
.ut-page .ut-quiz:not(.is-ready) :is(.ut-quiz-result,.ut-quiz-empty){display:none}
.ut-page .ut-trust{list-style:none;margin:0 auto;display:flex;flex-wrap:wrap;gap:12px 36px;justify-content:center;padding:44px var(--gutter) 48px;font-size:14px;font-weight:700;color:var(--ink-2)}
.ut-page .ut-trust li{display:flex;align-items:center;gap:10px;margin:0}
.ut-page .ut-trust li::before{content:"";width:8px;height:8px;border-radius:50%;background:var(--red-500)}

/* ── problem ── */
.ut-page .ut-tried{list-style:none;padding:0;margin:0 0 28px;display:flex;flex-wrap:wrap;gap:10px}
.ut-page .ut-tried li{margin:0;background:#fff;border-radius:999px;padding:9px 16px;font-size:14px;color:var(--ink-2);text-decoration:line-through;text-decoration-color:var(--red-500);text-decoration-thickness:2px}

/* ── how it works ── */
.ut-page .ut-how{margin-top:48px;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:24px}
.ut-page .ut-how-step{background:#fff;border-radius:var(--radius-lg);padding:20px 22px;display:grid;grid-template-columns:40px minmax(0,1fr);column-gap:20px;align-items:start}
.ut-page .ut-how-step>*{grid-column:2}
.ut-page .ut-how-n{grid-column:1;grid-row:1 / span 3;font-family:var(--font-display);font-size:28px;font-weight:600;color:var(--red-500);line-height:1}
.ut-page .ut-how-t{font-size:12px;font-weight:800;letter-spacing:.1em;text-transform:uppercase;color:var(--strength-fg);margin-bottom:4px}
.ut-page h3.ut-how-h{font-family:var(--font-display);font-size:21px;font-weight:600;color:var(--ink);line-height:1.25;margin:0}
.ut-page .ut-how-b{font-size:15px;line-height:1.55;color:var(--ink-2);margin-top:8px}
.ut-page .ut-how-img{margin-top:16px}.ut-page .ut-how-img img{max-width:220px;margin:0 auto;filter:drop-shadow(0 24px 40px rgba(22,32,58,.25))}
/* With the script: a step list on the left, one phone on the right. */
.ut-page .ut-how.is-ready{grid-template-columns:minmax(0,1.2fr) minmax(0,.8fr);gap:clamp(32px,6vw,80px);align-items:center}
.ut-page .ut-how.is-ready .ut-how-steps{display:flex;flex-direction:column;gap:10px}
.ut-page .ut-how.is-ready .ut-how-step{background:transparent;cursor:pointer;transition:background var(--dur-base) var(--ease)}
.ut-page .ut-how.is-ready .ut-how-step:hover{background:rgba(255,255,255,.5)}
.ut-page .ut-how.is-ready .ut-how-step.is-on{background:#fff;box-shadow:var(--shadow-md)}
.ut-page .ut-how.is-ready .ut-how-n{color:var(--ink-3)}.ut-page .ut-how.is-ready .is-on .ut-how-n{color:var(--red-500)}
.ut-page .ut-how.is-ready .ut-how-step:not(.is-on) .ut-how-b,.ut-page .ut-how.is-ready .ut-how-img{display:none}
.ut-page .ut-how-phone{display:flex;justify-content:center}
.ut-page .ut-phone{width:100%;max-width:270px;aspect-ratio:240/504;display:flex;align-items:center;justify-content:center}
.ut-page .ut-phone img{width:100%;height:100%;object-fit:contain;filter:drop-shadow(0 24px 40px rgba(22,32,58,.25));animation:ut-fade .35s var(--ease)}
@keyframes ut-fade{from{opacity:0;transform:translateY(6px)}to{opacity:1;transform:none}}

/* ── independence scaffold demo ── */
.ut-page .ut-demo{display:flex;flex-direction:column;gap:10px}
.ut-page .ut-demo-step{background:#fff;border-radius:var(--radius-xl);padding:18px 22px}
.ut-page .ut-demo-day{font-size:13px;font-weight:800;letter-spacing:.06em;text-transform:uppercase;color:var(--red-400)}
.ut-page .ut-demo-line{font-family:var(--font-display);font-size:19px;line-height:1.35;color:var(--ink);margin-top:4px}
.ut-page .ut-demo.is-ready .ut-demo-step{display:none}
.ut-page .ut-demo-days{display:flex;gap:8px;flex-wrap:wrap;margin-bottom:6px}
.ut-page .ut-demo-days button{white-space:nowrap;font-family:var(--font-body);font-size:14px;font-weight:700;padding:10px 18px;border-radius:999px;border:1px solid rgba(255,255,255,.25);background:transparent;color:#fff;cursor:pointer;min-height:44px}
.ut-page .ut-demo-days button[aria-selected=true]{background:var(--gold);border-color:var(--gold);color:var(--navy-900)}
.ut-page .ut-demo-card{background:#fff;border-radius:var(--radius-xl);padding:22px;display:flex;flex-direction:column;gap:16px}
.ut-page .ut-demo-top{display:flex;gap:16px;align-items:center}.ut-page .ut-demo-emoji{font-size:40px;line-height:1}
.ut-page .ut-demo-lvl{display:block;font-size:13px;font-weight:800;letter-spacing:.06em;text-transform:uppercase}
.ut-page .ut-demo-card .ut-demo-line{display:block}
.ut-page .ut-demo-bars{display:grid;grid-template-columns:repeat(4,1fr);gap:6px}
.ut-page .ut-demo-bars span{height:10px;border-radius:6px;background:var(--paper-3);transition:background var(--dur-slow) var(--ease)}
.ut-page .ut-demo-legend{display:flex;gap:12px;flex-wrap:wrap}
.ut-page .ut-demo-legend span{display:flex;align-items:center;gap:5px;font-size:11px;color:var(--ink-2)}
.ut-page .ut-demo-legend i{width:20px;height:5px;border-radius:3px;display:block}

/* ── parent stories (core/quote) ── */
.ut-page .ut-placeholder-note{font-size:12px;color:var(--ink-3);text-align:center;margin:-8px 0 28px;font-style:italic}
.ut-page .ut-stories{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px;margin-top:44px}
.ut-page .ut-stories .wp-block-quote{margin:0;border:none;border-radius:var(--radius-xl);padding:24px;display:flex;flex-direction:column;gap:18px;background:#fff;border:1px solid var(--line)}
.ut-page .ut-stories .wp-block-quote::before{display:none}
.ut-page .ut-stories .ut-story-q{font-family:var(--font-display);font-weight:500;font-size:19px;line-height:1.35;font-style:normal;color:var(--ink);text-wrap:pretty;quotes:auto}
.ut-page .ut-stories .ut-story-q::before{content:open-quote}.ut-page .ut-stories .ut-story-q::after{content:close-quote}
.ut-page .ut-stories .ut-story-win{align-self:flex-start;background:var(--strength-bg);color:var(--strength-fg);font-size:12px;font-weight:700;padding:5px 12px;border-radius:999px;white-space:nowrap;font-style:normal}
.ut-page .ut-stories .wp-block-quote cite{margin-top:auto;font-size:14px;font-weight:400;font-style:normal;color:var(--ink-2)}
.ut-page .ut-stories .wp-block-quote cite strong{color:var(--ink);font-weight:700}
.ut-page .ut-stories .wp-block-quote:first-child{background:var(--band-butter);border:none}
/* With four or more quotes, the first is the big one and spans two rows, as in the design. */
.ut-page .ut-stories .wp-block-quote:first-child:nth-last-child(n+4){grid-row:span 2;padding:32px}
.ut-page .ut-stories .wp-block-quote:first-child:nth-last-child(n+4) .ut-story-q{font-size:var(--fs-quote)}
/* Card tones (TestimonialCard): paper is the default above. */
.ut-page .ut-stories .wp-block-quote.ut-tone-butter{background:var(--band-butter);border:none}
.ut-page .ut-stories .wp-block-quote.ut-tone-sage{background:var(--band-sage);border:none}
.ut-page .ut-stories .wp-block-quote.ut-tone-blush{background:var(--band-blush);border:none}
.ut-page .ut-stories :is(.ut-tone-butter,.ut-tone-sage,.ut-tone-blush) .ut-story-win{background:#fff}
.ut-page .ut-stories .ut-tone-butter .ut-story-win{color:var(--developing-fg)}
.ut-page .ut-stories .ut-tone-blush .ut-story-win{color:var(--red-500)}
.ut-page .ut-stories-media{margin-top:18px}

/* ── founder ── */
.ut-page .ut-founder-name{font-size:15px;color:var(--ink-2)}.ut-page .ut-founder-name strong{color:var(--ink)}

/* ── pricing ── */
.ut-page .ut-plans{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:22px;max-width:1120px;margin:44px auto 0;align-items:stretch}
.ut-page .ut-plan{background:#fff;border:1px solid var(--line);border-radius:var(--radius-xl);padding:30px;display:flex;flex-direction:column;gap:14px}
.ut-page .ut-plan.ut-plan-featured{border:2px solid var(--red-500);box-shadow:var(--shadow-lg)}
.ut-page h3.ut-plan-name{font-family:var(--font-display);font-size:26px;line-height:1.2;font-weight:600;color:var(--ink);text-wrap:balance}
.ut-page .ut-plan-price{font-family:var(--font-display);font-size:44px;font-weight:600;line-height:1.05;color:var(--ink)}
.ut-page .ut-plan-featured .ut-plan-price{color:var(--red-500)}
.ut-page .ut-plan-per{font-size:14px;font-weight:600;color:var(--ink-2);margin-top:-12px}
.ut-page .ut-plan-body{flex:1;padding-top:16px;border-top:1px solid var(--line);margin-bottom:8px}
.ut-page .ut-plan-body p{margin:0 0 12px;font-size:16px;line-height:1.55;color:var(--ink-2)}
.ut-page .ut-plan-items{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:10px}
.ut-page .ut-plan-items li{margin:0;position:relative;padding-left:28px;font-size:15px;line-height:1.45;color:var(--ink)}
.ut-page .ut-plan-items li::before{content:"";position:absolute;left:0;top:3px;width:18px;height:18px;background:var(--strength-fg);
  -webkit-mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2.4' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M5 12.5l4.5 4.5L19 7.5'/%3E%3C/svg%3E") center/contain no-repeat;
          mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2.4' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M5 12.5l4.5 4.5L19 7.5'/%3E%3C/svg%3E") center/contain no-repeat}

/* ── journal (core/query) ── */
.ut-page .ut-journal-head{display:flex;justify-content:space-between;align-items:flex-end;gap:24px;flex-wrap:wrap;margin-bottom:36px}
.ut-page .ut-journal-head .ut-title{margin:0}
.ut-page .ut-journal-all a{font-weight:700;font-size:16px;white-space:nowrap}
.ut-page .ut-journal .wp-block-post-template{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:minmax(0,1.4fr) minmax(0,1fr) minmax(0,1fr);gap:22px}
.ut-page .ut-journal .wp-block-post{margin:0;display:flex;flex-direction:column;gap:16px}
.ut-page .ut-journal .wp-block-post-featured-image{margin:0;overflow:hidden;border-radius:20px}
.ut-page .ut-journal .wp-block-post-featured-image img{width:100%;aspect-ratio:3/2;object-fit:cover;border-radius:20px;transition:transform var(--dur-base) var(--ease)}
.ut-page .ut-journal .wp-block-post:first-child .wp-block-post-featured-image img{aspect-ratio:4/3}
.ut-page .ut-journal .wp-block-post:hover .wp-block-post-featured-image img{transform:translateY(-4px)}
.ut-page .ut-journal .wp-block-post-title{font-family:var(--font-display);font-weight:600;line-height:1.2;font-size:21px;margin:0;text-wrap:pretty}
.ut-page .ut-journal .wp-block-post:first-child .wp-block-post-title{font-size:30px}
.ut-page .ut-journal .wp-block-post-title a{color:var(--ink);text-decoration:none}.ut-page .ut-journal .wp-block-post-title a:hover{color:var(--red-600)}
.ut-page .ut-journal .wp-block-post-excerpt{margin:0}
.ut-page .ut-journal .wp-block-post-excerpt__excerpt{margin:0;font-size:15px;line-height:1.55;color:var(--ink-2)}
.ut-page .ut-journal .wp-block-post-excerpt__more-text{margin:10px 0 0}
.ut-page .ut-journal .wp-block-post-excerpt__more-link{font-size:14px;font-weight:700}

/* ── final call to action ── */
.ut-page .ut-cta{display:flex;flex-direction:column;align-items:center;text-align:center}
.ut-page .ut-cta-mark img{width:72px;border-radius:18px;margin:0 auto 24px;box-shadow:0 0 0 4px rgba(255,255,255,.2)}
.ut-page .ut-cta .wp-block-buttons{justify-content:center}
.ut-page .ut-newsletter{margin-top:48px;padding-top:32px;border-top:1px solid rgba(255,255,255,.25);width:100%;max-width:520px;color:#fff}
.ut-page .ut-newsletter p{margin:0 0 12px;font-weight:600;color:#fff}
.ut-page .ut-newsletter .ut-newsletter-small{font-weight:400;font-size:14px;color:rgba(255,255,255,.85)}

/* ── responsive ── */
@media (max-width:900px){
  .ut-page :is(.ut-hero-grid,.ut-split,.ut-how.is-ready){grid-template-columns:minmax(0,1fr)}
  .ut-page .ut-how{grid-template-columns:minmax(0,1fr)}
  .ut-page .ut-hero-phone{left:12px;top:24px}
  .ut-page .ut-stories{grid-template-columns:minmax(0,1fr)}.ut-page .ut-stories .wp-block-quote:first-child{grid-row:auto!important}
  .ut-page .ut-how-phone{order:-1}.ut-page .ut-phone{max-width:240px}
  .ut-page .ut-journal .wp-block-post-template{grid-template-columns:minmax(0,1fr)}
}
@media (max-width:980px){.ut-page .ut-plans{grid-template-columns:minmax(0,1fr);max-width:520px}}
@media (max-width:560px){.ut-page .ut-quiz-tiles{grid-template-columns:minmax(0,1fr)}}
@media (prefers-reduced-motion:reduce){.ut-page *{animation:none!important;transition:none!important}html{scroll-behavior:auto}}
.ut-page .ut-media.ut-pos-right img{object-position:72% 50%}

/* ── the journal page (core/search + core/query in a ut-page) ── */
.ut-page .ut-blog-hero{padding:clamp(40px,6vw,72px) 0 32px;background:var(--band-warm)}
.ut-page .ut-blog-hero h1.ut-display{font-size:var(--fs-section);margin-bottom:12px}
.ut-page .ut-blog-hero .wp-block-search{max-width:420px;margin-top:20px}
.ut-page .ut-blog-hero .wp-block-search__inside-wrapper{display:flex;align-items:center;gap:8px;background:#fff;border:1px solid var(--line);border-radius:999px;padding:4px 4px 4px 18px}
.ut-page .ut-blog-hero .wp-block-search__input{flex:1;border:none;outline:none;background:transparent;font-family:var(--font-body);font-size:15px;padding:10px 0;color:var(--ink);min-width:0}
.ut-page .ut-blog-hero .wp-block-search__button{border:none!important;border-radius:999px!important;background:var(--red-500)!important;color:#fff!important;font-family:var(--font-body)!important;font-weight:500!important;font-size:14px!important;padding:10px 18px!important;cursor:pointer;margin:0!important;line-height:1.2!important}
.ut-page .ut-blog-hero .wp-block-search__button:hover{background:var(--red-600)!important}
/* The search block's visually hidden label: keep it off-screen (it was full width, so the page scrolled sideways). */
.ut-page .screen-reader-text{position:absolute!important;width:1px!important;height:1px!important;padding:0!important;margin:-1px!important;overflow:hidden!important;clip:rect(0,0,0,0)!important;white-space:nowrap!important;border:0!important}
.ut-page .ut-blog-list{padding:40px 0 var(--section-y)}
.ut-page .ut-blog .wp-block-post-template{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:36px 22px}
.ut-page .ut-blog .wp-block-post{margin:0;display:flex;flex-direction:column;gap:14px}
.ut-page .ut-blog .wp-block-post-featured-image{margin:0;overflow:hidden;border-radius:20px}
.ut-page .ut-blog .wp-block-post-featured-image img{width:100%;aspect-ratio:3/2;object-fit:cover;border-radius:20px;transition:transform var(--dur-base) var(--ease)}
.ut-page .ut-blog .wp-block-post:hover .wp-block-post-featured-image img{transform:translateY(-4px)}
.ut-page .ut-blog .wp-block-post-title{font-family:var(--font-display);font-weight:600;line-height:1.2;font-size:21px;margin:0;text-wrap:pretty}
.ut-page .ut-blog .wp-block-post-title a{color:var(--ink);text-decoration:none}.ut-page .ut-blog .wp-block-post-title a:hover{color:var(--red-600)}
.ut-page .ut-blog .wp-block-post-excerpt{margin:0}.ut-page .ut-blog .wp-block-post-excerpt__excerpt{margin:0;font-size:15px;line-height:1.55;color:var(--ink-2)}
.ut-page .ut-blog .wp-block-post-excerpt__more-text{margin:10px 0 0}.ut-page .ut-blog .wp-block-post-excerpt__more-link{font-size:14px;font-weight:700}
/* The newest post is the feature: two columns wide, a taller image, a bigger title. */
.ut-page .ut-blog .wp-block-post:first-child{grid-column:span 2;grid-row:span 2}
.ut-page .ut-blog .wp-block-post:first-child .wp-block-post-featured-image img{aspect-ratio:4/3}
.ut-page .ut-blog .wp-block-post:first-child .wp-block-post-title{font-size:30px}
.ut-page .ut-blog .wp-block-post:first-child .wp-block-post-excerpt__excerpt{font-size:17px}
.ut-page .ut-blog .wp-block-query-pagination{margin-top:44px;display:flex;justify-content:center;gap:16px;font-weight:700;font-size:15px}
.ut-page .ut-blog .wp-block-query-no-results p{text-align:center;color:var(--ink-3);padding:48px 0}
@media (max-width:900px){.ut-page .ut-blog .wp-block-post-template{grid-template-columns:minmax(0,1fr)}.ut-page .ut-blog .wp-block-post:first-child{grid-column:auto;grid-row:auto}}
@media (min-width:600px) and (max-width:900px){.ut-page .ut-blog .wp-block-post-template{grid-template-columns:repeat(2,minmax(0,1fr))}.ut-page .ut-blog .wp-block-post:first-child{grid-column:span 2}}

/* ── articles (single posts, body.ut-article) ── */
body.ut-article{--red-500:#c12943;--red-600:#ad233b;--ink:#1f2841;--ink-2:#5b6172;--ink-3:#9aa0ad;--line:#e5e7eb;--navy-800:#1f2841;--band-warm:#f9f7f4;
  --font-display:'Noto Serif',Georgia,'Times New Roman',serif;--font-body:'Noto Sans',-apple-system,BlinkMacSystemFont,'Segoe UI',system-ui,sans-serif}
.ut-article-back{display:block;max-width:760px;margin:clamp(24px,4vw,48px) auto 0;padding:0 20px;text-align:center;font-family:var(--font-body);font-size:14px;font-weight:700}
.ut-article-back a{color:var(--red-500)!important;text-decoration:none!important}
body.ut-article .entry-header{max-width:760px;margin:0 auto;padding:16px 20px 24px;text-align:center}
body.ut-article .entry-header .entry-title{font-family:var(--font-display);font-weight:600;font-size:clamp(34px,5vw,54px);line-height:1.08;letter-spacing:-.02em;color:var(--ink);margin:0 0 14px;text-wrap:balance}
body.ut-article .entry-header .entry-meta,body.ut-article .entry-header .entry-meta *{font-family:var(--font-body);font-size:14px;color:var(--ink-2)}
body.ut-article .post-thumb-img-content,body.ut-article .ast-single-post-featured-section{max-width:1040px;margin:0 auto 48px}
body.ut-article .post-thumb-img-content img,body.ut-article .ast-single-post-featured-section img{width:100%;max-height:520px;object-fit:cover;border-radius:28px}
body.ut-article .entry-content{max-width:680px;margin-left:auto;margin-right:auto;font-family:var(--font-body);font-size:18px;line-height:1.7;color:var(--ink)}
body.ut-article .entry-content p,body.ut-article .entry-content li{font-size:18px;line-height:1.7;color:var(--ink)}
body.ut-article .entry-content h2{font-family:var(--font-display);font-size:28px;line-height:1.2;font-weight:600;color:var(--ink);margin:48px 0 14px}
body.ut-article .entry-content h3{font-family:var(--font-display);font-size:22px;line-height:1.25;font-weight:600;color:var(--ink);margin:32px 0 10px}
body.ut-article .entry-content a{color:var(--red-500)}
body.ut-article .entry-content hr,body.ut-article .entry-content .wp-block-separator{border:none;border-top:1px solid var(--line);margin:40px 0}
/* The end of every article: a call to the funnel, then more to read. */
.ut-article-end{max-width:680px;margin:0 auto;font-family:var(--font-body)}
.ut-article-cta{background:var(--navy-800);color:#fff;border-radius:20px;padding:28px;display:flex;gap:20px;align-items:center;justify-content:space-between;flex-wrap:wrap;margin:48px 0 0}
.ut-article-cta p{margin:0!important;font-family:var(--font-display);font-size:21px!important;line-height:1.35!important;max-width:36ch;color:#fff!important}
.ut-article-cta p em{color:#ffd460;font-style:italic}
.ut-article-cta a{display:inline-flex;align-items:center;justify-content:center;min-height:44px;padding:12px 22px;border-radius:12px;background:var(--red-500);color:#fff!important;font-weight:500;font-size:15px;text-decoration:none!important}
.ut-article-cta a:hover{background:var(--red-600)}
.ut-related{background:var(--band-warm);padding:64px 20px;margin-top:64px}
.ut-related-in{max-width:1200px;margin:0 auto}
.ut-related h2{font-family:var(--font-display);font-size:32px;font-weight:600;letter-spacing:-.02em;color:var(--ink);margin:0 0 28px}
.ut-related-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:28px 22px}
.ut-related-card{display:flex;flex-direction:column;gap:14px;text-decoration:none!important;color:var(--ink)!important;font-family:var(--font-body)}
.ut-related-card img{width:100%;aspect-ratio:3/2;object-fit:cover;border-radius:20px;transition:transform 200ms cubic-bezier(.3,0,.2,1)}
.ut-related-card:hover img{transform:translateY(-4px)}
.ut-related-card .t{font-family:var(--font-display);font-size:21px;font-weight:600;line-height:1.2}
.ut-related-card:hover .t{color:var(--red-600)}
.ut-related-card .r{font-size:14px;font-weight:700;color:var(--red-500)}
@media (max-width:900px){.ut-related-grid{grid-template-columns:minmax(0,1fr)}}
@media (min-width:600px) and (max-width:900px){.ut-related-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}