/*
 * The World Teachers' Day page (templates/wtd-page.php).
 * design_handoff_wtd_and_impact_zone/world_teachers_day, desktop, tablet (820) and mobile (390).
 * Everything is scoped under .wtd so nothing reaches the rest of the site.
 */

.wtd { --ink:#071A3C; --navy:#0B2A5C; --blue:#1B4A96; --amber:#F6A02A; --ease:cubic-bezier(.2,.7,.2,1); --gut:clamp(20px,6vw,100px); font-family:Archivo,Helvetica,Arial,sans-serif; color:var(--ink); background:#fff; -webkit-font-smoothing:antialiased; }
.wtd * { box-sizing:border-box; }
/* Full bleed inside the theme's constrained content column; the script trims it to the exact width. */
.wtd.alignfull { width:auto !important; max-width:none !important; margin-top:0 !important; margin-bottom:0 !important; margin-left:calc(50% - 50vw) !important; margin-right:calc(50% - 50vw) !important; padding-left:0 !important; padding-right:0 !important; }
.wtd p, .wtd h1, .wtd h2 { margin:0; }
.wtd a { text-decoration:none; }
.wtd button { font-family:inherit; }
.wtd-wrap { max-width:1180px; margin:0 auto; }
.wtd-eyebrow { font-family:ui-monospace,Menlo,monospace; letter-spacing:.18em; font-size:12px; color:#556580; }
.wtd-eyebrow--amber { font-size:13px; letter-spacing:.2em; color:var(--amber); }

/* Pills */
.wtd-pill { display:inline-flex; align-items:center; justify-content:center; white-space:nowrap; flex:none; border-radius:999px; cursor:pointer; transition:transform .25s var(--ease), box-shadow .25s, border-color .25s, background .25s, color .25s; }
.wtd-pill:hover { transform:translateY(-2px); }
.wtd-pill--54 { height:54px; padding:0 28px; font-size:15px; }
.wtd-pill--52 { height:52px; padding:0 26px; font-size:15px; }
.wtd-pill--56 { height:56px; font-size:16px; }
.wtd-pill--50 { flex:1 1 180px; height:50px; font-size:14px; }
.wtd-amber { background:var(--amber); color:var(--ink) !important; font-weight:800; }
.wtd-amber:hover { box-shadow:0 10px 20px rgba(246,160,42,.35); }
.wtd-ghost { border:1px solid rgba(220,232,250,.45); color:#fff !important; background:transparent; font-weight:600; }
.wtd-ghost:hover { border-color:#fff; }
.wtd-navy { background:var(--navy); color:#fff !important; font-weight:700; box-shadow:inset 0 -3px 0 var(--amber); }
.wtd-plain { height:44px; padding:0 20px; border:1px solid #C9D6EC; background:#fff; color:var(--navy); font-size:14px; font-weight:700; }
.wtd-plain:hover { border-color:var(--navy); }

/* Hero */
.wtd-hero { background:linear-gradient(160deg,#0B2A5C,#071A3C 75%); color:#fff; padding:clamp(56px,8vw,120px) var(--gut) clamp(64px,8vw,120px); }
.wtd-hero-grid { display:grid; grid-template-columns:repeat(auto-fit,minmax(min(100%,480px),1fr)); gap:clamp(40px,6vw,96px); align-items:center; }
.wtd-h1 { margin-top:20px !important; font-size:clamp(40px,5.6vw,72px); line-height:1.02; letter-spacing:-.03em; font-weight:800; text-wrap:balance; color:#fff; }
.wtd-hero-cont { margin-top:18px !important; font-family:Newsreader,Georgia,serif; font-style:italic; font-size:clamp(22px,2.4vw,30px); line-height:1.4; color:#DCE8FA; max-width:30ch; text-wrap:pretty; }
.wtd-hero-cont span { color:var(--amber); }
.wtd-hero-line { margin-top:22px !important; font-size:17px; line-height:1.6; color:#9FC0F0; max-width:44ch; }
.wtd-hero-actions { margin-top:36px; display:flex; flex-wrap:wrap; gap:12px; }

/* The three sample notes: a stacked column, each overlapping the one above by 14px (handoff v2). */
.wtd-notes { display:flex; flex-direction:column; max-width:520px; width:100%; justify-self:center; padding:12px 0; }
.wtd-notes > div { position:relative; }
.wtd-notes__1 { width:78%; margin-left:6%; }
.wtd-notes__2 { width:80%; align-self:flex-end; margin-top:-14px; z-index:1; }
.wtd-notes__3 { width:76%; margin-top:-14px; z-index:2; }
.wtd-note { color:var(--ink); border-radius:18px; padding:24px 26px; transition:transform .45s var(--ease), box-shadow .45s; }
.wtd-note:hover { box-shadow:0 34px 60px rgba(0,0,0,.35) !important; }
.wtd-note .q { font-family:Newsreader,Georgia,serif; font-size:19px; line-height:1.4; }
.wtd-note .m { margin-top:12px !important; font-size:13px; color:#3C4A63; }
.wtd-note .m strong { color:var(--ink); }
.wtd-n1 { transform:rotate(-4deg); background:#DCE8FA; box-shadow:0 24px 50px rgba(0,0,0,.25); }
.wtd-n1:hover { transform:rotate(-6deg) translateY(-8px); }
.wtd-n2 { transform:rotate(3deg); background:#fff; box-shadow:0 24px 50px rgba(0,0,0,.28); }
.wtd-n2:hover { transform:rotate(5deg) translateY(-8px); }
.wtd-n3 { transform:rotate(-1.5deg); background:var(--amber); box-shadow:0 24px 50px rgba(0,0,0,.3); }
.wtd-n3 .m { color:#3A2A0A; }
.wtd-n3:hover { transform:rotate(-3deg) translateY(-8px); }

/* Section nav: sticky under the site header (the script sets --wtd-top). */
.wtd-capwrap { position:sticky; top:var(--wtd-top,12px); z-index:20; margin-top:-30px; padding:0 var(--gut); }
.wtd-cap { max-width:1180px; margin:0 auto; background:#fff; border-radius:999px; box-shadow:0 14px 34px rgba(7,26,60,.12); padding:8px 8px 8px 10px; display:flex; align-items:center; gap:12px; overflow-x:auto; scrollbar-width:none; }
.wtd-cap::-webkit-scrollbar { display:none; }
.wtd-cap-links { display:flex; gap:4px; flex:1 0 auto; }
.wtd-cap-links a { white-space:nowrap; flex:none; display:flex; align-items:center; height:44px; padding:0 clamp(10px,2.6vw,18px); border-radius:999px; font-size:clamp(13px,3.4vw,14px); font-weight:700; color:var(--navy); transition:background .25s, color .25s; }
.wtd-cap-links a:hover { color:var(--blue); }
.wtd-cap-links a.on { background:var(--navy); color:#fff; }
.wtd-cap-cta { height:44px; padding:0 22px; font-size:14px; }

/* A culture of gratitude */
.wtd-why { padding:clamp(80px,10vw,150px) var(--gut); }
.wtd-why-col { display:flex; flex-direction:column; gap:clamp(40px,6vw,80px); }
.wtd-why-intro { display:flex; flex-direction:column; gap:14px; max-width:44ch; }
.wtd-why-lead { font-size:20px; line-height:1.6; color:#3C4A63; text-wrap:pretty; }
.wtd-line { font-size:clamp(30px,4.2vw,56px); line-height:1.12; letter-spacing:-.025em; font-weight:800; color:var(--ink); max-width:22ch; text-wrap:balance; }
.wtd-line i { font-family:Newsreader,Georgia,serif; font-weight:400; color:var(--blue); }
.wtd-line--1 { padding-left:0; }
.wtd-line--2 { padding-left:clamp(0px,8vw,140px); }
.wtd-line--3 { padding-left:clamp(0px,4vw,70px); }
.wtd-line--4 { padding-left:clamp(0px,12vw,220px); }
.wtd-why-close { display:grid; grid-template-columns:repeat(auto-fit,minmax(min(100%,340px),1fr)); gap:28px clamp(40px,7vw,120px); padding-top:clamp(32px,4vw,48px); border-top:2px solid var(--amber); }
.wtd-why-a { font-size:19px; line-height:1.7; color:#3C4A63; text-wrap:pretty; }
.wtd-why-b { font-family:Newsreader,Georgia,serif; font-size:clamp(22px,2.2vw,27px); line-height:1.45; color:var(--ink); text-wrap:pretty; }

/* How it works */
.wtd-how { background:#F6F9FE; border-top:1px solid #DCE8FA; padding:clamp(72px,9vw,128px) var(--gut); }
.wtd-h2 { margin-top:12px !important; font-size:clamp(32px,3.6vw,44px); line-height:1.05; letter-spacing:-.025em; font-weight:800; color:var(--ink); }
.wtd-steps { margin-top:56px; display:flex; flex-direction:column; }
.wtd-step-row { display:grid; grid-template-columns:clamp(40px,10vw,56px) minmax(0,1fr); gap:0 clamp(14px,3vw,28px); }
.wtd-step-rail { display:flex; flex-direction:column; align-items:center; }
.wtd-disc { flex:none; width:clamp(40px,10vw,56px); height:clamp(40px,10vw,56px); border-radius:999px; background:var(--navy); color:var(--amber); display:flex; align-items:center; justify-content:center; font-size:clamp(17px,4vw,22px); font-weight:800; }
.wtd-rail-line { flex:1; width:2px; background:#C9D6EC; margin:8px 0; }
.wtd-step-body--1 { padding:10px 0 56px; }
.wtd-step-body--2 { padding:10px 0 0; display:flex; flex-direction:column; gap:32px; min-width:0; }
.wtd-step { font-size:clamp(22px,2.4vw,28px); line-height:1.35; font-weight:700; letter-spacing:-.01em; max-width:36ch; text-wrap:pretty; }
.wtd-chat { display:flex; flex-direction:column; gap:14px; max-width:820px; }
.wtd-chat > div { display:flex; flex-direction:column; gap:8px; }
.wtd-chat-1 { align-self:flex-start; max-width:min(100%,520px); }
.wtd-chat-2 { align-self:flex-end; max-width:min(100%,600px); align-items:flex-end; }
.wtd-chat-3 { align-self:flex-start; max-width:min(100%,460px); }
.wtd-chat-label { font-family:ui-monospace,Menlo,monospace; font-size:11px; letter-spacing:.16em; color:#556580; }
.wtd-chat-label--blue { color:var(--blue); }
.wtd-chat-label--amber { color:#6B4405; }
.wtd-lift { transition:transform .45s var(--ease), box-shadow .45s; }
.wtd-b1 { background:#fff; border:1px solid #DCE8FA; border-radius:22px 22px 22px 6px; padding:20px 24px; }
.wtd-b1 p { font-size:17px; line-height:1.55; color:var(--ink); }
.wtd-b1:hover { transform:translateY(-4px); box-shadow:0 18px 36px rgba(7,26,60,.1); }
.wtd-b2 { background:var(--navy); border-radius:22px 22px 6px 22px; padding:24px 28px; }
.wtd-b2 p { font-family:Newsreader,Georgia,serif; font-style:italic; font-size:clamp(19px,2vw,23px); line-height:1.5; color:#fff; text-wrap:pretty; }
.wtd-b2:hover { transform:translateY(-4px); box-shadow:0 22px 44px rgba(7,26,60,.25); }
.wtd-b3 { background:#FFF6E8; border:1px dashed var(--amber); border-radius:16px; padding:20px 24px; transform:rotate(-1deg); }
.wtd-b3:hover { transform:rotate(-2.5deg) translateY(-6px); box-shadow:0 18px 36px rgba(246,160,42,.25); }
.wtd-b3-q { font-family:Newsreader,Georgia,serif; font-size:19px; line-height:1.45; color:var(--ink); }
.wtd-b3-m { margin-top:12px !important; font-size:13px; color:#3C4A63; }
.wtd-b3-m strong { color:var(--ink); }

/* The Impact Zone Platform */
.wtd-platform { padding:clamp(72px,9vw,128px) var(--gut); }
.wtd-platform-grid { margin-top:20px; display:grid; grid-template-columns:repeat(auto-fit,minmax(min(100%,360px),1fr)); gap:40px clamp(32px,5vw,72px); align-items:start; }
.wtd-platform-copy { display:flex; flex-direction:column; gap:24px; }
.wtd-platform-lead { font-size:clamp(22px,2.4vw,28px); line-height:1.35; font-weight:700; letter-spacing:-.01em; text-wrap:pretty; }
.wtd-rows { display:flex; flex-direction:column; }
.wtd-row { display:flex; gap:16px; padding:18px 0; border-top:1px solid #DCE8FA; transition:padding .3s var(--ease), background .3s; }
.wtd-row--last { border-bottom:1px solid #DCE8FA; }
.wtd-row:hover { padding-left:10px; background:#F6F9FE; }
.wtd-row span { flex:none; margin-top:9px; width:8px; height:8px; border-radius:999px; background:var(--amber); }
.wtd-row p { font-size:17px; line-height:1.6; color:#3C4A63; }
.wtd-art-col { display:flex; flex-direction:column; gap:18px; align-items:center; min-width:0; }
.wtd-seg { display:flex; flex-wrap:wrap; justify-content:center; gap:6px; padding:5px; border-radius:999px; background:#F6F9FE; border:1px solid #DCE8FA; max-width:100%; }
.wtd-seg button { white-space:nowrap; height:36px; padding:0 14px; border-radius:999px; border:0; font-size:13px; font-weight:700; cursor:pointer; background:transparent; color:var(--navy); transition:background .25s, color .25s; }
.wtd-seg button[aria-pressed="true"] { background:var(--navy); color:#fff; }
.wtd-art-stage { min-height:560px; width:100%; display:flex; align-items:center; justify-content:center; }
.wtd-art { display:block; width:432px; max-width:100%; height:auto; border-radius:14px; box-shadow:0 20px 50px rgba(7,26,60,.18); transform:rotate(1.5deg); transition:transform .45s var(--ease), box-shadow .45s; }
.wtd-art[data-shape="story"] { width:304px; }
.wtd-art:hover { transform:rotate(-1.2deg) translateY(-10px); box-shadow:0 34px 60px rgba(7,26,60,.26); }
.wtd-sw { display:flex; flex-wrap:wrap; justify-content:center; gap:8px; }
.wtd-sw button { width:40px; height:40px; padding:4px; border-radius:999px; border:2px solid #DCE8FA; background:#fff; cursor:pointer; transition:transform .25s var(--ease); }
.wtd-sw button:hover { transform:translateY(-2px); }
.wtd-sw button[aria-pressed="true"] { border-color:var(--navy); }
.wtd-sw span { display:block; width:100%; height:100%; border-radius:999px; }
.wtd-art-cap { font-family:ui-monospace,Menlo,monospace; font-size:12px; color:#556580; text-align:center; }

/* Join the movement */
.wtd-join { background:var(--ink); color:#fff; padding:clamp(72px,9vw,120px) var(--gut); }
.wtd-join-grid { display:grid; grid-template-columns:repeat(auto-fit,minmax(min(100%,420px),1fr)); gap:40px clamp(40px,6vw,96px); align-items:end; }
.wtd-join-h { margin-top:14px !important; font-size:clamp(40px,5vw,64px); line-height:1.02; letter-spacing:-.03em; font-weight:800; color:#fff; }
.wtd-join-h span { font-family:Newsreader,Georgia,serif; font-style:italic; font-weight:400; color:var(--amber); }
.wtd-join-p { margin-top:20px !important; font-size:19px; line-height:1.65; color:#DCE8FA; max-width:48ch; text-wrap:pretty; }
.wtd-join-actions { display:flex; flex-direction:column; gap:12px; max-width:440px; width:100%; }
.wtd-join-two { display:flex; flex-wrap:wrap; gap:10px; }

/* For principals (padded box: nothing on the card edge) */
.wtd-prin-wrap { padding:clamp(64px,8vw,104px) var(--gut); }
.wtd-prin { max-width:1180px; margin:0 auto; display:flex; flex-wrap:wrap; align-items:center; justify-content:space-between; gap:24px 48px; padding:clamp(28px,4vw,44px); border:1px solid #DCE8FA; border-radius:24px; background:#F6F9FE; transition:transform .45s var(--ease), box-shadow .45s, border-color .45s; }
.wtd-prin:hover { transform:translateY(-4px); box-shadow:0 24px 50px rgba(7,26,60,.12); border-color:#9FC0F0; }
.wtd-prin-copy { flex:1 1 420px; min-width:0; }
.wtd-prin-title { margin-top:10px !important; font-size:26px; line-height:1.15; letter-spacing:-.02em; font-weight:800; }
.wtd-prin-p { margin-top:10px !important; font-size:16px; line-height:1.6; color:#3C4A63; max-width:60ch; }

/* Questions */
.wtd-faq-wrap { padding:0 var(--gut) clamp(72px,9vw,120px); }
.wtd-faq-grid { display:grid; grid-template-columns:repeat(auto-fit,minmax(min(100%,320px),1fr)); gap:24px clamp(40px,7vw,120px); }
.wtd-faq-h { font-size:clamp(28px,3vw,36px); line-height:1.1; letter-spacing:-.02em; font-weight:800; color:var(--ink); }
.wtd-faq { border-top:1px solid #DCE8FA; }
.wtd-faq > div { border-bottom:1px solid #DCE8FA; }
.wtd-faq button { width:100%; display:flex; align-items:center; justify-content:space-between; gap:16px; padding:20px 0; border:0; background:none; text-align:left; font-size:18px; font-weight:700; color:var(--ink); cursor:pointer; }
.wtd-faq button:hover { color:var(--blue); }
.wtd-faq button span { flex:none; font-size:22px; font-weight:400; color:var(--blue); }
.wtd-faq p { margin:0 0 22px !important; font-size:16px; line-height:1.65; color:#3C4A63; max-width:62ch; }

/* Partners, above the site footer */
.wtd-partners { background:var(--ink); padding:28px var(--gut); display:flex; flex-wrap:wrap; align-items:center; justify-content:flex-end; gap:14px; }
.wtd-partners-label { font-family:ui-monospace,Menlo,monospace; font-size:11px; letter-spacing:.16em; color:#9FC0F0; }
.wtd-partners-es { display:block; width:44px; height:44px; border-radius:6px; }
.wtd-partners-ata { background:#fff; border-radius:6px; padding:6px 10px; display:flex; }
.wtd-partners-ata img { display:block; height:32px; width:auto; }

/* Thank a teacher (29 Oct 2026, TVJ_WTD_Thanks): canvas "Thank a teacher · page". */
.wtd-thx { scroll-margin-top:calc(var(--wtd-top,12px) + 80px); background:#EEF4FE; padding:clamp(56px,7vw,104px) var(--gut); }
.wtd-thx-card { max-width:1080px; margin:0 auto; display:grid; grid-template-columns:minmax(0,360px) minmax(0,1fr); background:#fff; border:1px solid #DCE8FA; border-radius:20px; overflow:hidden; box-shadow:0 30px 70px rgba(7,26,60,.18); }
.wtd-thx-side { position:relative; overflow:hidden; background:var(--ink); padding:38px 32px; display:flex; flex-direction:column; gap:22px; }
.wtd-thx-bar { position:absolute; width:300px; transform:rotate(-38deg); }
.wtd-thx-bar--1 { top:-46px; left:-70px; height:22px; background:var(--blue); opacity:.5; }
.wtd-thx-bar--2 { top:44px; left:-104px; height:9px; background:var(--amber); opacity:.55; }
.wtd-thx-side-top { position:relative; display:flex; flex-direction:column; gap:12px; margin-top:20px; }
.wtd-thx-kicker, .wtd-thx-tag { font-family:'Barlow Condensed',Archivo,sans-serif; font-weight:600; font-size:13px; letter-spacing:.24em; text-transform:uppercase; color:#9FC0F0; }
.wtd-thx-side-h { font-family:'Barlow Condensed',Archivo,sans-serif; font-weight:700; font-size:46px; line-height:1.03; letter-spacing:.02em; text-transform:uppercase; color:#fff; }
.wtd-thx-side-p { font-family:Newsreader,Georgia,serif; font-style:italic; font-size:19px; line-height:1.5; color:#DCE8FA; }
.wtd-thx-steps { position:relative; list-style:none; margin:0; padding:20px 0 0; border-top:1px solid rgba(159,192,240,.25); display:flex; flex-direction:column; gap:14px; }
.wtd-thx-steps li { display:flex; gap:12px; align-items:flex-start; font-size:14px; line-height:1.6; color:#DCE8FA; }
.wtd-thx-steps li span { flex:none; width:26px; height:26px; border-radius:999px; background:var(--amber); color:var(--ink); font-weight:700; font-size:13px; display:flex; align-items:center; justify-content:center; }
.wtd-thx-side-foot { position:relative; margin-top:auto; display:flex; flex-direction:column; gap:10px; }
.wtd-thx-free { padding:12px 14px; background:var(--amber); color:var(--ink); font-family:'Barlow Condensed',Archivo,sans-serif; font-weight:700; font-size:16px; letter-spacing:.08em; text-transform:uppercase; }
.wtd-thx-main { padding:40px 40px 34px; display:flex; flex-direction:column; gap:20px; min-width:0; }
.wtd-thx-head { display:flex; flex-direction:column; gap:10px; }
.wtd-thx-h { font-family:Newsreader,Georgia,serif; font-weight:500; font-size:clamp(30px,3vw,38px); line-height:1.1; letter-spacing:-.01em; color:var(--ink); }
.wtd-thx-lede { font-size:15px; line-height:1.7; color:#3C4A63; max-width:52ch; }
.wtd-thx-two { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:14px; }
.wtd-thx-field { display:flex; flex-direction:column; gap:7px; }
.wtd-thx-label { font-family:'Barlow Condensed',Archivo,sans-serif; font-weight:600; font-size:13px; letter-spacing:.16em; text-transform:uppercase; color:#4A5A75; padding:0; }
.wtd-thx-label em { font-family:Archivo,sans-serif; font-style:normal; font-weight:400; letter-spacing:0; text-transform:none; color:#556580; }
.wtd-thx input[type=text], .wtd-thx input[type=email], .wtd-thx textarea { width:100%; font-family:Archivo,system-ui,sans-serif; font-size:16px; color:var(--ink); padding:12px 13px; border:1px solid #C9D9F2; border-radius:8px; background:#fff; outline:none; }
.wtd-thx input[type=text], .wtd-thx input[type=email] { height:46px; }
.wtd-thx textarea { min-height:128px; line-height:1.6; resize:vertical; }
.wtd-thx input::placeholder, .wtd-thx textarea::placeholder { color:#7a8aa6; }
.wtd-thx input:focus, .wtd-thx textarea:focus { border-color:var(--blue); box-shadow:0 0 0 3px rgba(27,74,150,.18); }
.wtd-thx-help { font-size:12px; line-height:1.5; color:#4A5A75; }
.wtd-thx-rule { height:1px; background:#DCE8FA; }
.wtd-thx-rels { margin:0; padding:0; border:0; min-width:0; }
.wtd-thx-rels legend { margin-bottom:9px; }
.wtd-thx-rel-row { display:flex; gap:10px; flex-wrap:wrap; }
.wtd-thx-rel { position:relative; display:inline-flex; width:auto; margin:0; cursor:pointer; }
.wtd-thx-rel input { position:absolute; opacity:0; width:1px; height:1px; }
.wtd-thx-rel span { display:inline-flex; align-items:center; min-height:44px; padding:0 20px; border-radius:999px; border:1px solid #C9D9F2; background:#fff; color:var(--navy); font-size:15px; font-weight:600; transition:background .2s, color .2s, border-color .2s; }
.wtd-thx-rel input:checked + span { background:var(--navy); border-color:var(--navy); color:#fff; }
.wtd-thx-rel input:focus-visible + span { box-shadow:0 0 0 3px rgba(27,74,150,.35); }
.wtd-thx-preview { background:#F6F9FE; border:1px solid #DCE8FA; border-radius:12px; padding:16px 18px; display:flex; flex-direction:column; gap:8px; }
.wtd-thx-preview-label { font-family:ui-monospace,Menlo,monospace; font-size:11px; letter-spacing:.18em; color:var(--blue); }
.wtd-thx-preview-subject { font-size:14px; line-height:1.6; color:var(--ink); }
.wtd-thx-preview-line { font-size:14px; line-height:1.6; color:#3C4A63; }
.wtd-thx-preview-note { padding-left:14px; border-left:3px solid var(--amber); font-family:Newsreader,Georgia,serif; font-style:italic; font-size:16px; line-height:1.55; color:var(--ink); white-space:pre-line; overflow-wrap:anywhere; }
.wtd-thx-consent { display:flex; gap:11px; align-items:flex-start; font-size:13px; line-height:1.6; color:#3C4A63; }
.wtd-thx-consent input { width:20px; height:20px; margin:1px 0 0; accent-color:var(--blue); flex:none; }
.wtd-thx-consent a { color:var(--blue); text-decoration:underline; }
.wtd-thx-btn { display:inline-flex; align-items:center; justify-content:center; text-align:center; min-height:48px; padding:12px 26px; border:0; border-radius:999px; font-family:'Barlow Condensed',Archivo,sans-serif; font-weight:700; font-size:17px; letter-spacing:.1em; text-transform:uppercase; cursor:pointer; transition:transform .25s var(--ease), background .25s; }
.wtd-thx-btn:hover { transform:translateY(-2px); }
.wtd-thx-btn--amber { background:var(--amber); color:var(--ink) !important; }
.wtd-thx-btn--navy { background:var(--navy); color:#fff !important; }
.wtd-thx-errors { display:flex; flex-direction:column; gap:8px; }
.wtd-thx-error { padding:10px 12px; border-radius:8px; background:#FCEDEA; color:#9A2F1C; font-size:14px; line-height:1.5; }
.wtd-thx-notice { padding:14px 16px; border-radius:10px; background:#EEF4FE; border:1px solid #C9D9F2; font-size:14px; line-height:1.6; color:var(--ink); }
.wtd-thx-hp { position:absolute !important; left:-9999px; width:1px; height:1px; overflow:hidden; }
.wtd-thx-done { padding:56px 44px 40px; justify-content:center; }
.wtd-thx-sent { font-family:ui-monospace,Menlo,monospace; font-size:11px; letter-spacing:.2em; color:#B5561A; }
.wtd-thx-done .wtd-thx-h { font-size:clamp(30px,3.2vw,40px); line-height:1.12; }
.wtd-thx-done .wtd-thx-lede { font-size:16px; }
.wtd-thx-actions { display:flex; gap:12px; flex-wrap:wrap; }
@media (max-width: 859px) {
	.wtd-thx-card { grid-template-columns:minmax(0,1fr); }
	.wtd-thx-side { padding:30px 24px; }
	.wtd-thx-side-h { font-size:38px; }
	.wtd-thx-main { padding:28px 22px 26px; }
	.wtd-thx-done { padding:36px 22px 30px; }
}
@media (max-width: 559px) {
	.wtd-thx-two { grid-template-columns:minmax(0,1fr); }
	.wtd-thx-btn { width:100%; }
}

/* Below 900px the section nav drops its button and its links scroll sideways (handoff v2). */
@media (max-width: 899px) {
	.wtd-cap-cta { display:none; }
}

/* Scroll reveal: set by the script only, so nothing is hidden without it. */
.wtd [data-reveal].wtd-pre { opacity:0; transform:translateY(32px); }
@media (prefers-reduced-motion: reduce) {
	.wtd *, .wtd *:hover { transition:none !important; }
	.wtd [data-reveal].wtd-pre { opacity:1; transform:none; }
}
@media print {
	.wtd [data-reveal] { opacity:1 !important; transform:none !important; }
	.wtd-capwrap { position:static; }
}