/* =====================================================================
   UGTM FAE — WP-3 global design system, header and footer.
   Loaded AFTER the parent main.css, so equal-specificity rules win.
   Brand identity is unchanged: pink #F090B0 and gold #B09050 remain the
   official colours. What changes is their ROLE: they fill shapes; text on
   light surfaces uses accessible darker variants.
   ===================================================================== */

/* ---------------------------------------------------------- 1. Fonts ---- */
@font-face{
  font-family:'Noto Kufi Arabic';
  font-style:normal; font-weight:700; font-display:swap;
  src:url('../fonts/noto-kufi-arabic-700.woff2') format('woff2');
  unicode-range:U+0600-06FF, U+0750-077F, U+0870-0891, U+0897-08E1, U+08E3-08FF, U+200C-200E, U+2010-2011, U+204F, U+2E41, U+FB50-FDFF, U+FE70-FE74, U+FE76-FEFC, U+102E0-102FB, U+10E60-10E7E, U+10EC2-10EC7, U+10EC9-10EEE, U+10EF0-10EFF, U+1EE00-1EE03, U+1EE05-1EE1F, U+1EE21-1EE22, U+1EE24, U+1EE27, U+1EE29-1EE32, U+1EE34-1EE37, U+1EE39, U+1EE3B, U+1EE42, U+1EE47, U+1EE49, U+1EE4B, U+1EE4D-1EE4F, U+1EE51-1EE52, U+1EE54, U+1EE57, U+1EE59, U+1EE5B, U+1EE5D, U+1EE5F, U+1EE61-1EE62, U+1EE64, U+1EE67-1EE6A, U+1EE6C-1EE72, U+1EE74-1EE77, U+1EE79-1EE7C, U+1EE7E, U+1EE80-1EE89, U+1EE8B-1EE9B, U+1EEA1-1EEA3, U+1EEA5-1EEA9, U+1EEAB-1EEBB, U+1EEF0-1EEF1;
}
@font-face{
  font-family:'Noto Sans Arabic';
  font-style:normal; font-weight:400 700; font-display:swap;
  src:url('../fonts/noto-sans-arabic.woff2') format('woff2');
  unicode-range:U+0600-06FF, U+0750-077F, U+0870-0891, U+0897-08E1, U+08E3-08FF, U+200C-200E, U+2010-2011, U+204F, U+2E41, U+FB50-FDFF, U+FE70-FE74, U+FE76-FEFC, U+102E0-102FB, U+10E60-10E7E, U+10EC2-10EC7, U+10EC9-10EEE, U+10EF0-10EFF, U+1EE00-1EE03, U+1EE05-1EE1F, U+1EE21-1EE22, U+1EE24, U+1EE27, U+1EE29-1EE32, U+1EE34-1EE37, U+1EE39, U+1EE3B, U+1EE42, U+1EE47, U+1EE49, U+1EE4B, U+1EE4D-1EE4F, U+1EE51-1EE52, U+1EE54, U+1EE57, U+1EE59, U+1EE5B, U+1EE5D, U+1EE5F, U+1EE61-1EE62, U+1EE64, U+1EE67-1EE6A, U+1EE6C-1EE72, U+1EE74-1EE77, U+1EE79-1EE7C, U+1EE7E, U+1EE80-1EE89, U+1EE8B-1EE9B, U+1EEA1-1EEA3, U+1EEA5-1EEA9, U+1EEAB-1EEBB, U+1EEF0-1EEF1;
}

/* --------------------------------------------------------- 2. Tokens ---- */
:root{
  /* brand — fills, chips, rules, decorative shapes */
  --color-brand-pink:#F090B0;
  --color-brand-gold:#B09050;
  /* brand — TEXT roles only (measured against white and #F7F7FA) */
  --color-brand-pink-text:#9E3B63;
  --color-brand-gold-text:#6B5520;
  /* neutrals */
  --color-ink:#101000;
  --color-muted:#504020;
  --color-surface:#FFFFFF;
  --color-surface-soft:#F7F7FA;
  --color-border:#E6E1D8;
  --color-dark-surface:#101000;

  /* type */
  --font-display:'Noto Kufi Arabic','Noto Sans Arabic',system-ui,'Segoe UI',Tahoma,sans-serif;
  --font-body:'Noto Sans Arabic',system-ui,'Segoe UI',Tahoma,Arial,sans-serif;
  --fs-small:13px; --fs-meta:15px; --fs-body:17px; --fs-h3:20px;
  --fs-h2:25px; --fs-h1:31px; --fs-display:clamp(30px,4.4vw,46px);
  --lh-body:1.8; --lh-heading:1.35;

  /* shape */
  --radius-sm:8px; --radius-md:14px; --radius-lg:22px; --radius-pill:999px;
  --shadow-resting:0 1px 3px rgba(16,16,0,.07);
  --shadow-elevated:0 12px 32px rgba(16,16,0,.10);

  /* header geometry */
  /* The parent reserves space for its OLD fixed header with
     body{padding-top:var(--ugtm-header-height,268px)} (plus 225px / 220px
     !important variants), and sets that variable from main.js by measuring
     '.site-header'. The WP-3 header is '.ugtm-header' and is position:sticky,
     so it occupies its own flow space and needs no reservation at all - but the
     parent's JS finds no '.site-header', returns early, never sets the
     variable, and the 268px FALLBACK applied as a blank band above the header.
     Setting the variable to 0 neutralises all four parent rules through the
     parent's own mechanism, with no negative margins and no !important. */
  --ugtm-header-height:0px;
  --ugtm-topbar-h:40px;
  --ugtm-bar-h:68px;
  --ugtm-sticky-offset:108px;
}

/* ----------------------------------------------- 3. Base typography ---- */
body{
  font-family:var(--font-body);
  font-size:var(--fs-body);
  line-height:var(--lh-body);
  color:var(--color-ink);
}
p,li{font-size:var(--fs-body);line-height:var(--lh-body);}
h1,h2,h3,h4,h5,h6{
  font-family:var(--font-display);
  font-weight:700;
  line-height:var(--lh-heading);
  color:var(--color-ink);
  letter-spacing:0;
}
h1{font-size:var(--fs-h1);}
h2{font-size:var(--fs-h2);line-height:1.4;}
h3{font-size:var(--fs-h3);line-height:1.45;}
small,.meta,.meta-date{font-size:var(--fs-small);line-height:1.6;}
/* the theme used 800/900 widely; 700 is the heaviest we ship */
.primary-menu a,.ugtm-menu a,.btn,.readmore,.eyebrow,.badge,.footer-title,
.section-title,.brand-title,.ugtm-brand-name{font-weight:700;}

/* ------------------------------------------- 4. Focus + skip link ------ */
.ugtm-sr-only{
  position:absolute!important;width:1px;height:1px;padding:0;margin:-1px;
  overflow:hidden;clip:rect(0 0 0 0);clip-path:inset(50%);white-space:nowrap;border:0;
}
:focus-visible{
  outline:3px solid var(--color-brand-pink-text);
  outline-offset:2px;
  border-radius:4px;
}
a:focus-visible,button:focus-visible,input:focus-visible,
select:focus-visible,textarea:focus-visible,[tabindex]:focus-visible{
  outline:3px solid var(--color-brand-pink-text);
  outline-offset:2px;
}
.ugtm-skip-link{
  position:absolute;top:0;inset-inline-start:16px;z-index:100000;
  transform:translateY(-130%);
  background:var(--color-dark-surface);color:#fff;
  padding:12px 20px;border-radius:0 0 var(--radius-sm) var(--radius-sm);
  font-weight:700;text-decoration:none;
}
.ugtm-skip-link:focus{transform:translateY(0);}

/* ------------------------------------------------------- 5. Header ----- */
.ugtm-header{
  position:sticky;top:0;z-index:9999;
  background:var(--color-surface);
  border-bottom:1px solid var(--color-border);
}
.ugtm-topbar{
  background:var(--color-dark-surface);color:#fff;
  min-height:var(--ugtm-topbar-h);
  font-size:var(--fs-small);
}
.ugtm-topbar-inner{
  display:flex;align-items:center;justify-content:space-between;
  gap:12px;min-height:var(--ugtm-topbar-h);
}
.ugtm-date{opacity:.92;}
.ugtm-topbar-actions{display:flex;align-items:center;gap:6px;}
.ugtm-topbar-link,.ugtm-search-toggle{
  display:inline-flex;align-items:center;gap:6px;
  min-height:32px;padding:4px 10px;
  color:#fff;background:transparent;border:0;border-radius:var(--radius-pill);
  font:inherit;font-weight:700;cursor:pointer;text-decoration:none;
}
.ugtm-topbar-link:hover,.ugtm-search-toggle:hover{background:rgba(255,255,255,.12);}

.ugtm-primary-bar{background:var(--color-surface);}
.ugtm-primary-inner{
  display:flex;align-items:center;gap:18px;
  min-height:var(--ugtm-bar-h);
}
.ugtm-brand{display:flex;align-items:center;gap:12px;text-decoration:none;color:inherit;margin-inline-end:auto;}
.ugtm-brand-mark{width:44px;height:44px;object-fit:contain;flex:0 0 auto;}
.ugtm-brand-text{display:flex;flex-direction:column;line-height:1.25;}
.ugtm-brand-name{font-family:var(--font-display);font-size:18px;font-weight:700;color:var(--color-ink);}
.ugtm-brand-sub{font-size:12.5px;font-weight:400;color:var(--color-muted);}

.ugtm-nav .ugtm-menu{display:flex;align-items:center;gap:20px;list-style:none;margin:0;padding:0;}
.ugtm-nav .ugtm-menu li{margin:0;}
.ugtm-nav .ugtm-menu a{
  display:inline-block;padding:6px 2px;
  font-size:var(--fs-meta);font-weight:700;
  color:var(--color-ink);text-decoration:none;
  border-bottom:2px solid transparent;
}
.ugtm-nav .ugtm-menu a:hover{color:var(--color-brand-pink-text);border-bottom-color:var(--color-brand-pink);}
.ugtm-nav .ugtm-menu .current-menu-item>a,
.ugtm-nav .ugtm-menu .current_page_item>a{
  color:var(--color-brand-pink-text);border-bottom-color:var(--color-brand-pink);
}

/* member CTA — solid gold with INK text (6.3:1), 44px target */
.ugtm-member-cta{
  display:inline-flex;align-items:center;gap:8px;
  min-height:44px;padding:0 18px;
  background:var(--color-brand-gold);color:var(--color-ink);
  border-radius:var(--radius-pill);
  font-weight:700;font-size:var(--fs-meta);text-decoration:none;
  box-shadow:var(--shadow-resting);white-space:nowrap;flex:0 0 auto;
}
.ugtm-member-cta:hover{background:#9C7E44;color:var(--color-ink);}

.ugtm-nav-toggle{
  display:none;align-items:center;justify-content:center;
  width:44px;height:44px;padding:0;flex:0 0 auto;
  background:transparent;border:1px solid var(--color-border);
  border-radius:var(--radius-sm);cursor:pointer;
}
.ugtm-nav-toggle-bars,
.ugtm-nav-toggle-bars::before,
.ugtm-nav-toggle-bars::after{
  display:block;width:20px;height:2px;background:var(--color-ink);border-radius:2px;position:relative;
}
.ugtm-nav-toggle-bars::before,.ugtm-nav-toggle-bars::after{content:"";position:absolute;inset-inline-start:0;}
.ugtm-nav-toggle-bars::before{top:-6px;} .ugtm-nav-toggle-bars::after{top:6px;}

.ugtm-search-panel{border-top:1px solid var(--color-border);background:var(--color-surface-soft);padding:12px 0;}
.ugtm-search-form{display:flex;gap:8px;}
.ugtm-search-form input{
  flex:1;min-height:44px;padding:0 14px;font:inherit;
  border:1px solid var(--color-border);border-radius:var(--radius-pill);background:#fff;color:var(--color-ink);
}
.ugtm-search-form button{
  min-height:44px;padding:0 22px;font:inherit;font-weight:700;cursor:pointer;
  background:var(--color-brand-pink);color:var(--color-ink);
  border:0;border-radius:var(--radius-pill);
}

/* ------------------------------------------------------- 6. Footer ----- */
.ugtm-footer{background:var(--color-dark-surface);color:#fff;padding:54px 0 0;margin-top:40px;}
.ugtm-footer-grid{
  display:grid;grid-template-columns:1.4fr 1fr 1fr 1.1fr;gap:36px;align-items:start;
}
.ugtm-footer-title{
  font-family:var(--font-display);font-size:var(--fs-h3);font-weight:700;
  color:#fff;margin:0 0 14px;
}
.ugtm-footer-mark{width:56px;height:56px;object-fit:contain;margin-bottom:12px;}
.ugtm-footer-org{font-family:var(--font-display);font-weight:700;font-size:var(--fs-h3);margin:0 0 8px;color:#fff;}
.ugtm-footer-desc{color:rgba(255,255,255,.82);font-size:var(--fs-meta);margin:0 0 12px;}
.ugtm-footer-badges{display:flex;gap:8px;flex-wrap:wrap;margin:0;}
.ugtm-footer-badges span{
  background:rgba(255,255,255,.10);border-radius:var(--radius-pill);
  padding:4px 12px;font-size:var(--fs-small);font-weight:700;
}
.ugtm-footer-menu{list-style:none;margin:0;padding:0;}
.ugtm-footer-menu li{margin:0 0 2px;}
.ugtm-footer-menu a,.ugtm-footer-link{
  display:inline-block;padding:7px 0;color:rgba(255,255,255,.90);
  font-size:var(--fs-meta);text-decoration:none;
}
.ugtm-footer-menu a:hover,.ugtm-footer-link:hover{color:#fff;text-decoration:underline;}
.ugtm-footer-link{display:block;}
.ugtm-footer-member{
  display:inline-flex;align-items:center;gap:8px;
  min-height:44px;padding:0 18px;margin:4px 0 10px;
  background:var(--color-brand-gold);color:var(--color-ink);
  border-radius:var(--radius-pill);font-weight:700;text-decoration:none;
}
.ugtm-footer-member:hover{background:#9C7E44;color:var(--color-ink);}
.ugtm-footer-bottom{
  display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap;
  margin-top:40px;padding:18px 0;border-top:1px solid rgba(255,255,255,.14);
  font-size:var(--fs-small);color:rgba(255,255,255,.80);
}
.ugtm-footer-bottom p{margin:0;font-size:var(--fs-small);}
.ugtm-footer-legal a{color:rgba(255,255,255,.90);text-decoration:none;}
.ugtm-footer-legal a:hover{text-decoration:underline;}
.ugtm-footer-legal span{margin:0 8px;opacity:.5;}

/* -------------------------- 7. Contrast repairs on parent components --- */
/* pink/gold stay as FILLS; text on light surfaces uses the text tokens */
.section-title,.page-title,.entry-title,.post-body h3,.post-card h3{color:var(--color-ink);}
.eyebrow{color:var(--color-brand-pink-text);}
.badge{background:#FCE7F3;color:var(--color-brand-pink-text);border-radius:var(--radius-pill);font-weight:700;}
.meta-date{color:var(--color-brand-gold-text);}
.readmore{color:var(--color-brand-pink-text);}
.btn-pink{background:var(--color-brand-pink);color:var(--color-ink);}
.btn-gold{background:var(--color-brand-gold);color:var(--color-ink);}
.page-actions .btn-pink,.legal-actions .btn-pink,.hero-actions .btn-pink{
  background:linear-gradient(135deg,#F090B0,#E070A0);color:var(--color-ink);
}
.page-actions .btn-gold,.legal-actions .btn-gold,.hero-actions .btn-gold{color:var(--color-ink);}
.btn-outline{background:#fff;color:var(--color-ink);border-color:var(--color-brand-pink);}
.btn,.readmore,.store{border-radius:var(--radius-pill);}
.post-card,.premium-card,.page-card{border-radius:var(--radius-md);box-shadow:var(--shadow-resting);}
.dark-card{border-radius:var(--radius-lg);}
/* dark surfaces keep white text — already high contrast */
.dark-card,.dark-card h2,.dark-card h3,.dark-card p{color:#fff;}

/* ------------------------------------------------- 8. Responsive ------- */
@media (max-width:1180px){
  .ugtm-nav .ugtm-menu{gap:14px;}
  .ugtm-brand-sub{display:none;}
}
@media (max-width:1024px){
  :root{--ugtm-sticky-offset:72px;}
  .ugtm-topbar{display:none;}
  .ugtm-nav-toggle{display:inline-flex;}
  .ugtm-primary-inner{min-height:64px;gap:10px;}
  .ugtm-brand-mark{width:38px;height:38px;}
  .ugtm-brand-name{font-size:15.5px;}
  .ugtm-nav{
    position:absolute;inset-inline:0;top:100%;
    background:var(--color-surface);
    border-top:1px solid var(--color-border);
    box-shadow:var(--shadow-elevated);
    display:none;
  }
  .ugtm-header{position:sticky;}
  .ugtm-primary-bar{position:relative;}
  .ugtm-nav.is-open{display:block;}
  .ugtm-nav .ugtm-menu{flex-direction:column;align-items:stretch;gap:0;padding:8px 0;}
  .ugtm-nav .ugtm-menu li{border-bottom:1px solid var(--color-border);}
  .ugtm-nav .ugtm-menu li:last-child{border-bottom:0;}
  .ugtm-nav .ugtm-menu a{
    display:block;padding:14px 20px;min-height:44px;
    border-bottom:0;font-size:var(--fs-body);
  }
  .ugtm-member-cta{min-height:44px;padding:0 14px;font-size:14px;}
  .ugtm-member-cta span{display:none;}
  .ugtm-member-cta{width:44px;justify-content:center;padding:0;}
  .ugtm-footer-grid{grid-template-columns:1fr 1fr;gap:28px;}
}
@media (max-width:560px){
  :root{--fs-h1:26px;--fs-h2:22px;--fs-h3:19px;}
  .ugtm-footer-grid{grid-template-columns:1fr;gap:24px;}
  .ugtm-footer-bottom{flex-direction:column;align-items:flex-start;}
  .ugtm-brand-name{font-size:14.5px;}
}
@media (prefers-reduced-motion:reduce){
  *{scroll-behavior:auto!important;}
}


/* ---- 9. Contrast repairs, round 2 (shared content components) ---------
   Measured on the live homepage after activation. Same principle: the
   official pink and gold stay as FILLS; text roles use the dark variants. */
main h2,main h3,.hero-card h2,.hero-card h3{color:var(--color-ink);}
.dark-card h2,.dark-card h3,.dark-card p{color:#fff;}
.dark-card a:not(.btn){color:#fff;}
.dark-card .btn-outline{color:var(--color-ink);background:#fff;}
.dark-card .btn-gold,.dark-card .btn-pink{color:var(--color-ink);}
.ticker-label{background:var(--color-brand-gold);color:var(--color-ink);}
.section-link{color:var(--color-brand-pink-text);}
.post-thumb span{color:var(--color-brand-pink-text);}
.meta .meta-date,.meta-date{color:var(--color-brand-gold-text);}
.date-box span,.date-box strong{color:var(--color-brand-pink-text);}
.badge{color:var(--color-brand-pink-text);}

/* comfortable targets for the footer legal links */
.ugtm-footer-legal a{display:inline-block;padding:8px 2px;}


/* ---- 10. Contrast repairs, round 3 (specificity catch-ups) ------------ */
.quick-card h3,.statement-item h3,.premium-card h3{color:var(--color-ink);}
.post-card .meta .meta-date,.meta .meta-date{color:var(--color-brand-gold-text);}
.feature-chips span{color:var(--color-brand-pink-text);}
.app-preview-row span{color:var(--color-ink);}

/* The parent colours the date via '.post-card .meta > span:last-child',
   which is (0,3,1) because :last-child counts as a class and span as an
   element - it outranks '.post-card .meta .meta-date' (0,3,0). Match that
   weight and rely on child.css loading later. */
.post-card .meta > span.meta-date,
.meta > span.meta-date{color:var(--color-brand-gold-text);}

/* legal page section numerals use the same gold-on-cream pairing */
.legal-number,.legal-block .legal-number{color:var(--color-brand-gold-text);}

/* search stays reachable on mobile: the slim topbar (which carries the
   desktop search) is hidden below 1024px, so the drawer carries a form. */
.ugtm-nav-search{display:none;}
@media (max-width:1024px){
  .ugtm-nav-search{display:flex;gap:8px;padding:12px 16px;border-top:1px solid var(--color-border);}
  .ugtm-nav-search input{flex:1;min-height:44px;padding:0 14px;font:inherit;border:1px solid var(--color-border);border-radius:var(--radius-pill);background:#fff;color:var(--color-ink);}
  .ugtm-nav-search button{min-height:44px;padding:0 18px;font:inherit;font-weight:700;cursor:pointer;background:var(--color-brand-pink);color:var(--color-ink);border:0;border-radius:var(--radius-pill);}
}

/* ---- 11. Sticky header repair -----------------------------------------
   The parent sets 'body{overflow-x:hidden !important}'. A non-visible
   overflow-x forces overflow-y to compute as 'auto', which turns <body> into
   a SCROLL CONTAINER - and a position:sticky child then sticks to that
   container's scrollport instead of the viewport, so the header scrolled away
   entirely (measured top:-268 at scrollY 300).
   'overflow-x: clip' clips exactly the same horizontal overflow but does NOT
   create a scroll container, so sticky works. overflow-y is pinned to visible
   so the pair cannot be coerced back to auto. */
body{overflow-x:clip!important;overflow-y:visible!important;}
/* keep the header clear of the WordPress admin bar when logged in */
body.admin-bar .ugtm-header{top:32px;}
@media screen and (max-width:782px){
  body.admin-bar .ugtm-header{top:46px;}
}


/* =====================================================================
   12. WP-4 homepage (and the unified /news/ page).
   Uses ONLY the WP-3 tokens: 4 radii, 2 shadows, the brand palette with
   ink text on brand fills. No new design language.
   ===================================================================== */

.hp-section{padding:56px 0;}
.hp-section-soft{background:var(--color-surface-soft);}
.hp-section-title{font-family:var(--font-display);font-size:var(--fs-h2);color:var(--color-ink);margin:0;}
.hp-section-title-center{text-align:center;margin-bottom:28px;}
.hp-section-head{display:flex;align-items:baseline;justify-content:space-between;gap:16px;margin-bottom:24px;flex-wrap:wrap;}
.hp-section-link{color:var(--color-brand-pink-text);font-weight:700;font-size:var(--fs-meta);text-decoration:none;}
.hp-section-link:hover{text-decoration:underline;}
.hp-eyebrow{display:inline-block;font-size:var(--fs-small);font-weight:700;letter-spacing:.02em;
  color:var(--color-brand-pink-text);margin-bottom:10px;}
.hp-eyebrow-light{color:var(--color-brand-pink);}

/* ---- buttons (reuse the WP-3 fill/ink contract) ---- */
.hp-btn{display:inline-flex;align-items:center;justify-content:center;
  min-height:48px;padding:0 24px;border-radius:var(--radius-pill);
  font-family:var(--font-body);font-weight:700;font-size:var(--fs-meta);
  text-decoration:none;border:1px solid transparent;cursor:pointer;}
.hp-btn-primary{background:var(--color-brand-gold);color:var(--color-ink);box-shadow:var(--shadow-resting);}
.hp-btn-primary:hover{background:#9C7E44;color:var(--color-ink);}
.hp-btn-secondary{background:var(--color-surface);color:var(--color-ink);border-color:var(--color-brand-pink);}
.hp-btn-secondary:hover{border-color:var(--color-brand-gold);}
.hp-btn-ghost{background:transparent;color:#fff;border-color:rgba(255,255,255,.55);}
.hp-btn-ghost:hover{background:rgba(255,255,255,.12);color:#fff;}
.hp-btn-ghost-dark{background:transparent;color:var(--color-ink);border-color:var(--color-border);}
.hp-btn-ghost-dark:hover{border-color:var(--color-brand-gold);}

/* ---- 1. hero ---- */
.hp-hero{padding:64px 0 56px;background:
   radial-gradient(circle at 88% 12%, var(--color-brand-pink-50,#FFF5FB), rgba(255,255,255,0) 60%),
   var(--color-surface);}
.hp-hero-grid{display:grid;grid-template-columns:55% 45%;align-items:center;gap:32px;}
.hp-hero-title{font-family:var(--font-display);font-size:var(--fs-display);line-height:1.25;
  color:var(--color-ink);margin:0 0 14px;}
.hp-hero-lead{font-size:18px;line-height:1.75;color:var(--color-muted);margin:0 0 26px;max-width:46ch;}
.hp-hero-actions{display:flex;gap:12px;flex-wrap:wrap;}
.hp-hero-tertiary{margin:16px 0 0;font-size:var(--fs-meta);}
.hp-hero-tertiary a{color:var(--color-brand-pink-text);font-weight:700;text-decoration:underline;text-underline-offset:3px;}
.hp-hero-figure{position:relative;display:grid;place-items:center;min-height:240px;}
.hp-hero-emblem{width:150px;height:150px;object-fit:contain;position:relative;z-index:1;}
.hp-hero-ring{position:absolute;width:210px;height:210px;border-radius:50%;
  border:1px solid var(--color-brand-pink);opacity:.5;}
.hp-hero-ring-2{width:280px;height:280px;border-color:var(--color-brand-gold);opacity:.35;}
.hp-hero-compact{padding:48px 0 32px;}
.hp-hero-compact .hp-hero-title{font-size:var(--fs-h1);}

/* ---- 2. statements ---- */
.hp-statement-list{display:grid;gap:14px;}
.hp-statement{background:var(--color-surface);border:1px solid var(--color-border);
  border-radius:var(--radius-md);box-shadow:var(--shadow-resting);
  padding:22px 24px;border-inline-start:3px solid var(--color-brand-gold);}
.hp-statement-meta{display:flex;align-items:center;gap:10px;flex-wrap:wrap;margin-bottom:10px;
  font-size:var(--fs-small);color:var(--color-brand-gold-text);}
.hp-statement-title{font-family:var(--font-display);font-size:var(--fs-h3);margin:0 0 8px;}
.hp-statement-title a{color:var(--color-ink);text-decoration:none;}
.hp-statement-title a:hover{text-decoration:underline;}
.hp-statement-excerpt{margin:0 0 12px;color:var(--color-muted);font-size:var(--fs-meta);}
.hp-readmore{color:var(--color-brand-pink-text);font-weight:700;font-size:var(--fs-meta);text-decoration:none;}
.hp-readmore:hover{text-decoration:underline;}

.hp-chip{display:inline-block;padding:3px 12px;border-radius:var(--radius-pill);
  background:#FCE7F3;color:var(--color-brand-pink-text);font-size:var(--fs-small);font-weight:700;}
.hp-chip-gold{background:#FAF0D5;color:var(--color-brand-gold-text);}

/* ---- 3. editorial cards ---- */
.hp-card-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:18px;}
.hp-card{background:var(--color-surface);border:1px solid var(--color-border);
  border-radius:var(--radius-md);box-shadow:var(--shadow-resting);overflow:hidden;
  display:flex;flex-direction:column;}
.hp-card:hover{box-shadow:var(--shadow-elevated);}
.hp-card-media{display:block;aspect-ratio:16/9;overflow:hidden;background:var(--color-surface-soft);}
.hp-card-media img{width:100%;height:100%;object-fit:cover;display:block;}
.hp-card-body{padding:20px 22px;display:flex;flex-direction:column;gap:8px;}
.hp-card-meta{display:flex;align-items:center;gap:10px;flex-wrap:wrap;
  font-size:var(--fs-small);color:var(--color-brand-gold-text);}
.hp-card-title{font-family:var(--font-display);font-size:var(--fs-h3);margin:0;}
.hp-card-title a{color:var(--color-ink);text-decoration:none;}
.hp-card-title a:hover{text-decoration:underline;}
.hp-card-excerpt{margin:0;color:var(--color-muted);font-size:var(--fs-meta);}
/* no featured image: a text-first card with a thin gold rule - no empty media box,
   no placeholder file, no extra request */
.hp-card-textfirst{border-top:3px solid var(--color-brand-gold);}

/* ---- 4. member space (dark signature card) ---- */
.hp-member-card{position:relative;overflow:hidden;
  background:linear-gradient(135deg,#101000,#3B1727);
  border-radius:var(--radius-lg);box-shadow:var(--shadow-elevated);
  padding:44px;display:grid;grid-template-columns:1fr auto;gap:28px;align-items:center;}
.hp-member-title{font-family:var(--font-display);font-size:var(--fs-h1);color:#fff;margin:0 0 12px;}
.hp-member-lead{color:rgba(255,255,255,.88);font-size:var(--fs-body);margin:0 0 18px;max-width:54ch;}
.hp-member-list{list-style:none;margin:0 0 24px;padding:0;display:flex;flex-wrap:wrap;gap:10px;}
.hp-member-list li{background:rgba(255,255,255,.10);border-radius:var(--radius-pill);
  padding:7px 16px;color:#fff;font-size:var(--fs-meta);font-weight:700;}
.hp-member-actions{display:flex;gap:12px;flex-wrap:wrap;}
.hp-member-figure{position:relative;width:170px;height:170px;display:grid;place-items:center;}
.hp-member-ring{width:130px;height:130px;border-radius:50%;
  border:1px solid var(--color-brand-gold);opacity:.6;}
.hp-member-ring::after{content:"";position:absolute;inset:22px;border-radius:50%;
  border:1px solid var(--color-brand-pink);opacity:.45;}

/* ---- 5. about ---- */
.hp-about-grid{display:grid;grid-template-columns:200px 1fr;gap:32px;align-items:center;}
.hp-about-emblem{width:150px;height:150px;object-fit:contain;}
.hp-about-text p{color:var(--color-muted);margin:0 0 14px;max-width:62ch;}
.hp-about-text .hp-btn{margin-top:6px;}

/* ---- 6. utility tiles ---- */
.hp-tiles{display:grid;grid-template-columns:repeat(4,1fr);gap:16px;}
.hp-tile{display:flex;flex-direction:column;gap:6px;min-height:44px;
  padding:22px;border:1px solid var(--color-border);border-radius:var(--radius-md);
  background:var(--color-surface);box-shadow:var(--shadow-resting);text-decoration:none;}
.hp-tile:hover{box-shadow:var(--shadow-elevated);border-color:var(--color-brand-gold);}
.hp-tile-icon{display:grid;place-items:center;width:40px;height:40px;border-radius:var(--radius-sm);
  background:#FCE7F3;color:var(--color-brand-pink-text);margin-bottom:6px;}
.hp-tile-title{font-family:var(--font-display);font-weight:700;font-size:var(--fs-h3);color:var(--color-ink);}
.hp-tile-desc{font-size:var(--fs-meta);color:var(--color-muted);}

/* ---- 7. short contact ---- */
.hp-contact-inner{display:flex;align-items:center;justify-content:space-between;gap:24px;flex-wrap:wrap;}
.hp-contact-lead{margin:10px 0 0;color:var(--color-muted);max-width:60ch;}
.hp-contact-actions{display:flex;gap:12px;flex-wrap:wrap;}

/* ---- /news/ filters + pagination ---- */
.hp-filters{display:flex;gap:10px;flex-wrap:wrap;margin-bottom:24px;}
.hp-filter{display:inline-flex;align-items:center;min-height:44px;padding:0 18px;
  border-radius:var(--radius-pill);border:1px solid var(--color-border);
  background:var(--color-surface);color:var(--color-ink);
  font-weight:700;font-size:var(--fs-meta);text-decoration:none;}
.hp-filter:hover{border-color:var(--color-brand-gold);}
.hp-filter.is-active{background:var(--color-brand-pink);color:var(--color-ink);border-color:var(--color-brand-pink);}
.hp-pagination{margin-top:28px;}
.hp-pagination ul{list-style:none;display:flex;gap:8px;padding:0;margin:0;flex-wrap:wrap;}
.hp-pagination a,.hp-pagination span{display:inline-flex;align-items:center;min-height:44px;padding:0 16px;
  border-radius:var(--radius-pill);border:1px solid var(--color-border);
  color:var(--color-ink);text-decoration:none;font-weight:700;}
.hp-pagination .current{background:var(--color-brand-pink);border-color:var(--color-brand-pink);}
.hp-empty{color:var(--color-muted);}

/* ---- responsive ---- */
@media (max-width:1024px){
  .hp-tiles{grid-template-columns:repeat(2,1fr);}
  .hp-member-card{padding:34px;}
}
@media (max-width:900px){
  .hp-hero{padding:40px 0 36px;}
  .hp-hero-grid{grid-template-columns:1fr;gap:26px;}
  .hp-hero-figure{order:-1;min-height:0;}
  .hp-hero-emblem{width:96px;height:96px;}
  .hp-hero-ring{width:134px;height:134px;}
  .hp-hero-ring-2{width:178px;height:178px;}
  .hp-section{padding:40px 0;}
  .hp-card-grid{grid-template-columns:1fr;}
  .hp-member-card{grid-template-columns:1fr;padding:28px;}
  .hp-member-figure{display:none;}
  .hp-about-grid{grid-template-columns:1fr;gap:20px;}
  .hp-about-figure{display:flex;justify-content:flex-start;}
  .hp-about-emblem{width:96px;height:96px;}
  .hp-contact-inner{flex-direction:column;align-items:flex-start;}
}
@media (max-width:560px){
  .hp-hero-actions,.hp-member-actions,.hp-contact-actions{flex-direction:column;align-items:stretch;}
  .hp-hero-actions .hp-btn,.hp-member-actions .hp-btn,.hp-contact-actions .hp-btn{width:100%;}
  .hp-tiles{grid-template-columns:1fr;}
  .hp-statement{padding:18px;}
  .hp-card-body{padding:16px 18px;}
}

/* =====================================================================
   13. WP-5 - article, archive and search surfaces.

   Every selector below is prefixed with .ugtm-article, .ugtm-crumbs,
   .ugtm-postnav, .ugtm-related, .ugtm-listing, .ugtm-share, .ugtm-empty
   or .ugtm-measure, so nothing here can reach the WP-3 shell or the WP-4
   homepage. Existing classes (.hp-card*, .hp-chip, .hp-btn,
   .hp-section-title) are reused as-is and never redefined.
   ===================================================================== */

/* --- 13.1 reading measure -------------------------------------------- */
.ugtm-measure{max-width:680px;margin-inline:auto;}
.ugtm-measure-wide{max-width:860px;margin-inline:auto;}

/* --- 13.2 breadcrumbs ------------------------------------------------ */
.ugtm-crumbs{background:var(--color-surface);border-bottom:1px solid var(--color-border);}
.ugtm-crumbs-list{display:flex;flex-wrap:wrap;align-items:center;gap:8px;
  margin:0;padding:12px 0;list-style:none;
  font-size:var(--fs-small);color:var(--color-muted);}
.ugtm-crumbs-list li{display:flex;align-items:center;gap:8px;min-width:0;}
.ugtm-crumbs-list li + li::before{content:"/";color:var(--color-border);flex:none;}
.ugtm-crumbs-list a{color:var(--color-brand-gold-text);text-decoration:none;}
.ugtm-crumbs-list a:hover{text-decoration:underline;}
.ugtm-crumbs-list li[aria-current]{color:var(--color-ink);font-weight:700;
  overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}

/* --- 13.3 article head ----------------------------------------------- */
.ugtm-article-head{padding:40px 0 20px;}
.ugtm-article-meta{display:flex;align-items:center;flex-wrap:wrap;gap:12px;
  margin-bottom:14px;font-size:var(--fs-small);color:var(--color-brand-gold-text);}
.ugtm-article-meta a.hp-chip,.ugtm-listing a.hp-chip,.ugtm-related a.hp-chip{text-decoration:none;}
.ugtm-article-title{margin:0;font-family:var(--font-display);font-size:var(--fs-h1);
  line-height:var(--lh-heading);color:var(--color-ink);}

/* --- 13.4 featured image (emitted only when one exists) -------------- */
.ugtm-article-media{margin:0 0 8px;}
.ugtm-article-media img{display:block;width:100%;height:auto;
  border-radius:var(--radius-md);box-shadow:var(--shadow-resting);}
.ugtm-article-media figcaption{margin-top:10px;text-align:center;
  font-size:var(--fs-small);color:var(--color-muted);}

/* --- 13.5 article body ----------------------------------------------- */
.ugtm-article-body{padding:16px 0 48px;}
.ugtm-article .entry-content{font-family:var(--font-body);font-size:var(--fs-body);
  line-height:var(--lh-body);color:var(--color-ink);}
.ugtm-article .entry-content > * + *{margin-top:1.1em;}
.ugtm-article .entry-content p{margin:0;}
.ugtm-article .entry-content h2{margin:1.6em 0 0;font-family:var(--font-display);
  font-size:var(--fs-h2);line-height:var(--lh-heading);}
.ugtm-article .entry-content h3{margin:1.4em 0 0;font-family:var(--font-display);
  font-size:var(--fs-h3);line-height:var(--lh-heading);}
.ugtm-article .entry-content a{color:var(--color-brand-pink-text);
  text-decoration:underline;text-underline-offset:3px;}
.ugtm-article .entry-content ul,.ugtm-article .entry-content ol{margin:0;padding-inline-start:1.4em;}
.ugtm-article .entry-content li + li{margin-top:.5em;}
.ugtm-article .entry-content img{max-width:100%;height:auto;border-radius:var(--radius-sm);}
.ugtm-article .entry-content blockquote{margin:0;padding:14px 20px;
  background:var(--color-surface-soft);border-radius:var(--radius-sm);
  border-inline-start:3px solid var(--color-brand-gold);}

/* --- 13.6 share (no SDK, no counters, no tracking) ------------------- */
.ugtm-share{display:flex;flex-wrap:wrap;align-items:center;gap:12px;
  margin-top:36px;padding-top:22px;border-top:1px solid var(--color-border);}
.ugtm-share-label{font-size:var(--fs-small);font-weight:700;color:var(--color-muted);}
.ugtm-share-actions{display:flex;flex-wrap:wrap;gap:10px;}
.ugtm-share-btn{display:inline-flex;align-items:center;gap:8px;
  min-height:44px;padding:0 16px;border-radius:var(--radius-pill);
  background:var(--color-surface);border:1px solid var(--color-border);
  color:var(--color-ink);font-family:var(--font-body);font-size:var(--fs-small);
  font-weight:700;text-decoration:none;cursor:pointer;}
.ugtm-share-btn:hover{border-color:var(--color-brand-gold);}
.ugtm-share-btn svg{flex:none;color:var(--color-brand-gold-text);}
.ugtm-share-feedback{font-size:var(--fs-small);font-weight:700;color:var(--color-brand-gold-text);}
.ugtm-share-feedback:empty{display:none;}

/* --- 13.7 previous / next (each side only when it really exists) ----- */
.ugtm-postnav{padding:0 0 48px;}
.ugtm-postnav-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:14px;}
.ugtm-postnav-item{display:flex;flex-direction:column;gap:6px;padding:18px 20px;
  background:var(--color-surface);border:1px solid var(--color-border);
  border-radius:var(--radius-md);text-decoration:none;}
.ugtm-postnav-item:hover{border-color:var(--color-brand-gold);box-shadow:var(--shadow-resting);}
.ugtm-postnav-dir{font-size:var(--fs-small);font-weight:700;color:var(--color-brand-gold-text);}
.ugtm-postnav-title{font-family:var(--font-display);font-size:var(--fs-meta);
  line-height:var(--lh-heading);color:var(--color-ink);}
.ugtm-postnav-next{text-align:end;}

/* --- 13.8 related ---------------------------------------------------- */
.ugtm-related{background:var(--color-surface-soft);}
.ugtm-related .hp-section-title{margin-bottom:22px;}

/* --- 13.9 empty state ------------------------------------------------ */
.ugtm-empty{display:flex;flex-direction:column;align-items:center;gap:12px;
  padding:40px 28px;text-align:center;background:var(--color-surface);
  border:1px solid var(--color-border);border-radius:var(--radius-md);}
.ugtm-empty h2{margin:0;font-family:var(--font-display);font-size:var(--fs-h2);color:var(--color-ink);}
.ugtm-empty p{margin:0;font-size:var(--fs-meta);color:var(--color-muted);}

/* --- 13.10 pagination (only renders once a listing overflows) -------- */
.ugtm-listing .pagination{margin-top:28px;}
.ugtm-listing .nav-links{display:flex;flex-wrap:wrap;justify-content:center;gap:8px;}
.ugtm-listing .page-numbers{display:inline-flex;align-items:center;justify-content:center;
  min-width:44px;min-height:44px;padding:0 12px;border-radius:var(--radius-pill);
  background:var(--color-surface);border:1px solid var(--color-border);
  color:var(--color-ink);font-size:var(--fs-small);font-weight:700;text-decoration:none;}
.ugtm-listing .page-numbers:hover{border-color:var(--color-brand-gold);}
.ugtm-listing .page-numbers.current{background:var(--color-brand-gold);
  border-color:var(--color-brand-gold);color:var(--color-ink);}

/* --- 13.11 responsive ------------------------------------------------ */
@media (max-width:860px){
  .ugtm-article-head{padding:28px 0 16px;}
  .ugtm-article-body{padding:12px 0 36px;}
  .ugtm-postnav-grid{grid-template-columns:1fr;}
  .ugtm-postnav-next{text-align:start;}
}
@media (max-width:560px){
  .ugtm-share{flex-direction:column;align-items:stretch;}
  .ugtm-share-actions{flex-direction:column;}
  .ugtm-share-btn{justify-content:center;}
}

/* =====================================================================
   14. WP-6 - institutional interior pages.

   Scoped to .ugtm-page-section, .ugtm-tiles, .ugtm-steps, .ugtm-split,
   .ugtm-checklist, .ugtm-linkgroup, .ugtm-doc, .ugtm-faq, .ugtm-channel,
   .ugtm-cta-row and .ugtm-prose, so nothing here reaches the WP-3 shell,
   the WP-4 homepage or the WP-5 article/listing surfaces.

   Reuses .inner-hero, .eyebrow, .inner-hero-panel (parent), and
   .hp-section-title, .hp-btn, .hp-chip (child). None is redefined.
   ===================================================================== */

/* --- 14.1 section rhythm --------------------------------------------- */
.ugtm-page-section{padding:48px 0;}
.ugtm-section-soft{background:var(--color-surface-soft);}
.ugtm-section-head{margin-bottom:24px;max-width:760px;}
.ugtm-section-lead{margin:10px 0 0;font-size:var(--fs-meta);color:var(--color-muted);line-height:1.7;}
.ugtm-prose{max-width:760px;font-size:var(--fs-body);line-height:var(--lh-body);color:var(--color-ink);}
.ugtm-prose p{margin:0 0 1em;}
.ugtm-prose p:last-child{margin-bottom:0;}
.ugtm-subhead{margin:0 0 12px;font-family:var(--font-display);font-size:var(--fs-h3);color:var(--color-ink);}
.ugtm-note{margin:18px 0 0;font-size:var(--fs-small);color:var(--color-muted);}

/* --- 14.2 CTA row ----------------------------------------------------- */
.ugtm-cta-row{display:flex;flex-wrap:wrap;gap:12px;margin-top:20px;}
.ugtm-cta-panel{background:var(--color-surface);border:1px solid var(--color-border);
  border-radius:var(--radius-lg);padding:32px;text-align:center;
  display:flex;flex-direction:column;align-items:center;gap:6px;}
.ugtm-cta-panel .ugtm-cta-row{justify-content:center;}
.ugtm-section-cta .ugtm-section-head{margin-bottom:0;}

/* --- 14.3 tiles ------------------------------------------------------- */
.ugtm-tiles{display:grid;gap:18px;}
.ugtm-tiles-3{grid-template-columns:repeat(3,1fr);}
.ugtm-tiles-2{grid-template-columns:repeat(2,1fr);}
.ugtm-tile{background:var(--color-surface);border:1px solid var(--color-border);
  border-radius:var(--radius-md);padding:22px;display:flex;flex-direction:column;gap:8px;}
.ugtm-tile-link{text-decoration:none;}
.ugtm-tile-link:hover{border-color:var(--color-brand-gold);box-shadow:var(--shadow-resting);}
.ugtm-tile-title{margin:0;font-family:var(--font-display);font-size:var(--fs-h3);color:var(--color-ink);}
.ugtm-tile-text{margin:0;font-size:var(--fs-meta);color:var(--color-muted);line-height:1.7;}

/* --- 14.4 numbered steps ---------------------------------------------- */
.ugtm-steps{list-style:none;margin:0;padding:0;display:grid;gap:14px;}
.ugtm-step{display:flex;align-items:flex-start;gap:16px;background:var(--color-surface);
  border:1px solid var(--color-border);border-radius:var(--radius-md);padding:20px 22px;}
.ugtm-step-num{flex:none;width:36px;height:36px;border-radius:var(--radius-pill);
  display:inline-flex;align-items:center;justify-content:center;
  background:var(--color-brand-gold);color:var(--color-ink);
  font-family:var(--font-display);font-weight:700;font-size:var(--fs-meta);}
.ugtm-step-body{min-width:0;}
.ugtm-step-title{margin:0 0 4px;font-family:var(--font-display);font-size:var(--fs-h3);color:var(--color-ink);}
.ugtm-step-text{margin:0;font-size:var(--fs-meta);color:var(--color-muted);line-height:1.7;}

/* --- 14.5 checklist --------------------------------------------------- */
.ugtm-checklist{list-style:none;margin:0;padding:0;display:grid;gap:10px;}
.ugtm-checklist-2{grid-template-columns:repeat(2,1fr);}
.ugtm-checklist li{position:relative;padding-inline-start:26px;
  font-size:var(--fs-meta);color:var(--color-ink);line-height:1.6;}
.ugtm-checklist li::before{content:"";position:absolute;inset-inline-start:0;top:.45em;
  width:10px;height:10px;border-radius:50%;background:var(--color-brand-pink);}

/* --- 14.6 two-column split -------------------------------------------- */
.ugtm-split{display:grid;grid-template-columns:repeat(2,1fr);gap:18px;}
.ugtm-split-col{background:var(--color-surface);border:1px solid var(--color-border);
  border-radius:var(--radius-md);padding:24px;}
.ugtm-split-col-accent{border-color:var(--color-brand-gold);}
.ugtm-split-title{margin:0 0 14px;font-family:var(--font-display);font-size:var(--fs-h3);color:var(--color-ink);}

/* --- 14.7 link groups and cards --------------------------------------- */
.ugtm-linkgroup + .ugtm-linkgroup{margin-top:34px;}
.ugtm-linkgroup-title{margin:0;font-family:var(--font-display);font-size:var(--fs-h2);color:var(--color-ink);}
.ugtm-linkgroup-lead{margin:8px 0 0;font-size:var(--fs-meta);color:var(--color-muted);}
.ugtm-linkcards{display:grid;grid-template-columns:repeat(2,1fr);gap:14px;margin-top:16px;}
.ugtm-linkcard{display:flex;flex-direction:column;gap:6px;padding:18px 20px;
  background:var(--color-surface);border:1px solid var(--color-border);
  border-radius:var(--radius-md);text-decoration:none;}
.ugtm-linkcard:hover{border-color:var(--color-brand-gold);box-shadow:var(--shadow-resting);}
.ugtm-linkcard-title{font-family:var(--font-display);font-size:var(--fs-h3);color:var(--color-ink);}
.ugtm-linkcard-text{font-size:var(--fs-small);color:var(--color-muted);line-height:1.6;}

/* --- 14.8 official document card -------------------------------------- */
.ugtm-docs{display:grid;gap:14px;}
.ugtm-doc{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:18px;
  background:var(--color-surface);border:1px solid var(--color-border);
  border-radius:var(--radius-md);padding:22px 24px;}
.ugtm-doc-body{display:flex;flex-direction:column;gap:8px;align-items:flex-start;min-width:0;}
.ugtm-doc-title{margin:0;font-family:var(--font-display);font-size:var(--fs-h3);color:var(--color-ink);}
.ugtm-doc-meta{margin:0;font-size:var(--fs-small);color:var(--color-brand-gold-text);font-weight:700;}
.ugtm-doc-actions .ugtm-cta-row{margin-top:0;}

/* --- 14.9 contact channel --------------------------------------------- */
.ugtm-channel{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:20px;
  background:var(--color-surface);border:1px solid var(--color-border);
  border-radius:var(--radius-lg);padding:28px;}
.ugtm-channel-body{display:flex;flex-direction:column;gap:10px;align-items:flex-start;min-width:0;max-width:560px;}
.ugtm-channel-title{margin:0;font-family:var(--font-display);font-size:var(--fs-h2);color:var(--color-ink);}
.ugtm-channel-text{margin:0;font-size:var(--fs-meta);color:var(--color-muted);line-height:1.7;}
.ugtm-channel-actions .ugtm-cta-row{margin-top:0;}

/* --- 14.10 FAQ (native details/summary, no JavaScript) ---------------- */
.ugtm-faq{display:grid;gap:10px;}
.ugtm-faq-item{background:var(--color-surface);border:1px solid var(--color-border);
  border-radius:var(--radius-md);overflow:hidden;}
.ugtm-faq-q{cursor:pointer;list-style:none;padding:18px 22px;
  font-family:var(--font-display);font-size:var(--fs-h3);color:var(--color-ink);
  display:flex;align-items:center;justify-content:space-between;gap:14px;}
.ugtm-faq-q::-webkit-details-marker{display:none;}
.ugtm-faq-q::after{content:"+";flex:none;font-weight:700;color:var(--color-brand-gold-text);}
.ugtm-faq-item[open] .ugtm-faq-q::after{content:"\2212";}
.ugtm-faq-item[open] .ugtm-faq-q{border-bottom:1px solid var(--color-border);}
.ugtm-faq-a{padding:16px 22px 20px;font-size:var(--fs-meta);color:var(--color-muted);line-height:1.8;}
.ugtm-faq-a p{margin:0 0 .8em;}
.ugtm-faq-a p:last-child{margin-bottom:0;}

/* --- 14.11 responsive -------------------------------------------------- */
@media (max-width:1024px){
  .ugtm-tiles-3{grid-template-columns:repeat(2,1fr);}
}
@media (max-width:860px){
  .ugtm-page-section{padding:36px 0;}
  .ugtm-tiles-3,.ugtm-tiles-2{grid-template-columns:1fr;}
  .ugtm-split{grid-template-columns:1fr;}
  .ugtm-linkcards{grid-template-columns:1fr;}
  .ugtm-checklist-2{grid-template-columns:1fr;}
  .ugtm-doc,.ugtm-channel{flex-direction:column;align-items:stretch;}
  .ugtm-doc-actions .hp-btn,.ugtm-channel-actions .hp-btn{width:100%;}
}
@media (max-width:560px){
  .ugtm-cta-row{flex-direction:column;align-items:stretch;}
  .ugtm-cta-row .hp-btn{width:100%;}
  .ugtm-cta-panel{padding:24px 20px;}
  .ugtm-step{flex-direction:row;padding:18px;}
}