:root {
    --ink: #17152f;
    --ink-soft: #66647a;
    --teal-900: #3d2eac;
    --teal-800: #5945db;
    --teal-700: #6c5ce7;
    --teal-100: #e9e6ff;
    --mint: #f0efff;
    --mint-deep: #dfdafd;
    --cream: #f7f6fb;
    --paper: #ffffff;
    --white: #ffffff;
    --line: #e5e2ef;
    --line-strong: #d4d0e2;
    --coral: #ff6b4a;
    --gold: #c6f36b;
    --ai-hub-accent: #e07850;
    --ai-hub-black: #0a0a0a;
    --ai-hub-paper: #f5f5f0;
    --ai-hub-gray: #878787;
    --shadow-sm: 0 0.3rem 1.4rem rgba(29, 22, 75, .07);
    --shadow-md: 0 1.8rem 4.8rem rgba(29, 22, 75, .13);
    --radius-sm: 1rem;
    --radius: 1.8rem;
    --radius-lg: 2.8rem;
    --sans: "Manrope", ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
    --serif: "Space Grotesk", var(--sans);
    --container: 118rem;
}

[data-theme="dark"] {
    --ink: #f4f1ff;
    --ink-soft: #b3aecb;
    --teal-900: #cabfff;
    --teal-800: #a999ff;
    --teal-700: #9583ff;
    --teal-100: #2a2351;
    --mint: #211b43;
    --mint-deep: #30285a;
    --cream: #121024;
    --paper: #1a1732;
    --white: #211d3d;
    --line: #35304f;
    --line-strong: #4a4466;
    --shadow-sm: 0 0.3rem 1.4rem rgba(0, 0, 0, .14);
    --shadow-md: 0 1.6rem 4.4rem rgba(0, 0, 0, .24);
    color-scheme: dark;
}

* { box-sizing: border-box; }
html { font-size: 62.5%; scroll-behavior: smooth; scroll-padding-top: 10rem; }
body {
    margin: 0;
    color: var(--ink);
    background: var(--cream);
    font-family: var(--sans);
    font-size: 1.6rem;
    line-height: 1.65;
    -webkit-font-smoothing: antialiased;
    overflow-x: hidden;
}
a { color: inherit; text-decoration: none; -webkit-tap-highlight-color: transparent; }
button, input { font: inherit; }
button { color: inherit; touch-action: manipulation; -webkit-tap-highlight-color: transparent; }
svg { display: block; }
img { max-width: 100%; }
h1, h2, h3, p { margin-top: 0; }
h1, h2, h3 { color: var(--ink); line-height: 1.08; overflow-wrap: break-word; }
h1, h2 { font-family: var(--serif); font-weight: 600; }
h1 em, h2 em { color: var(--teal-700); font-weight: 500; }
.container { width: min(calc(100% - 4rem), var(--container)); margin-inline: auto; }
.narrow { max-width: 80rem; }
.sr-only {
    position: absolute; width: 0.1rem; height: 0.1rem; padding: 0; margin: -0.1rem;
    overflow: hidden; clip: rect(0, 0, 0, 0); white-space: nowrap; border: 0;
}
.skip-link { position: fixed; z-index: 1000; top: 1.2rem; left: 1.2rem; transform: translateY(-150%); background: var(--paper); padding: 1rem 1.6rem; border-radius: 0.8rem; box-shadow: var(--shadow-md); }
.skip-link:focus { transform: none; }
:focus-visible { outline: 0.3rem solid rgba(108, 92, 231, .35); outline-offset: 0.3rem; }

/* Header */
.site-header { height: 7.8rem; background: color-mix(in srgb, var(--paper) 94%, transparent); border-bottom: 0.1rem solid var(--line); position: sticky; top: 0; z-index: 50; backdrop-filter: blur(1.4rem); }
.header-inner { height: 100%; display: flex; align-items: center; gap: 3.2rem; }
.brand { display: inline-flex; align-items: center; gap: 1rem; flex: 0 0 auto; }
.brand-mark { width: 4rem; height: 4rem; display: grid; place-items: center; border-radius: 1.3rem; background: var(--teal-800); color: #fff; }
.brand-mark svg { width: 3.1rem; height: 3.1rem; stroke: currentColor; stroke-width: 2.5; }
.brand-name { display: flex; flex-direction: column; line-height: 1.05; font-size: 1.2rem; letter-spacing: .03em; }
.brand-name strong { font-family: var(--serif); font-size: 2.1rem; letter-spacing: -.025em; font-weight: 600; }
.brand-name span { color: var(--ink-soft); }
.site-nav { display: flex; align-items: center; gap: 0.8rem; margin-left: auto; }
.site-nav > a { display: flex; align-items: center; height: 4.2rem; padding: 0 1.3rem; border-radius: 1rem; font-size: 1.4rem; font-weight: 600; color: var(--ink-soft); transition: .2s ease; }
.site-nav > a:hover, .site-nav > a.active { color: var(--teal-800); background: var(--mint); }
.saved-nav svg { width: 1.6rem; height: 1.6rem; margin-right: 0.7rem; fill: none; stroke: currentColor; stroke-width: 1.8; }
.saved-count { min-width: 1.9rem; height: 1.9rem; margin-left: 0.6rem; border-radius: 1rem; display: grid; place-items: center; color: var(--white); background: var(--teal-700); font-size: 1rem; }
.header-actions { display: flex; border-left: 0.1rem solid var(--line); padding-left: 1.8rem; }
.icon-button { width: 4rem; height: 4rem; border: 0; background: transparent; display: grid; place-items: center; border-radius: 1rem; cursor: pointer; }
.icon-button:hover { background: var(--mint); }
.icon-button svg { width: 2rem; height: 2rem; fill: none; stroke: currentColor; stroke-width: 1.8; stroke-linecap: round; }
.moon-icon, [data-theme="dark"] .sun-icon { display: none !important; }
[data-theme="dark"] .moon-icon { display: block !important; }
.menu-toggle { display: none; margin-left: auto; }

/* Reusable type and controls */
.kicker, .eyebrow { margin-bottom: 1rem; color: var(--teal-700); font-size: 1.2rem; line-height: 1.3; font-weight: 700; letter-spacing: .13em; text-transform: uppercase; }
.kicker { display: flex; align-items: center; gap: 1rem; }
.kicker span { display: block; width: 2.8rem; height: 0.2rem; background: var(--coral); }
.eyebrow.light { color: #c8ece5; }
.eyebrow.light span { margin-left: 0.8rem; padding-left: 1rem; border-left: 0.1rem solid rgba(255,255,255,.4); color: rgba(255,255,255,.72); }
.text-link { display: inline-flex; align-items: center; gap: 0.7rem; color: var(--teal-700); font-weight: 700; font-size: 1.4rem; }
.text-link:hover { color: var(--teal-900); }
.text-link span { transition: transform .2s ease; }
.text-link:hover span { transform: translateX(0.3rem); }
.button { min-height: 4.6rem; padding: 0 2.1rem; display: inline-flex; align-items: center; justify-content: center; gap: 0.8rem; border: 0.1rem solid transparent; border-radius: 1.2rem; font-weight: 700; font-size: 1.4rem; cursor: pointer; transition: .2s ease; }
.button-primary { color: #fff; background: var(--teal-800); box-shadow: 0 0.8rem 1.8rem rgba(13, 98, 100, .15); }
.button-primary:hover { background: #084e51; transform: translateY(-0.1rem); }
.button-secondary { color: var(--teal-800); background: transparent; border-color: var(--line-strong); }
.button-secondary:hover { border-color: var(--teal-700); background: var(--mint); }
.button-light { background: #fff; color: #0d6264; }
.button-light:hover { background: #e9f7f3; transform: translateY(-0.1rem); }
.section { padding: 8.8rem 0; }
.section-heading { display: grid; grid-template-columns: 1.2fr .8fr; align-items: end; gap: 6rem; margin-bottom: 3.4rem; }
.section-heading h2 { font-size: clamp(3.4rem, 4vw, 4.8rem); letter-spacing: -.025em; margin-bottom: 0; }
.section-heading > p { max-width: 46rem; margin: 0; color: var(--ink-soft); }
.section-heading.compact { display: flex; justify-content: space-between; align-items: end; gap: 2rem; }
.section-heading.compact h2 { font-size: 3.4rem; }
.section-action { display: flex; justify-content: center; margin-top: 3.2rem; }

/* Search and autocomplete */
.search-box { position: relative; display: flex; align-items: center; padding: 0.7rem; background: var(--white); border: 0.1rem solid var(--line-strong); border-radius: 1.5rem; box-shadow: var(--shadow-md); }
.search-box:focus-within { border-color: var(--teal-700); box-shadow: 0 0 0 0.4rem color-mix(in srgb, var(--teal-700) 13%, transparent), var(--shadow-md); }
.search-box .search-icon { width: 2.2rem; height: 2.2rem; margin: 0 1.1rem 0 0.8rem; flex: none; fill: none; stroke: var(--teal-700); stroke-width: 1.8; stroke-linecap: round; }
.search-box input { min-width: 0; flex: 1; height: 4.7rem; padding: 0; color: var(--ink); border: 0; outline: 0; background: transparent; font-size: 1.6rem; }
.search-box input::placeholder { color: color-mix(in srgb, var(--ink-soft) 72%, transparent); }
.search-box > button { height: 4.7rem; padding: 0 1.8rem; border: 0; border-radius: 1rem; color: #fff; background: var(--teal-800); font-weight: 700; cursor: pointer; }
.key-hint { margin-left: 0.6rem; opacity: .62; }
.search-box--large { max-width: 67rem; }
.search-box--page { max-width: 72rem; margin-top: 2.7rem; }
.search-box--compact { width: 34rem; box-shadow: none; }
.search-box--compact > button { display: none; }
.search-box--compact input { height: 3.8rem; }
.search-box--sidebar { width: 100%; margin: 2rem 0 2.4rem; padding: 0.5rem; border-radius: 1.2rem; box-shadow: none; }
.search-box--sidebar > button { display: none; }
.search-box--sidebar input { height: 4rem; font-size: 1.4rem; }
.search-box--sidebar .search-icon { width: 1.9rem; height: 1.9rem; margin-left: 0.6rem; }
.sidebar-partner-banner { position: relative; overflow: hidden; margin-bottom: 2.4rem; border: 0.1rem solid color-mix(in srgb, var(--ai-hub-gray) 48%, transparent); border-radius: 1.8rem; color: var(--ai-hub-paper); background: radial-gradient(circle at 82% 12%, rgba(224,120,80,.42), transparent 34%), var(--ai-hub-black); box-shadow: 0 1.3rem 3rem rgba(10,10,10,.2); }
.sidebar-partner-art { position: relative; min-height: 14.4rem; border-bottom: 0.1rem solid rgba(135,135,135,.32); }
.ai-hub-connectors { position: absolute; z-index: 1; inset: 0; width: 100%; height: 100%; overflow: visible; pointer-events: none; }
.ai-hub-connectors line { fill: none; stroke: rgba(224,120,80,.72); stroke-width: .12rem; vector-effect: non-scaling-stroke; animation: ai-hub-connector-pulse 4.2s ease-in-out infinite; }
.ai-hub-connectors line:nth-child(2), .ai-hub-connectors line:nth-child(5) { animation-delay: -1.4s; }
.ai-hub-connectors line:nth-child(3), .ai-hub-connectors line:nth-child(6) { animation-delay: -2.8s; }
@keyframes ai-hub-connector-pulse {
    0%, 100% { opacity: .7; }
    50% { opacity: 1; }
}
.sidebar-partner-orbit { position: absolute; width: 12.4rem; height: 12.4rem; left: 50%; top: 2.2rem; border: 0.1rem solid rgba(224,120,80,.5); border-radius: 50%; box-shadow: 0 0 0 2rem rgba(224,120,80,.08), 0 0 0 4.2rem rgba(135,135,135,.04); transform: translateX(-50%); }
.sidebar-partner-mark { position: absolute; z-index: 2; width: 6.3rem; height: 6.3rem; left: 50%; top: 4rem; display: grid; place-items: center; border-radius: 1.8rem; color: var(--ai-hub-black); background: var(--ai-hub-accent); box-shadow: 0 1.2rem 2.8rem rgba(10,10,10,.38); font-family: var(--serif); font-size: 2.2rem; font-weight: 800; letter-spacing: -.06em; transform: translateX(-50%) rotate(-4deg); }
.sidebar-partner-signal { --signal-x: 0; --signal-y: -0.4rem; position: absolute; z-index: 3; padding: 0.4rem 0.7rem; border: 0.1rem solid rgba(135,135,135,.48); border-radius: 2rem; color: var(--ai-hub-paper); background: rgba(10,10,10,.88); font-size: 0.8rem; font-weight: 800; letter-spacing: .05em; text-transform: uppercase; animation: ai-hub-signal-drift 4.2s ease-in-out infinite; will-change: transform; }
.sidebar-partner-signal--seo { --signal-x: 0.3rem; left: 1.8rem; top: 1.7rem; }
.sidebar-partner-signal--brains { --signal-x: -0.35rem; --signal-y: 0.25rem; right: 1rem; top: 1.7rem; animation-delay: -0.7s; }
.sidebar-partner-signal--writing { --signal-x: 0.4rem; --signal-y: 0.25rem; left: 1rem; top: 6.5rem; animation-delay: -1.4s; }
.sidebar-partner-signal--social { --signal-x: -0.4rem; --signal-y: -0.3rem; right: 1rem; top: 6.5rem; animation-delay: -2.1s; }
.sidebar-partner-signal--schedule { --signal-x: 0.28rem; left: 2rem; bottom: 1.3rem; animation-delay: -2.8s; }
.sidebar-partner-signal--ads { --signal-x: -0.3rem; --signal-y: 0.35rem; right: 3rem; bottom: 1.3rem; animation-delay: -3.5s; }
@keyframes ai-hub-signal-drift {
    0%, 100% { transform: translate3d(0, 0, 0); }
    50% { transform: translate3d(var(--signal-x), var(--signal-y), 0); }
}
.sidebar-partner-copy { position: relative; z-index: 2; padding: 1.8rem; }
.sidebar-partner-label { display: block; margin-bottom: 0.8rem; color: var(--ai-hub-accent); font-size: 0.9rem; font-weight: 800; letter-spacing: .11em; text-transform: uppercase; }
.sidebar-partner-copy > strong { display: block; margin-bottom: 0.8rem; color: var(--ai-hub-paper); font-family: var(--serif); font-size: 2rem; line-height: 1.15; }
.sidebar-partner-copy p { margin-bottom: 1.5rem; color: var(--ai-hub-gray); font-size: 1.2rem; line-height: 1.5; }
.sidebar-partner-copy a { min-height: 3.9rem; display: flex; align-items: center; justify-content: space-between; gap: 1.2rem; padding: 0 1.2rem; border-radius: 0.9rem; color: var(--ai-hub-black); background: var(--ai-hub-accent); font-size: 1.1rem; font-weight: 800; transition: .18s ease; }
.sidebar-partner-copy a:hover { background: color-mix(in srgb, var(--ai-hub-accent) 82%, var(--ai-hub-paper)); transform: translateY(-0.1rem); }
.sidebar-partner-copy a span { font-size: 1.6rem; transition: transform .18s ease; }
.sidebar-partner-copy a:hover span { transform: translateX(0.2rem); }
.sidebar-partner-copy small { display: block; margin-top: 0.9rem; color: var(--ai-hub-gray); font-size: 0.8rem; line-height: 1.45; text-align: center; }
.term-sidebar .sidebar-partner-banner { margin-bottom: 0; }
.autocomplete { position: absolute; z-index: 60; top: calc(100% + 0.8rem); left: 0; right: 0; padding: 0.8rem; background: var(--paper); border: 0.1rem solid var(--line); border-radius: 1.4rem; box-shadow: var(--shadow-md); }
.autocomplete-item { display: grid; grid-template-columns: 1fr auto; gap: 0.4rem 1.6rem; padding: 1rem 1.2rem; border-radius: 0.9rem; }
.autocomplete-item:hover, .autocomplete-item.active { background: var(--mint); }
.autocomplete-item strong { font-size: 1.5rem; }
.autocomplete-item small { color: var(--teal-700); font-size: 1.1rem; font-weight: 700; }
.autocomplete-item span { grid-column: 1 / -1; color: var(--ink-soft); font-size: 1.2rem; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }

/* Homepage hero */
.hero { position: relative; overflow: hidden; min-height: 61rem; background: linear-gradient(115deg, var(--mint) 0%, color-mix(in srgb, var(--mint) 86%, #dcece6) 100%); }
.hero::before { content: ""; position: absolute; width: 56rem; height: 56rem; border-radius: 50%; left: -33rem; top: -31rem; border: 0.1rem solid color-mix(in srgb, var(--teal-700) 16%, transparent); box-shadow: 0 0 0 5.5rem color-mix(in srgb, var(--teal-700) 3%, transparent), 0 0 0 11.2rem color-mix(in srgb, var(--teal-700) 2%, transparent); }
.hero-grid { position: relative; z-index: 2; display: grid; grid-template-columns: 1.12fr .88fr; align-items: center; gap: 6rem; min-height: 57.5rem; padding-top: 3rem; padding-bottom: 3.6rem; }
.hero h1 { margin-bottom: 1.8rem; font-size: clamp(4.8rem, 5.3vw, 7.2rem); letter-spacing: -.042em; }
.hero h1 em { display: inline-block; }
.hero-lead { max-width: 64rem; margin-bottom: 2.8rem; color: var(--ink-soft); font-size: 1.8rem; line-height: 1.7; }
.popular-searches { display: flex; align-items: center; flex-wrap: wrap; gap: 0.8rem; margin-top: 1.5rem; font-size: 1.2rem; }
.popular-searches span { color: var(--ink-soft); }
.popular-searches a { padding: 0.4rem 0.9rem; border: 0.1rem solid var(--line-strong); border-radius: 2rem; color: var(--teal-700); background: color-mix(in srgb, var(--paper) 65%, transparent); }
.popular-searches a:hover { background: var(--paper); }
.hero-visual { position: relative; min-height: 46rem; }
.visual-orbit { position: absolute; border: 0.1rem solid color-mix(in srgb, var(--teal-700) 26%, transparent); border-radius: 50%; left: 50%; top: 50%; transform: translate(-50%, -50%); }
.orbit-one { width: 35.5rem; height: 35.5rem; }
.orbit-two { width: 45.5rem; height: 45.5rem; border-style: dashed; opacity: .5; }
.orbit-label { position: absolute; display: flex; align-items: center; gap: 0.8rem; padding: 0.9rem 1.3rem 0.9rem 0.9rem; border: 0.1rem solid var(--line); border-radius: 3rem; background: var(--paper); box-shadow: var(--shadow-sm); font-size: 1.2rem; font-weight: 700; transition: .2s ease; }
.orbit-label:hover { transform: translateY(-0.3rem); box-shadow: var(--shadow-md); }
.orbit-label .icon { width: 3rem; height: 3rem; padding: 0.6rem; border-radius: 50%; background: var(--mint); color: var(--teal-700); }
.label-heart { top: 3.2rem; left: 26%; }
.label-heart .icon { color: #d85b65; background: #fae5e5; }
.label-brain { top: 20.8rem; right: -0.5rem; }
.label-brain .icon { color: #7956a8; background: #eee7f7; }
.label-lungs { bottom: 1.8rem; left: 6%; }
.label-lungs .icon { color: #297da5; background: #e0f0f6; }
.visual-note { position: absolute; bottom: 4.3rem; right: 0.4rem; display: flex; align-items: center; gap: 0.9rem; padding: 1.2rem 1.5rem; border-radius: 1.3rem; color: #fff; background: var(--teal-800); box-shadow: var(--shadow-md); }
.visual-note strong { font-family: var(--serif); font-size: 2.7rem; line-height: 1; }
.visual-note span { padding-left: 0.9rem; border-left: 0.1rem solid rgba(255,255,255,.3); font-size: 0.9rem; line-height: 1.35; text-transform: uppercase; letter-spacing: .08em; }
.hero-wave { position: absolute; z-index: 1; right: -2%; bottom: -6.8rem; width: 56%; height: 14.5rem; background: var(--cream); border-radius: 50% 0 0 0 / 100% 0 0 0; transform: rotate(-2deg); }

/* Alphabet */
.alphabet-section { padding: 5rem 0 5.8rem; border-bottom: 0.1rem solid var(--line); background: var(--paper); }
.alphabet { display: grid; grid-template-columns: repeat(27, 1fr); gap: 0.5rem; }
.alphabet a, .alphabet > span { aspect-ratio: 1; min-width: 0; display: grid; place-items: center; border: 0.1rem solid var(--line); border-radius: 0.9rem; background: var(--white); color: var(--ink-soft); font-size: 1.2rem; font-weight: 700; transition: .18s ease; }
.alphabet a:first-child { aspect-ratio: auto; }
.alphabet > span { cursor: not-allowed; opacity: .34; }
.alphabet a:hover, .alphabet a.selected { border-color: var(--teal-700); color: #fff; background: var(--teal-700); transform: translateY(-0.2rem); }

/* Cards and categories */
.topics-preview { background: var(--cream); }
.category-grid { display: grid; grid-template-columns: repeat(4, 1fr); gap: 1.4rem; }
.category-card { position: relative; min-height: 11.8rem; display: flex; align-items: center; gap: 1.3rem; padding: 2rem 1.7rem; overflow: hidden; border: 0.1rem solid var(--line); border-radius: var(--radius); background: var(--paper); box-shadow: var(--shadow-sm); transition: .22s ease; }
.category-card::after { content: ""; position: absolute; width: 8.5rem; height: 8.5rem; right: -3.9rem; bottom: -4.3rem; border-radius: 50%; background: color-mix(in srgb, var(--category-color) 10%, transparent); }
.category-card:hover { transform: translateY(-0.4rem); border-color: color-mix(in srgb, var(--category-color) 45%, var(--line)); box-shadow: var(--shadow-md); }
.category-icon { width: 4.9rem; height: 4.9rem; flex: 0 0 auto; display: grid; place-items: center; border-radius: 1.5rem; color: var(--category-color); background: color-mix(in srgb, var(--category-color) 11%, var(--paper)); }
.category-icon .icon { width: 2.5rem; height: 2.5rem; }
.category-content { min-width: 0; display: flex; flex-direction: column; }
.category-content strong { line-height: 1.25; font-size: 1.4rem; }
.category-content small, .topic-count { margin-top: 0.5rem; color: var(--ink-soft); font-size: 1.1rem; }
.round-arrow { width: 2.7rem; height: 2.7rem; margin-left: auto; flex: 0 0 auto; display: grid; place-items: center; border: 0.1rem solid var(--line); border-radius: 50%; color: var(--teal-700); font-size: 1.2rem; }
.term-grid { display: grid; grid-template-columns: repeat(3, 1fr); gap: 1.7rem; }
.term-card { min-width: 0; padding: 2.2rem; border: 0.1rem solid var(--line); border-radius: var(--radius); background: var(--paper); box-shadow: var(--shadow-sm); transition: .22s ease; }
.term-card:hover { transform: translateY(-0.3rem); border-color: var(--line-strong); box-shadow: var(--shadow-md); }
.term-card-top { min-height: 2.5rem; display: flex; align-items: start; justify-content: space-between; gap: 1.2rem; }
.term-card .eyebrow { margin: 0; font-size: 1rem; letter-spacing: .09em; }
.term-card .eyebrow:hover { text-decoration: underline; }
.term-card h3 { margin: 1.1rem 0 0.4rem; font-family: var(--serif); font-size: 2.7rem; letter-spacing: -.02em; }
.term-card h3 a:hover { color: var(--teal-700); }
.term-card .pronunciation { margin-bottom: 1rem; color: var(--teal-700); font-size: 1.2rem; }
.term-card > p:not(.pronunciation) { min-height: 7.3rem; margin-bottom: 1.3rem; color: var(--ink-soft); font-size: 1.3rem; line-height: 1.58; }
.term-list { margin: 0; padding: 0; list-style: none; border-top: 0.1rem solid var(--line-strong); }
.term-list-item { min-width: 0; display: grid; grid-template-columns: minmax(0, 1fr) auto; gap: 2.4rem; align-items: center; padding: 2rem 0.4rem; border-bottom: 0.1rem solid var(--line); }
.term-list-content { min-width: 0; display: grid; grid-template-columns: minmax(19rem, .58fr) minmax(26rem, 1.42fr); gap: 0.8rem 3.2rem; align-items: baseline; }
.term-list-title { min-width: 0; }
.term-list-title h3 { margin: 0; font-family: var(--serif); font-size: 2.4rem; letter-spacing: -.015em; }
.term-list-title h3 a { text-decoration: underline; text-decoration-color: transparent; text-underline-offset: 0.4rem; transition: .18s ease; }
.term-list-title h3 a:hover { color: var(--teal-700); text-decoration-color: currentColor; }
.term-list-title .pronunciation { display: block; margin-top: 0.5rem; color: var(--teal-700); font-size: 1.1rem; }
.term-list-content > p { margin: 0; color: var(--ink-soft); font-size: 1.3rem; line-height: 1.58; }
.term-list-meta { grid-column: 2; display: flex; align-items: center; flex-wrap: wrap; gap: 0.8rem 1.8rem; }
.term-list-meta .text-link { font-size: 1.2rem; }
.term-list-category { color: var(--teal-700); font-size: 1.1rem; font-weight: 700; letter-spacing: .06em; text-transform: uppercase; }
.term-list-category:hover { text-decoration: underline; }
.term-list-item > .save-button { align-self: center; }
.ad-list-item { margin: 0; padding: 1.8rem 0; list-style: none; border-bottom: 0.1rem solid var(--line); }
.save-button { width: 3.3rem; height: 3.3rem; flex: 0 0 auto; display: grid; place-items: center; border: 0.1rem solid var(--line); border-radius: 50%; background: transparent; cursor: pointer; }
.save-button:hover { color: var(--teal-700); background: var(--mint); }
.save-button svg { width: 1.6rem; height: 1.6rem; fill: none; stroke: currentColor; stroke-width: 1.8; }
.save-button.saved { color: #fff; border-color: var(--teal-700); background: var(--teal-700); }
.save-button.saved svg { fill: currentColor; }

/* Daily feature */
.daily-section { padding-top: 6rem; padding-bottom: 6rem; }
.daily-card { position: relative; min-height: 32rem; display: grid; grid-template-columns: .8fr 1.2fr; align-items: center; overflow: hidden; border-radius: var(--radius-lg); color: #fff; background: linear-gradient(120deg, #0c5154, #117678); box-shadow: 0 2.2rem 5.5rem rgba(11, 80, 83, .2); }
.daily-card::after { content: ""; position: absolute; width: 40rem; height: 40rem; right: -18rem; top: -23rem; border: 0.1rem solid rgba(255,255,255,.14); border-radius: 50%; box-shadow: 0 0 0 4.5rem rgba(255,255,255,.02), 0 0 0 9rem rgba(255,255,255,.02); }
.daily-art { position: relative; height: 100%; display: grid; place-items: center; overflow: hidden; }
.daily-art svg { width: 23rem; fill: none; stroke: rgba(255,255,255,.12); stroke-width: 1; }
.daily-letter { position: absolute; width: 11.3rem; height: 11.3rem; display: grid; place-items: center; border: 0.1rem solid rgba(255,255,255,.3); border-radius: 50%; font-family: var(--serif); font-size: 7.5rem; line-height: 1; color: #fff; background: rgba(255,255,255,.08); backdrop-filter: blur(0.5rem); }
.pulse { position: absolute; border-radius: 50%; background: var(--coral); }
.pulse-one { width: 0.9rem; height: 0.9rem; top: 27%; left: 25%; }
.pulse-two { width: 0.6rem; height: 0.6rem; bottom: 25%; right: 23%; background: var(--gold); }
.daily-copy { position: relative; z-index: 2; padding: 4.5rem 7rem 4.5rem 2.4rem; }
.daily-copy h2 { margin-bottom: 0.4rem; color: #fff; font-size: 5.3rem; }
.daily-copy > p:not(.eyebrow):not(.daily-pronunciation) { max-width: 61rem; margin-bottom: 2.4rem; color: rgba(255,255,255,.82); font-size: 1.7rem; }
.daily-pronunciation { margin-bottom: 1.2rem; color: #bce7df; font-size: 1.3rem; }
.daily-pronunciation span { margin: 0 0.7rem; opacity: .5; }
.daily-save { position: absolute; z-index: 3; right: 2.6rem; top: 2.6rem; color: #fff; border-color: rgba(255,255,255,.28); }
.daily-save.saved { color: var(--teal-900); background: #fff; }

/* Learning section */
.featured-section { background: var(--paper); }
.learning-section { background: var(--mint); }
.learning-grid { display: grid; grid-template-columns: 1.08fr .92fr; align-items: center; gap: 9rem; }
.learning-copy h2 { margin-bottom: 1.4rem; font-size: 4.7rem; }
.learning-copy > p:not(.eyebrow) { max-width: 60rem; color: var(--ink-soft); }
.word-equation { margin: 2.7rem 0; display: flex; align-items: center; gap: 1rem; }
.word-equation > span { min-width: 11rem; display: flex; flex-direction: column; padding: 1.3rem 1.6rem; border: 0.1rem solid var(--line); border-radius: 1.2rem; background: var(--paper); }
.word-equation strong { color: var(--teal-700); font-family: var(--serif); font-size: 1.9rem; }
.word-equation small { color: var(--ink-soft); font-size: 1rem; }
.word-equation b { color: var(--ink-soft); font-weight: 500; }
.word-equation .word-result { background: var(--teal-800); border-color: var(--teal-800); }
.word-equation .word-result strong, .word-equation .word-result small { color: #fff; }
.quiz-card { padding: 2.9rem; border: 0.1rem solid var(--line); border-radius: var(--radius-lg); background: var(--paper); box-shadow: var(--shadow-md); }
.quiz-top { display: flex; justify-content: space-between; margin-bottom: 2.2rem; color: var(--teal-700); font-size: 1.1rem; font-weight: 700; letter-spacing: .1em; text-transform: uppercase; }
.quiz-progress { color: var(--ink-soft); }
.quiz-label { margin-bottom: 2rem; font-family: var(--serif); font-size: 2.5rem; font-weight: 600; line-height: 1.3; }
.quiz-options { display: grid; gap: 0.9rem; }
.quiz-options button { padding: 1.2rem 1.5rem; text-align: left; border: 0.1rem solid var(--line); border-radius: 1rem; background: var(--white); cursor: pointer; }
.quiz-options button:hover { border-color: var(--teal-700); background: var(--mint); }
.quiz-options button.correct { border-color: #3c9b6d; color: #28724e; background: #e6f5ec; }
.quiz-options button.incorrect { border-color: #d87070; color: #a33e3e; background: #faeaea; }
.quiz-feedback { min-height: 2.4rem; margin: 1.2rem 0 0; color: var(--teal-700); font-size: 1.3rem; font-weight: 600; }

/* Interior page heroes */
.page-hero { padding: 8.2rem 0 7.8rem; text-align: center; background: var(--mint); border-bottom: 0.1rem solid var(--line); }
.page-hero h1 { margin-bottom: 1.6rem; font-size: clamp(4.7rem, 6vw, 6.8rem); letter-spacing: -.035em; }
.page-hero p:not(.eyebrow) { max-width: 68rem; margin: 0 auto; color: var(--ink-soft); font-size: 1.8rem; }
.page-hero .search-box { margin-left: auto; margin-right: auto; }
.page-hero--small { padding: 6rem 0 5.5rem; text-align: left; }
.page-hero--small .breadcrumbs { margin-bottom: 1.8rem; }
.page-hero--small h1 { font-size: 5.3rem; }
.page-hero--small p:not(.eyebrow) { margin-left: 0; }
.page-hero--small .search-box { margin-left: 0; }
.page-hero--search { padding: 6.8rem 0; }
.listing-section { min-height: 50rem; }
.listing-section > .container > .alphabet { margin-bottom: 4.4rem; }
.category-results > .alphabet { margin-bottom: 4.4rem; }
.listing-header { display: flex; align-items: baseline; justify-content: space-between; gap: 2rem; margin-bottom: 2.3rem; }
.listing-header h2 { margin: 0; font-size: 3.1rem; }
.listing-header > span { color: var(--ink-soft); font-size: 1.3rem; }
.listing-tools { display: flex; justify-content: space-between; align-items: center; gap: 3rem; margin-bottom: 2.5rem; }
.listing-tools .listing-header { flex: 1; margin: 0; }
.category-page-layout { display: grid; grid-template-columns: minmax(0, 1fr) minmax(28rem, 32rem); gap: clamp(3.4rem, 4.5vw, 5.8rem); align-items: start; }
.category-results { min-width: 0; order: 1; }
.glossary-sidebar { position: sticky; top: 10.4rem; order: 2; }
.glossary-sidebar-inner { padding-left: 2.4rem; border-left: 0.1rem solid var(--line-strong); }
.glossary-sidebar .eyebrow { margin-bottom: 0.7rem; font-size: 1rem; }
.glossary-sidebar h2 { margin: 0; font-family: var(--serif); font-size: 2.5rem; line-height: 1.15; }
.sidebar-topic-groups { display: grid; gap: 1rem; }
.sidebar-topic-group { border-bottom: 0.1rem solid var(--line-strong); }
.sidebar-topic-group summary { min-height: 4.2rem; display: flex; align-items: center; justify-content: space-between; gap: 1rem; color: var(--ink); font-size: 1.2rem; font-weight: 700; cursor: pointer; list-style: none; }
.sidebar-topic-group summary::-webkit-details-marker { display: none; }
.sidebar-topic-group summary span { color: var(--teal-700); font-size: 1.8rem; transition: transform .18s ease; }
.sidebar-topic-group[open] summary span { transform: rotate(45deg); }
.sidebar-topic-list { display: grid; border-top: 0.1rem solid var(--line); }
.sidebar-topic-list a { min-width: 0; display: grid; grid-template-columns: minmax(0, 1fr) auto; gap: 1rem; align-items: center; padding: 1.1rem 1rem; border-bottom: 0.1rem solid var(--line); color: var(--ink-soft); font-size: 1.3rem; line-height: 1.3; transition: .18s ease; }
.sidebar-topic-list a:hover { color: var(--teal-800); background: var(--mint); }
.sidebar-topic-list a.active { color: var(--teal-800); background: var(--mint); box-shadow: inset 0.3rem 0 0 var(--teal-700); font-weight: 700; }
.sidebar-topic-list a span { min-width: 0; overflow-wrap: break-word; }
.sidebar-topic-list small { color: var(--ink-soft); font-size: 1rem; font-variant-numeric: tabular-nums; }
.sidebar-shortcuts { display: grid; gap: 0.4rem; margin-top: 2.2rem; }
.sidebar-shortcuts a { display: flex; justify-content: space-between; gap: 1.2rem; padding: 0.8rem 0.2rem; color: var(--teal-700); font-size: 1.2rem; font-weight: 700; }
.sidebar-shortcuts a:hover span:first-child { text-decoration: underline; }
.pagination { display: grid; grid-template-columns: minmax(9rem, 1fr) auto minmax(9rem, 1fr); gap: 1.8rem; align-items: center; margin-top: 4rem; padding-top: 2.4rem; border-top: 0.1rem solid var(--line); color: var(--ink-soft); font-size: 1.3rem; }
.pagination > *:last-child { justify-self: end; text-align: right; }
.page-direction { color: var(--teal-700); font-weight: 700; }
.page-direction:hover { color: var(--teal-900); }
.pagination-links { display: flex; align-items: center; justify-content: center; gap: 0.5rem; }
.page-number { min-width: 3.6rem; height: 3.6rem; padding: 0 0.8rem; display: inline-grid; place-items: center; border: 0.1rem solid var(--line); border-radius: 0.9rem; background: var(--paper); color: var(--ink-soft); font-weight: 700; font-variant-numeric: tabular-nums; transition: .18s ease; }
a.page-number:hover { border-color: var(--teal-700); color: var(--teal-800); background: var(--mint); }
.page-number.current { border-color: var(--teal-700); color: #fff; background: var(--teal-700); }
.pagination-ellipsis { min-width: 2rem; text-align: center; color: var(--ink-soft); }
.home-ad-section { padding: 2.6rem 0; border-bottom: 0.1rem solid var(--line); background: var(--paper); }
.ad-placement { width: 100%; overflow: hidden; text-align: center; }
.ad-label { display: block; margin-bottom: 0.6rem; color: var(--ink-soft); font-size: 0.9rem; line-height: 1; letter-spacing: .1em; text-transform: uppercase; }
.ad-placement--horizontal { min-height: 10.5rem; }
.ad-placement--vertical { min-height: 36rem; margin-top: 2.8rem; }
.ad-placement--square { min-height: 28rem; }
.ad-placement--inarticle { min-height: 17rem; margin: 3.4rem 0; padding: 1.8rem 0; border-top: 0.1rem solid var(--line); border-bottom: 0.1rem solid var(--line); }
.ad-placement--infeed { min-height: 13.5rem; }
.ad-placement:has(.adsbygoogle[data-ad-status="unfilled"]) { min-height: 0; margin-top: 0; margin-bottom: 0; padding-top: 0; padding-bottom: 0; border: 0; }
.term-sidebar .ad-placement { grid-column: 1 / -1; }
.empty-state { max-width: 60rem; margin: 4rem auto; padding: 5.5rem 3rem; text-align: center; border: 0.1rem dashed var(--line-strong); border-radius: var(--radius-lg); background: var(--paper); }
.empty-state > span { width: 5.5rem; height: 5.5rem; margin: 0 auto 1.5rem; display: grid; place-items: center; border-radius: 50%; color: var(--teal-700); background: var(--mint); font-family: var(--serif); font-size: 2.8rem; }
.empty-state h2 { margin-bottom: 0.8rem; font-size: 3rem; }
.empty-state p { color: var(--ink-soft); }
.empty-state .button { margin-top: 0.8rem; }

/* Topics */
.topic-list-grid { display: grid; grid-template-columns: 1fr 1fr; gap: 1.8rem; }
.topic-panel { min-height: 22rem; display: grid; grid-template-columns: auto 1fr auto; align-items: start; gap: 2rem; padding: 2.8rem; border: 0.1rem solid var(--line); border-radius: var(--radius-lg); background: var(--paper); box-shadow: var(--shadow-sm); transition: .22s ease; }
.topic-panel:hover { transform: translateY(-0.4rem); border-color: color-mix(in srgb, var(--category-color) 40%, var(--line)); box-shadow: var(--shadow-md); }
.category-icon.large { width: 6.4rem; height: 6.4rem; border-radius: 1.9rem; }
.category-icon.large .icon { width: 3.2rem; height: 3.2rem; }
.topic-panel h2 { margin: 0.5rem 0 0.9rem; font-size: 2.9rem; }
.topic-panel > div { min-width: 0; }
.topic-panel p { margin: 0; color: var(--ink-soft); font-size: 1.4rem; }
.topic-panel .round-arrow { margin-top: 0.4rem; }
.topic-group-heading { max-width: 72rem; margin-bottom: 2.5rem; }
.topic-group-heading h2 { margin: 0.3rem 0 0.7rem; font-size: 3.8rem; }
.topic-group-heading > p:last-child { margin: 0; color: var(--ink-soft); }
.topic-group-heading--spaced { margin-top: 7.2rem; }
.topic-hero { position: relative; overflow: hidden; padding: 6.3rem 0; background: color-mix(in srgb, var(--category-color) 8%, var(--mint)); border-bottom: 0.1rem solid var(--line); }
.topic-hero::after { content: ""; position: absolute; width: 33rem; height: 33rem; right: -8rem; top: -13rem; border: 0.1rem solid color-mix(in srgb, var(--category-color) 18%, transparent); border-radius: 50%; box-shadow: 0 0 0 4.8rem color-mix(in srgb, var(--category-color) 3%, transparent); }
.topic-hero-inner { position: relative; z-index: 2; display: grid; grid-template-columns: auto 1fr auto; align-items: center; gap: 2.7rem; }
.hero-category-icon { width: 8.6rem; height: 8.6rem; border-radius: 2.5rem; }
.hero-category-icon .icon { width: 4.3rem; height: 4.3rem; }
.topic-hero h1 { margin: 0.4rem 0 0.8rem; font-size: 5.1rem; }
.topic-hero p { max-width: 63rem; margin: 0; color: var(--ink-soft); }
.topic-total { position: relative; z-index: 2; min-width: 10.4rem; padding: 1.6rem; text-align: center; border: 0.1rem solid var(--line); border-radius: 1.5rem; background: var(--paper); color: var(--ink-soft); font-size: 1.1rem; text-transform: uppercase; letter-spacing: .08em; box-shadow: var(--shadow-sm); }
.topic-total strong { display: block; color: var(--category-color); font-family: var(--serif); font-size: 3.2rem; line-height: 1; }
.breadcrumbs { display: flex; align-items: center; flex-wrap: wrap; gap: 0.8rem; color: var(--ink-soft); font-size: 1.1rem; }
.breadcrumbs a:hover { color: var(--teal-700); text-decoration: underline; }

/* Term page */
.term-hero { padding: 3.4rem 0 5.7rem; background: color-mix(in srgb, var(--category-color) 7%, var(--mint)); border-bottom: 0.1rem solid var(--line); }
.term-title-row { display: flex; justify-content: space-between; align-items: end; gap: 3.5rem; margin-top: 4rem; }
.term-title-row > div { min-width: 0; }
.category-pill { display: inline-flex; align-items: center; gap: 0.7rem; padding: 0.6rem 1rem; border-radius: 2rem; color: var(--category-color); background: color-mix(in srgb, var(--category-color) 10%, var(--paper)); font-size: 1.1rem; font-weight: 700; }
.category-pill .icon { width: 1.5rem; height: 1.5rem; }
.term-topic-tags { display: flex; align-items: center; flex-wrap: wrap; gap: 0.7rem; }
.specialty-pill { display: inline-flex; padding: 0.6rem 1rem; border: 0.1rem solid var(--line); border-radius: 2rem; color: var(--ink-soft); background: var(--paper); font-size: 1.1rem; font-weight: 600; }
.specialty-pill:hover { color: var(--teal-700); border-color: var(--teal-700); }
.term-title-row h1 { margin: 0.9rem 0 0.3rem; font-size: clamp(5.4rem, 7vw, 7.8rem); letter-spacing: -.04em; }
.term-meta { display: flex; align-items: center; gap: 0.8rem; color: var(--ink-soft); font-size: 1.3rem; }
.hero-pronunciation { color: var(--teal-700); }
.dot { opacity: .4; }
.term-meta em { font-family: var(--serif); }
.speak-button { display: inline-flex; align-items: center; gap: 0.5rem; margin-left: 0.7rem; padding: 0.5rem 0.9rem; border: 0.1rem solid var(--line-strong); border-radius: 2rem; color: var(--teal-700); background: var(--paper); font-size: 1.1rem; font-weight: 700; cursor: pointer; }
.speak-button svg { width: 1.4rem; height: 1.4rem; fill: none; stroke: currentColor; stroke-width: 1.7; }
.term-actions { display: flex; gap: 0.8rem; }
.action-button { min-width: 6.9rem; height: 5.9rem; display: flex; flex-direction: column; align-items: center; justify-content: center; gap: 0.3rem; border: 0.1rem solid var(--line); border-radius: 1.2rem; background: var(--paper); color: var(--ink-soft); cursor: pointer; box-shadow: var(--shadow-sm); }
.action-button:hover { color: var(--teal-700); border-color: var(--teal-700); }
.action-button svg { width: 1.9rem; height: 1.9rem; fill: none; stroke: currentColor; stroke-width: 1.7; }
.action-button span { font-size: 1rem; font-weight: 700; }
.action-button.saved { color: #fff; background: var(--teal-700); }
.action-button.saved svg { fill: currentColor; }
.term-layout { display: grid; grid-template-columns: minmax(0, 1fr) 33rem; gap: 6.8rem; padding-top: 6.8rem; padding-bottom: 7rem; }
.definition-block { padding-bottom: 3.8rem; border-bottom: 0.1rem solid var(--line); }
.definition-label { display: flex; align-items: center; gap: 0.9rem; margin-bottom: 1.8rem; color: var(--teal-700); font-family: var(--sans); font-size: 1.2rem; line-height: 1.3; font-weight: 700; text-transform: uppercase; letter-spacing: .09em; }
.definition-label span { width: 2.4rem; height: 2.4rem; display: grid; place-items: center; border-radius: 50%; color: #fff; background: var(--teal-700); font-size: 1.1rem; }
.meaning-summary { margin: 0 0 1.8rem; padding-left: 1.6rem; border-left: 0.3rem solid var(--teal-700); color: var(--ink-soft); font-size: 1.6rem; }
.meaning-summary strong { color: var(--ink); }
.lead-definition { margin: 0; font-family: var(--serif); font-size: 2.7rem; line-height: 1.55; letter-spacing: -.012em; }
.detail-block { padding: 3.5rem 0; border-bottom: 0.1rem solid var(--line); }
.detail-block h2 { margin-bottom: 1.3rem; font-size: 2.9rem; }
.detail-block p:last-child { margin: 0; color: var(--ink-soft); }
.alias-list { display: flex; flex-wrap: wrap; gap: 0.8rem; }
.alias-list span { padding: 0.7rem 1.2rem; border-radius: 0.8rem; color: var(--teal-700); background: var(--mint); font-size: 1.3rem; font-weight: 600; }
.example-block, .clinical-block { display: flex; gap: 2rem; margin: 3.5rem 0 0; padding: 2.7rem; border-radius: var(--radius); }
.example-block { background: var(--mint); }
.example-block .quote-mark { font-family: var(--serif); font-size: 5.2rem; line-height: .9; color: var(--teal-700); }
.example-block h2, .clinical-block h2 { margin-bottom: 0.5rem; font-family: var(--sans); font-size: 1.2rem; text-transform: uppercase; letter-spacing: .09em; }
.example-block p, .clinical-block p { margin: 0; color: var(--ink-soft); }
.example-block p { font-family: var(--serif); font-size: 1.9rem; font-style: italic; }
.clinical-block { border: 0.1rem solid #f0d9aa; background: color-mix(in srgb, #f5dfb0 26%, var(--paper)); }
.clinical-icon { width: 3.2rem; height: 3.2rem; flex: 0 0 auto; display: grid; place-items: center; border-radius: 50%; color: #7d5b1d; background: #f4d38e; font-weight: 700; }
.term-sidebar { align-self: start; display: grid; gap: 1.8rem; }
.contents-card, .help-card { padding: 2.3rem; border: 0.1rem solid var(--line); border-radius: var(--radius); background: var(--paper); }
.contents-card .eyebrow { margin-bottom: 1.2rem; }
.contents-card a { display: block; padding: 0.8rem 0; color: var(--ink-soft); border-bottom: 0.1rem solid var(--line); font-size: 1.3rem; }
.contents-card a:last-child { border: 0; }
.contents-card a:hover { color: var(--teal-700); }
.help-card { background: var(--mint); }
.help-card > span { width: 3.1rem; height: 3.1rem; display: grid; place-items: center; border-radius: 50%; color: #fff; background: var(--teal-700); font-family: var(--serif); }
.help-card h2 { margin: 1.2rem 0 0.7rem; font-family: var(--sans); font-size: 1.6rem; }
.help-card p { margin: 0; color: var(--ink-soft); font-size: 1.2rem; }
.related-section { border-top: 0.1rem solid var(--line); background: var(--paper); }

/* Playbook building blocks */
.word-builder-section { padding: 0; }
.builder-demo { position: relative; margin-top: -5.5rem; display: grid; grid-template-columns: 1fr auto 1fr auto 1fr auto 1.4fr; align-items: center; gap: 1.2rem; padding: 2.3rem; border: 0.1rem solid var(--line); border-radius: var(--radius-lg); background: var(--paper); box-shadow: var(--shadow-md); }
.builder-demo > div { min-height: 10.5rem; display: flex; flex-direction: column; justify-content: center; padding: 1.7rem; border-radius: 1.4rem; background: var(--mint); }
.builder-demo .builder-result { color: #fff; background: var(--teal-800); }
.builder-demo strong { font-family: var(--serif); font-size: 2.5rem; }
.builder-demo small { color: var(--ink-soft); }
.builder-result small { color: rgba(255,255,255,.75); }
.part-label { margin-bottom: 0.3rem; color: var(--teal-700); font-size: 0.9rem; font-weight: 700; letter-spacing: .1em; text-transform: uppercase; }
.builder-result .part-label { color: #bce7df; }
.word-table-section { padding-top: 7rem; }
.word-group { margin-bottom: 7.5rem; }
.word-group-heading { display: grid; grid-template-columns: 1fr 1fr; align-items: end; gap: 5rem; margin-bottom: 2.2rem; }
.word-group-heading h2 { margin: 0; font-size: 4.1rem; }
.word-group-heading > p { margin: 0; color: var(--ink-soft); }
.word-table-row { display: grid; grid-template-columns: .65fr 1fr 1.25fr; gap: 2rem; align-items: center; min-height: 5.7rem; padding: 1rem 2.2rem; border-bottom: 0.1rem solid var(--line); }
.word-table-row > * { min-width: 0; overflow-wrap: anywhere; }
.word-table-row:last-child { border: 0; }
.word-table-row:nth-child(odd):not(.header) { background: color-mix(in srgb, var(--mint) 48%, transparent); }
.word-table-row.header { min-height: 4.2rem; color: var(--ink-soft); background: var(--mint); font-size: 1rem; font-weight: 700; letter-spacing: .09em; text-transform: uppercase; }
.word-table-row strong { color: var(--teal-700); font-family: var(--serif); font-size: 2rem; }
.word-table-row em { color: var(--ink-soft); font-family: var(--serif); }

/* About */
.about-hero { background: linear-gradient(145deg, var(--mint), color-mix(in srgb, var(--mint) 80%, #f4e8dc)); }
.prose-layout { display: grid; grid-template-columns: 22rem minmax(0, 73rem); justify-content: center; gap: 9rem; }
.prose-layout aside { align-self: start; position: sticky; top: 10.5rem; display: grid; }
.prose-layout aside a { padding: 1rem 0; border-bottom: 0.1rem solid var(--line); color: var(--ink-soft); font-size: 1.3rem; }
.prose-layout aside a:hover { color: var(--teal-700); }
.prose section { padding-bottom: 4.5rem; margin-bottom: 4.5rem; border-bottom: 0.1rem solid var(--line); scroll-margin-top: 11rem; }
.prose section:last-child { margin-bottom: 0; border: 0; }
.prose h2 { font-size: 3.9rem; }
.prose p { color: var(--ink-soft); font-size: 1.7rem; }
.principle-grid { display: grid; grid-template-columns: repeat(3, 1fr); gap: 1.2rem; margin: 2.8rem 0; }
.principle-grid div { padding: 1.8rem; border: 0.1rem solid var(--line); border-radius: 1.3rem; background: var(--paper); }
.principle-grid strong, .principle-grid span { display: block; }
.principle-grid strong { color: var(--teal-700); font-family: var(--serif); font-size: 2.2rem; }
.principle-grid span { color: var(--ink-soft); font-size: 1.1rem; }
.contact-form { position: relative; margin-top: 2.8rem; padding: 2.6rem; border: 0.1rem solid var(--line); border-radius: var(--radius-lg); background: var(--cream); }
.contact-form-grid { display: grid; grid-template-columns: 1fr 1fr; gap: 1.7rem; }
.contact-form label { display: grid; gap: 0.7rem; }
.contact-form label > span { color: var(--ink); font-size: 1.2rem; font-weight: 700; }
.contact-form label small { color: var(--ink-soft); font-size: 1rem; font-weight: 500; }
.contact-form input, .contact-form select, .contact-form textarea { width: 100%; border: 0.1rem solid var(--line-strong); border-radius: 0.9rem; outline: 0; color: var(--ink); background: var(--paper); font: inherit; font-size: 1.4rem; }
.contact-form input, .contact-form select { height: 4.7rem; padding: 0 1.2rem; }
.contact-form textarea { min-height: 15rem; padding: 1.2rem; resize: vertical; line-height: 1.55; }
.contact-form input:focus, .contact-form select:focus, .contact-form textarea:focus { border-color: var(--teal-700); box-shadow: 0 0 0 0.3rem color-mix(in srgb, var(--teal-700) 12%, transparent); }
.contact-form-message { grid-column: 1 / -1; }
.contact-form .cf-turnstile { min-height: 6.5rem; margin-top: 1.8rem; }
.contact-form-actions { display: flex; align-items: center; gap: 1.5rem; margin-top: 1.5rem; }
.contact-form-actions button:disabled { cursor: wait; opacity: .65; }
.contact-form-actions .contact-status { min-height: 2rem; margin: 0; color: var(--teal-700); font-size: 1.2rem; }
.contact-form-actions .contact-status.is-error { color: #b74332; }
.contact-honeypot { position: absolute; width: 0.1rem; height: 0.1rem; overflow: hidden; clip-path: inset(50%); white-space: nowrap; }

/* Policy and legal pages */
.legal-hero { padding-bottom: 6.6rem; }
.legal-hero .policy-date { display: inline-block; margin-top: 2.2rem; padding: 0.6rem 1.1rem; border: 0.1rem solid var(--line-strong); border-radius: 2rem; color: var(--ink-soft); background: color-mix(in srgb, var(--paper) 65%, transparent); font-size: 1.1rem; font-weight: 600; }
.disclaimer-hero { background: color-mix(in srgb, #f1dca8 18%, var(--mint)); }
.legal-section { background: var(--paper); }
.legal-layout { display: grid; grid-template-columns: 22.5rem minmax(0, 76rem); justify-content: center; gap: 8.2rem; }
.legal-nav { align-self: start; position: sticky; top: 10.5rem; display: grid; padding: 2rem; border: 0.1rem solid var(--line); border-radius: var(--radius); background: var(--cream); }
.legal-nav .eyebrow { margin: 0 0 0.8rem; }
.legal-nav a { padding: 0.9rem 0; border-bottom: 0.1rem solid var(--line); color: var(--ink-soft); font-size: 1.2rem; }
.legal-nav a:last-child { border: 0; }
.legal-nav a:hover { color: var(--teal-700); }
.legal-content > section { padding-bottom: 3.8rem; margin-bottom: 3.8rem; border-bottom: 0.1rem solid var(--line); scroll-margin-top: 11rem; }
.legal-content > section:last-child { padding-bottom: 0; margin-bottom: 0; border-bottom: 0; }
.legal-content h2 { margin-bottom: 1.4rem; font-size: 3.4rem; letter-spacing: -.015em; }
.legal-content h3 { margin: 2.7rem 0 0.8rem; font-family: var(--sans); font-size: 1.7rem; }
.legal-content p, .legal-content li { color: var(--ink-soft); font-size: 1.6rem; }
.legal-content p { margin-bottom: 1.7rem; }
.legal-content ul { margin: 0.4rem 0 1.8rem; padding-left: 2.2rem; }
.legal-content li { margin-bottom: 0.7rem; padding-left: 0.4rem; }
.legal-content a { color: var(--teal-700); font-weight: 600; text-decoration: underline; text-underline-offset: 0.3rem; }
.legal-callout { display: flex; gap: 1.8rem; margin-bottom: 4.2rem; padding: 2.5rem; border: 0.1rem solid #e4c77f; border-radius: var(--radius); background: color-mix(in srgb, #f2d58f 20%, var(--paper)); }
.legal-callout > span { width: 3.6rem; height: 3.6rem; flex: 0 0 auto; display: grid; place-items: center; border-radius: 50%; color: #fff; background: #a66b29; font-weight: 800; }
.legal-callout h2 { margin: 0 0 0.5rem; font-family: var(--sans); font-size: 1.8rem; }
.legal-callout p { margin: 0; font-size: 1.4rem; }

/* Error */
.error-page { min-height: 65rem; display: grid; place-items: center; padding: 8rem 0; text-align: center; background: var(--mint); }
.error-page .container { position: relative; }
.error-code { position: absolute; z-index: 0; left: 50%; top: -10rem; transform: translateX(-50%); color: color-mix(in srgb, var(--teal-700) 8%, transparent); font-family: var(--serif); font-size: 23rem; font-weight: 600; line-height: 1; }
.error-page h1, .error-page p, .error-page form, .error-page a { position: relative; z-index: 1; }
.error-page h1 { font-size: 5.7rem; }
.error-page > .container > p:not(.eyebrow) { color: var(--ink-soft); }
.error-page .search-box { margin: 2.6rem auto 1.8rem; }

/* Footer */
.disclaimer { border-top: 0.1rem solid var(--line); border-bottom: 0.1rem solid var(--line); background: color-mix(in srgb, #f1dca8 17%, var(--paper)); }
.disclaimer-inner { display: flex; align-items: center; gap: 1.3rem; padding-top: 1.9rem; padding-bottom: 1.9rem; }
.disclaimer-icon { width: 2.8rem; height: 2.8rem; flex: 0 0 auto; display: grid; place-items: center; border-radius: 50%; color: #805e20; background: #f2d58f; font-family: var(--serif); font-weight: 600; }
.disclaimer p { margin: 0; color: var(--ink-soft); font-size: 1.1rem; }
.disclaimer strong { color: var(--ink); }
.site-footer { padding: 5.5rem 0 2.2rem; background: #092f32; color: #b8d0ce; }
.footer-grid { display: grid; grid-template-columns: 1.35fr .65fr .75fr 1.45fr; gap: 5.5rem; padding-bottom: 4.5rem; }
.footer-brand { color: #edf7f5; }
.footer-brand .brand-mark { background: rgba(255,255,255,.1); }
.footer-brand .brand-name span { color: #9fbdb9; }
.footer-intro { max-width: 28rem; margin-top: 1.7rem; font-size: 1.3rem; }
.footer-grid h2 { margin: 0.5rem 0 1.4rem; color: #edf7f5; font-family: var(--sans); font-size: 1.2rem; letter-spacing: .08em; text-transform: uppercase; }
.footer-grid > div > a:not(.brand) { display: block; margin: 0.7rem 0; color: #aec6c3; font-size: 1.2rem; }
.footer-grid > div > a:hover { color: #fff; }
.footer-note > p { max-width: 34rem; margin: 0 0 1.3rem; font-size: 1.2rem; }
.newsletter-form { position: relative; max-width: 34rem; }
.newsletter-email-row { display: grid; grid-template-columns: minmax(0, 1fr) auto; }
.newsletter-email-row input { min-width: 0; height: 4.4rem; padding: 0 1.2rem; border: 0.1rem solid rgba(255,255,255,.2); border-right: 0; border-radius: 0.8rem 0 0 0.8rem; color: #fff; background: rgba(255,255,255,.08); font: inherit; font-size: 1.3rem; }
.newsletter-email-row input::placeholder { color: #9893aa; }
.newsletter-email-row input:focus { z-index: 1; outline: 0.2rem solid #c6f36b; outline-offset: 0.1rem; }
.newsletter-email-row button { min-height: 4.4rem; padding: 0 1.3rem; border: 0; border-radius: 0 0.8rem 0.8rem 0; color: #17152f; background: #c6f36b; font-size: 1.2rem; font-weight: 800; cursor: pointer; }
.newsletter-email-row button:hover { background: #d9ff8c; }
.newsletter-email-row button:focus-visible { outline: 0.2rem solid #fff; outline-offset: 0.2rem; }
.newsletter-email-row button:disabled { cursor: wait; opacity: .65; }
.newsletter-form .cf-turnstile { min-height: 6.5rem; margin-top: 1.2rem; }
.newsletter-form .newsletter-privacy { margin: 0.9rem 0 0; color: #8f89a6; font-size: 1rem; line-height: 1.5; }
.newsletter-privacy a { color: #dfff9f; text-decoration: underline; text-underline-offset: 0.2rem; }
.newsletter-status { min-height: 1.8rem; margin: 0.5rem 0 0; color: #dfff9f; font-size: 1.1rem; }
.newsletter-status.is-error { color: #ffb4a8; }
.newsletter-honeypot { position: absolute; width: 0.1rem; height: 0.1rem; overflow: hidden; clip-path: inset(50%); white-space: nowrap; }
.footer-disclosures { display: grid; grid-template-columns: 1.4fr 1fr; gap: 3rem; padding-top: 2rem; padding-bottom: 2rem; border-top: 0.1rem solid rgba(255,255,255,.1); border-bottom: 0.1rem solid rgba(255,255,255,.1); }
.footer-disclosure-item { display: flex; align-items: flex-start; gap: 1.2rem; }
.footer-disclosure-icon { width: 2.7rem; height: 2.7rem; flex: 0 0 auto; display: grid; place-items: center; border-radius: 50%; color: #17152f; background: #c6f36b; font-family: var(--serif); font-size: 1.2rem; font-weight: 800; box-shadow: 0 0 0 0.4rem rgba(198,243,107,.08); }
.footer-disclosure-icon--affiliate { color: #fff; background: #6c5ce7; box-shadow: 0 0 0 0.4rem rgba(108,92,231,.12); }
.footer-disclosure-item p { margin: 0; color: #c9c5d9; font-size: 1.1rem; line-height: 1.65; }
.footer-disclosure-item strong { color: #fff; }
.footer-disclosure-item a { color: #dfff9f; font-weight: 700; text-decoration: underline; text-underline-offset: 0.2rem; }
.footer-disclosure-item a:hover { color: #fff; }
.footer-bottom { display: grid; grid-template-columns: 1fr auto; gap: 2.4rem; align-items: center; padding-top: 2rem; color: #8f89a6; font-size: 1rem; }
.footer-bottom > *:last-child { justify-self: end; }
.footer-bottom-right { display: flex; align-items: center; justify-content: flex-end; gap: 2rem; }
.footer-legal { display: flex; align-items: center; justify-content: center; gap: 1.8rem; }
.footer-legal a:hover { color: #fff; text-decoration: underline; text-underline-offset: 0.3rem; }
.toast { position: fixed; z-index: 200; left: 50%; bottom: 2.8rem; transform: translate(-50%, 3rem); padding: 1.1rem 1.7rem; border-radius: 1rem; color: #fff; background: #173638; box-shadow: var(--shadow-md); font-size: 1.3rem; opacity: 0; pointer-events: none; transition: .25s ease; }
.toast.show { opacity: 1; transform: translate(-50%, 0); }

/* Responsive */
@media (max-width: 1050px) {
    .header-inner { gap: 1.8rem; }
    .brand-name { display: none; }
    .site-nav > a { padding: 0 1rem; }
    .hero-grid { grid-template-columns: 1fr .72fr; gap: 2rem; }
    .hero-visual { transform: scale(.85); transform-origin: center; }
    .category-grid { grid-template-columns: repeat(2, 1fr); }
    .term-grid { grid-template-columns: repeat(2, 1fr); }
    .learning-grid { gap: 4.5rem; }
    .word-equation { flex-wrap: wrap; }
    .footer-grid { gap: 3rem; }
}

@media (max-width: 780px) {
    .container { width: min(calc(100% - 2.8rem), var(--container)); }
    body.menu-open { overflow: hidden; }
    .site-header { height: calc(6.8rem + env(safe-area-inset-top)); padding-top: env(safe-area-inset-top); }
    .header-inner { height: 6.8rem; }
    .brand-name { display: flex; }
    .menu-toggle { display: grid; }
    .header-actions { border: 0; padding: 0; }
    .icon-button { width: 4.4rem; height: 4.4rem; }
    .site-nav { position: fixed; top: calc(6.8rem + env(safe-area-inset-top)); left: 0; right: 0; display: none; flex-direction: column; align-items: stretch; gap: 0.3rem; max-height: calc(100vh - 6.8rem - env(safe-area-inset-top)); max-height: calc(100dvh - 6.8rem - env(safe-area-inset-top)); overflow-y: auto; overscroll-behavior: contain; padding: 1.2rem 1.4rem calc(1.8rem + env(safe-area-inset-bottom)); border-bottom: 0.1rem solid var(--line); background: var(--paper); box-shadow: var(--shadow-md); }
    .site-nav.open { display: flex; }
    .site-nav > a { min-height: 4.8rem; justify-content: flex-start; padding: 0 1.5rem; }
    .hero { min-height: auto; }
    .hero-grid { grid-template-columns: 1fr; min-height: auto; padding-top: 7rem; padding-bottom: 7rem; }
    .hero h1 { font-size: clamp(4.5rem, 13vw, 6.1rem); }
    .hero-visual { display: none; }
    .hero-wave { display: none; }
    .search-box > button { padding: 0 1.5rem; }
    .search-box--page, .search-box--large { width: 100%; }
    .autocomplete { max-height: min(39rem, 55dvh); overflow-y: auto; overscroll-behavior: contain; }
    .autocomplete-item { min-height: 5.8rem; padding: 1.1rem 1.2rem; }
    .key-hint { display: none; }
    .section { padding: 6.2rem 0; }
    .section-heading, .section-heading.compact { display: block; margin-bottom: 2.7rem; }
    .section-heading h2 { font-size: 3.8rem; margin-bottom: 1.2rem; }
    .section-heading .text-link { margin-top: 1rem; }
    .alphabet-section { padding: 4.2rem 0; }
    .alphabet { grid-template-columns: repeat(9, 1fr); gap: 0.6rem; }
    .alphabet a:first-child { aspect-ratio: 1; }
    .category-grid, .topic-list-grid { grid-template-columns: 1fr; }
    .daily-card { grid-template-columns: 1fr; }
    .daily-art { display: none; }
    .daily-copy { padding: 4.7rem 3rem; }
    .daily-copy h2 { font-size: 4.6rem; }
    .learning-grid { grid-template-columns: 1fr; }
    .learning-copy h2 { font-size: 4rem; }
    .term-grid { grid-template-columns: 1fr; }
    .term-card > p:not(.pronunciation) { min-height: 0; }
    .term-list-item { gap: 1.4rem; padding: 1.8rem 0; align-items: start; }
    .term-list-content { display: block; }
    .term-list-title h3 { padding-right: 0.4rem; font-size: 2.3rem; }
    .term-list-content > p { margin-top: 0.8rem; }
    .term-list-meta { margin-top: 1rem; }
    .save-button { width: 4rem; height: 4rem; }
    .page-hero { padding: 5.8rem 0; }
    .page-hero h1, .page-hero--small h1 { font-size: 4.5rem; }
    .page-hero p:not(.eyebrow) { font-size: 1.6rem; }
    .listing-tools { display: block; }
    .search-box--compact { width: 100%; margin-top: 1.8rem; }
    .category-page-layout { grid-template-columns: 1fr; gap: 3.8rem; }
    .category-results { order: 1; }
    .glossary-sidebar { position: static; order: 2; }
    .glossary-sidebar-inner { padding: 3rem 0 0; border-top: 0.1rem solid var(--line-strong); border-left: 0; }
    .search-box--sidebar { margin-bottom: 2rem; }
    .sidebar-partner-banner { display: grid; grid-template-columns: minmax(18rem, .42fr) minmax(0, 1fr); }
    .sidebar-partner-art { min-height: 100%; border-right: 0.1rem solid rgba(135,135,135,.32); border-bottom: 0; }
    .sidebar-partner-orbit { top: 50%; transform: translate(-50%, -50%); }
    .sidebar-partner-mark { top: 50%; transform: translate(-50%, -50%) rotate(-4deg); }
    .sidebar-partner-signal--seo { left: 1rem; top: 13%; }
    .sidebar-partner-signal--brains { right: 0.5rem; top: 13%; }
    .sidebar-partner-signal--writing { left: 0.5rem; top: 44%; }
    .sidebar-partner-signal--social { right: 0.5rem; top: 44%; }
    .sidebar-partner-signal--schedule { left: 1rem; top: auto; bottom: 12%; }
    .sidebar-partner-signal--ads { right: 1.8rem; top: auto; bottom: 12%; }
    .sidebar-partner-copy { padding: 2.2rem; }
    .sidebar-topic-list { grid-template-columns: 1fr 1fr; gap: 0 1.2rem; }
    .sidebar-shortcuts { grid-template-columns: 1fr 1fr; gap: 1.2rem; }
    .ad-placement--vertical { min-height: 12rem; }
    .pagination { grid-template-columns: auto 1fr auto; gap: 1rem; }
    .pagination-links { gap: 0.4rem; }
    .topic-hero-inner { grid-template-columns: auto 1fr; }
    .topic-total { grid-column: 1 / -1; justify-self: start; }
    .topic-hero h1 { font-size: 3.9rem; }
    .hero-category-icon { width: 6.5rem; height: 6.5rem; }
    .term-hero { padding: 2.7rem 0 4.3rem; }
    .term-title-row { align-items: start; flex-direction: column; margin-top: 3rem; }
    .term-title-row h1 { font-size: 5.4rem; }
    .term-actions { width: 100%; }
    .action-button { flex: 1; flex-direction: row; height: 4.5rem; }
    .term-layout { grid-template-columns: 1fr; gap: 3.8rem; padding-top: 4.8rem; }
    .term-sidebar { grid-template-columns: 1fr 1fr; }
    .term-sidebar .sidebar-partner-banner { grid-column: 1 / -1; }
    .lead-definition { font-size: 2.4rem; }
    .quiz-options button { min-height: 4.8rem; }
    .builder-demo { grid-template-columns: 1fr; }
    .builder-demo > b { text-align: center; }
    .word-group-heading { grid-template-columns: 1fr; gap: 0.8rem; }
    .word-table-row { grid-template-columns: .75fr 1fr; }
    .word-table-row > *:last-child { grid-column: 1 / -1; }
    .word-table-row.header > *:last-child { display: none; }
    .prose-layout { grid-template-columns: 1fr; gap: 3.5rem; }
    .prose-layout aside { position: static; grid-template-columns: 1fr 1fr; }
    .legal-layout { grid-template-columns: 1fr; gap: 3.5rem; }
    .legal-nav { position: static; grid-template-columns: 1fr 1fr; }
    .legal-nav .eyebrow { grid-column: 1 / -1; }
    .legal-nav a { min-height: 4.4rem; display: flex; align-items: center; }
    .footer-grid { grid-template-columns: 1fr 1fr; }
    .footer-disclosures { grid-template-columns: 1fr; gap: 1.7rem; }
    .toast { bottom: calc(2rem + env(safe-area-inset-bottom)); width: max-content; max-width: calc(100% - 2.8rem); text-align: center; }
}

@media (max-width: 520px) {
    .brand-name strong { font-size: 1.8rem; }
    .brand-name span { font-size: 1rem; }
    .brand-mark { width: 3.6rem; height: 3.6rem; }
    .hero-grid { padding-top: 5rem; padding-bottom: 5.5rem; }
    .hero h1 { font-size: 4.2rem; }
    .hero-lead { font-size: 1.6rem; }
    .search-box .search-icon { margin-right: 0.7rem; }
    .search-box > button { width: 4.6rem; padding: 0; font-size: 0; }
    .search-box > button::after { content: "→"; font-size: 1.8rem; }
    .category-grid { grid-template-columns: 1fr; }
    .alphabet { grid-template-columns: repeat(7, 1fr); }
    .page-hero h1, .page-hero--small h1 { font-size: 4rem; }
    .page-hero--small { padding: 4.6rem 0; }
    .section { padding: 5.4rem 0; }
    .word-equation { display: grid; grid-template-columns: 1fr; gap: 0.8rem; }
    .word-equation > span { min-width: 0; width: 100%; }
    .word-equation > b { display: none; }
    .topic-panel { grid-template-columns: auto 1fr; padding: 2.2rem; }
    .topic-panel .round-arrow { display: none; }
    .sidebar-topic-list, .sidebar-shortcuts { grid-template-columns: 1fr; }
    .sidebar-partner-banner { display: block; }
    .sidebar-partner-art { min-height: 14.4rem; border-right: 0; border-bottom: 0.1rem solid rgba(135,135,135,.32); }
    .sidebar-partner-orbit { top: 2.2rem; transform: translateX(-50%); }
    .sidebar-partner-mark { top: 4rem; transform: translateX(-50%) rotate(-4deg); }
    .sidebar-partner-signal--seo { left: 1.8rem; top: 1.7rem; }
    .sidebar-partner-signal--brains { right: 1rem; top: 1.7rem; }
    .sidebar-partner-signal--writing { left: 1rem; top: 6.5rem; }
    .sidebar-partner-signal--social { right: 1rem; top: 6.5rem; }
    .sidebar-partner-signal--schedule { left: 2rem; top: auto; bottom: 1.3rem; }
    .sidebar-partner-signal--ads { right: 3rem; top: auto; bottom: 1.3rem; }
    .pagination-ellipsis, .page-number:not(.pagination-window) { display: none; }
    .page-direction { font-size: 0; }
    .page-direction span { font-size: 1.7rem; }
    .page-number { min-width: 3.8rem; height: 3.8rem; }
    .topic-hero-inner { display: block; }
    .hero-category-icon { margin-bottom: 1.8rem; }
    .topic-total { display: inline-block; margin-top: 1.8rem; }
    .term-meta { flex-wrap: wrap; }
    .term-meta .speak-button { margin-left: 0; }
    .term-title-row h1 { font-size: 4.4rem; overflow-wrap: anywhere; }
    .term-actions { gap: 0.6rem; }
    .action-button { min-width: 0; padding: 0 0.8rem; }
    .term-sidebar { grid-template-columns: 1fr; }
    .example-block, .clinical-block { padding: 2.1rem; }
    .principle-grid { grid-template-columns: 1fr; }
    .contact-form { padding: 2rem; }
    .contact-form-grid { grid-template-columns: 1fr; }
    .contact-form-message { grid-column: auto; }
    .contact-form-actions { align-items: flex-start; flex-direction: column; }
    .prose-layout aside { grid-template-columns: 1fr; }
    .legal-nav { grid-template-columns: 1fr; }
    .legal-nav .eyebrow { grid-column: auto; }
    .legal-callout { padding: 2rem; }
    .footer-grid { grid-template-columns: 1fr; }
    .footer-bottom { display: flex; gap: 1.5rem; align-items: flex-start; flex-direction: column; }
    .footer-bottom > *:last-child { justify-self: auto; }
    .footer-bottom-right { align-items: flex-start; justify-content: flex-start; flex-wrap: wrap; gap: 1rem 1.8rem; }
    .footer-legal { justify-content: flex-start; gap: 1.6rem; }
}

@media (max-width: 380px) {
    .container { width: min(calc(100% - 2.2rem), var(--container)); }
    .brand { gap: 0.7rem; }
    .brand-name strong { font-size: 1.6rem; }
    .brand-name span { display: none; }
    .header-inner { gap: 0.5rem; }
    .menu-toggle { margin-left: auto; }
    .hero h1 { font-size: 3.8rem; }
    .hero-lead { font-size: 1.5rem; }
    .popular-searches { gap: 0.6rem; }
    .alphabet { grid-template-columns: repeat(6, 1fr); }
    .page-hero h1, .page-hero--small h1 { font-size: 3.6rem; }
    .daily-copy { padding: 4.2rem 2.2rem; }
    .daily-copy h2 { font-size: 4rem; }
    .term-title-row h1 { font-size: 3.9rem; }
    .term-meta .dot { display: none; }
    .term-meta { column-gap: 1rem; }
    .lead-definition { font-size: 2.2rem; }
    .example-block, .clinical-block, .legal-callout { gap: 1.3rem; }
}

@media print {
    .site-header, .site-footer, .disclaimer, .term-actions, .speak-button, .term-sidebar, .related-section, .toast { display: none !important; }
    body { background: #fff; color: #111; }
    .term-hero { padding: 2rem 0; background: #fff; }
    .term-layout { display: block; padding: 3rem 0; }
    .term-content { max-width: none; }
}

@media (prefers-reduced-motion: reduce) {
    *, *::before, *::after { scroll-behavior: auto !important; transition-duration: .01ms !important; animation-duration: .01ms !important; animation-iteration-count: 1 !important; }
}

/* Digital Marketing Glossary visual system */
.brand-mark { border-radius: 1.1rem; background: linear-gradient(145deg, #745fff, #4932c4); box-shadow: 0 0.8rem 2.2rem rgba(89,69,219,.25); }
.brand-mark svg { width: 3rem; stroke-width: 1.8; }
.brand-monogram { color: #fff; font-family: var(--serif); font-size: 1.3rem; font-weight: 700; letter-spacing: -.07em; line-height: 1; transform: translateX(-0.05rem); }
.brand-name strong { font-family: var(--serif); font-size: 1.8rem; letter-spacing: -.035em; }
.site-nav > a:hover, .site-nav > a.active { background: var(--mint); color: var(--teal-800); }
.button-primary, .search-box > button { background: var(--teal-800); box-shadow: 0 0.9rem 2.2rem rgba(89,69,219,.2); }
.button-primary:hover { background: #4531bd; }

.marketing-hero { min-height: 65rem; color: #fff; background: #17152f; }
.marketing-hero::before { width: 72rem; height: 72rem; left: auto; right: -24rem; top: -36rem; border-color: rgba(198,243,107,.13); box-shadow: 0 0 0 6.8rem rgba(108,92,231,.05), 0 0 0 14.5rem rgba(255,107,74,.035); }
.marketing-hero::after { content: ""; position: absolute; inset: 0; pointer-events: none; opacity: .24; background-image: linear-gradient(rgba(255,255,255,.055) 0.1rem, transparent 0.1rem), linear-gradient(90deg, rgba(255,255,255,.055) 0.1rem, transparent 0.1rem); background-size: 5.4rem 5.4rem; mask-image: linear-gradient(to right, transparent 3%, #000 48%, #000); }
.marketing-hero .hero-grid { min-height: 65rem; }
.marketing-hero h1, .marketing-hero h2 { color: #fff; }
.marketing-hero h1 { font-size: clamp(5.2rem, 6vw, 8.2rem); line-height: .98; }
.marketing-hero h1 em { color: #c6f36b; font-style: normal; position: relative; }
.marketing-hero .hero-lead { color: #c0bbd6; }
.marketing-hero .kicker { color: #d7d1ff; }
.marketing-hero .kicker span { background: #c6f36b; }
.marketing-hero .popular-searches span { color: #908aa9; }
.marketing-hero .popular-searches a { color: #d7d1ff; border-color: #46415f; background: rgba(255,255,255,.04); }
.marketing-hero .popular-searches a:hover { background: rgba(255,255,255,.1); }
.marketing-hero .search-box { border-color: rgba(255,255,255,.1); box-shadow: 0 2rem 5.5rem rgba(0,0,0,.28); }

.signal-board { min-height: 49rem; }
.signal-glow { position: absolute; inset: 18% 4% 6%; border-radius: 50%; background: radial-gradient(circle, rgba(108,92,231,.48), transparent 68%); filter: blur(2.5rem); }
.signal-window { position: absolute; z-index: 2; width: 39rem; max-width: 92%; left: 50%; top: 53%; transform: translate(-50%,-50%) rotate(1.5deg); padding: 1.8rem; overflow: hidden; border: 0.1rem solid rgba(255,255,255,.14); border-radius: 2.2rem; background: rgba(33,29,65,.9); box-shadow: 0 3.4rem 9rem rgba(0,0,0,.42); backdrop-filter: blur(1.8rem); }
.signal-window::after { content: ""; position: absolute; width: 17rem; height: 17rem; right: -8rem; bottom: -9rem; border-radius: 50%; background: rgba(198,243,107,.08); }
.signal-window-top { display: flex; align-items: center; gap: 0.6rem; padding-bottom: 1.5rem; border-bottom: 0.1rem solid rgba(255,255,255,.08); }
.signal-window-top span { width: 0.7rem; height: 0.7rem; border-radius: 50%; background: #ff6b4a; }
.signal-window-top span:nth-child(2) { background: #f3a712; }
.signal-window-top span:nth-child(3) { background: #c6f36b; }
.signal-window-top b { margin-left: auto; color: #85809d; font-size: 0.9rem; letter-spacing: .13em; text-transform: uppercase; }
.signal-metric { padding-top: 1.8rem; }
.signal-metric small { display: block; color: #9e98b8; font-size: 1.1rem; }
.signal-metric strong { color: #fff; font-family: var(--serif); font-size: 4.7rem; letter-spacing: -.05em; }
.signal-metric span { margin-left: 1rem; color: #c6f36b; font-size: 1.1rem; font-weight: 800; }
.signal-chart { height: 12.5rem; display: flex; align-items: end; gap: 1rem; padding: 1.5rem 0.2rem 1.2rem; border-bottom: 0.1rem solid rgba(255,255,255,.08); }
.signal-chart span { flex: 1; height: var(--h); border-radius: 0.6rem 0.6rem 0.2rem 0.2rem; background: linear-gradient(#8876ff, #5844d8); box-shadow: 0 0 2rem rgba(108,92,231,.22); }
.signal-chart span:last-child { background: linear-gradient(#d6ff85, #8eb93b); }
.signal-row { display: grid; grid-template-columns: repeat(3,1fr); gap: 0.8rem; padding-top: 1.5rem; }
.signal-row div { padding: 1rem; border-radius: 1rem; background: rgba(255,255,255,.04); }
.signal-row small { display: block; color: #8e88a7; font-size: 0.9rem; }
.signal-row strong { color: #fff; font-size: 1.4rem; }
.signal-chip { position: absolute; z-index: 3; display: flex; align-items: center; gap: 0.8rem; padding: 0.9rem 1.3rem 0.9rem 0.9rem; border: 0.1rem solid rgba(255,255,255,.12); border-radius: 3rem; color: #fff; background: rgba(34,29,65,.88); box-shadow: 0 1.5rem 3.5rem rgba(0,0,0,.26); font-size: 1.1rem; font-weight: 800; backdrop-filter: blur(1.2rem); transition: .2s ease; }
.signal-chip:hover { transform: translateY(-0.3rem); border-color: rgba(198,243,107,.5); }
.signal-chip .icon { width: 2.8rem; height: 2.8rem; padding: 0.5rem; border-radius: 50%; color: #17152f; background: #c6f36b; }
.signal-chip-seo { left: -0.3rem; top: 8rem; }
.signal-chip-paid { right: -0.8rem; top: 15.4rem; }
.signal-chip-paid .icon { background: #ff7b5e; }
.signal-chip-data { left: 1.5rem; bottom: 6.5rem; }
.signal-chip-data .icon { background: #8d7aff; }
.marketing-hero .visual-note { z-index: 4; right: 0.3rem; bottom: 2.4rem; color: #17152f; background: #c6f36b; }
.marketing-hero .visual-note span { border-color: rgba(23,21,47,.2); }

.hero-wave { display: none; }
.category-card { border-radius: 1.6rem; box-shadow: none; }
.category-card:hover { transform: translateY(-0.5rem) rotate(-.25deg); }
.category-icon { border-radius: 1.3rem; }
.term-card { border-radius: 1.6rem; box-shadow: none; }
.term-card h3 { font-size: 2.5rem; }
.daily-card { color: #fff; background: linear-gradient(125deg, #322876, #17152f 68%); box-shadow: 0 2.5rem 6.5rem rgba(42,30,108,.24); }
.daily-card::after { border-color: rgba(198,243,107,.18); }
.daily-letter { font-family: var(--serif); color: #c6f36b; border-color: rgba(198,243,107,.4); }
.pulse-one { background: #c6f36b; }
.pulse-two { background: #ff6b4a; }
.daily-pronunciation { color: #c6f36b; font-weight: 700; }
.learning-section { background: linear-gradient(135deg, #f0efff, #fff 55%, #f8f7ff); }
[data-theme="dark"] .learning-section { background: linear-gradient(135deg, #211b43, #121024); }
.quiz-card { border-color: #332b6d; background: #17152f; box-shadow: 1.4rem 1.4rem 0 #c6f36b; }
.quiz-options button:hover { border-color: #c6f36b; }
.quiz-options button.correct { border-color: #c6f36b; background: rgba(198,243,107,.15); }
.page-hero { background: radial-gradient(circle at 78% 25%, rgba(108,92,231,.16), transparent 28%), var(--mint); }
.term-hero { background: linear-gradient(125deg, color-mix(in srgb, var(--category-color) 10%, var(--paper)), var(--mint)); }
.definition-label span { color: var(--teal-700); }
.impact-block { border-left: 0.4rem solid var(--category-color, var(--teal-700)); padding-left: 2.4rem; }
.clinical-icon { background: var(--coral); }
.help-card { background: #17152f; }
.help-card span { color: #17152f; background: #c6f36b; }
.help-card h2 { color: #fff; }
.help-card p { color: #d5d1e2; }
.site-footer { background: #121024; }
.disclaimer { border-color: #3c3563; background: #211b43; }
.disclaimer p { color: #d9d5e8; font-size: 1.2rem; line-height: 1.6; }
.disclaimer strong { color: #fff; }
.disclaimer-icon { color: #17152f; background: #c6f36b; box-shadow: 0 0 0 0.4rem rgba(198,243,107,.1); }
.playbook-grid { grid-template-columns: repeat(2,1fr); }
.playbook-panel { min-height: 17.5rem; }
.playbook-panel .category-icon strong { font-family: var(--serif); font-size: 2rem; }
.word-table { overflow: hidden; border: 0.1rem solid var(--line); border-radius: var(--radius); background: var(--paper); }
.builder-demo > span { min-height: 10.5rem; display: flex; flex-direction: column; justify-content: center; padding: 1.7rem; border-radius: 1.4rem; background: var(--mint); }
.playbook-checklist ul { display: grid; gap: 1.2rem; margin: 2.2rem 0 0; padding: 0; list-style: none; }
.playbook-checklist li { position: relative; padding: 1.2rem 1.2rem 1.2rem 3.8rem; border: 0.1rem solid rgba(255,255,255,.1); border-radius: 1rem; color: rgba(255,255,255,.85); font-size: 1.3rem; }
.playbook-checklist li::before { content: "✓"; position: absolute; left: 1.3rem; color: #c6f36b; font-weight: 800; }

/* Partner resource and affiliate disclosure */
.partner-preview-section { color: var(--ai-hub-paper); background: var(--ai-hub-black); }
.partner-preview { position: relative; overflow: hidden; display: grid; grid-template-columns: minmax(0, 1.05fr) minmax(30rem, .65fr); align-items: center; gap: 7rem; min-height: 43rem; padding: 5.8rem 6.4rem; border: 0.1rem solid rgba(135,135,135,.32); border-radius: var(--radius-lg); background: radial-gradient(circle at 78% 18%, rgba(224,120,80,.35), transparent 29%), var(--ai-hub-black); box-shadow: 0 2.8rem 7.5rem rgba(10,10,10,.28); }
.partner-preview::before { content: ""; position: absolute; width: 44rem; height: 44rem; right: -20.5rem; bottom: -30.5rem; border: 0.1rem solid rgba(224,120,80,.3); border-radius: 50%; box-shadow: 0 0 0 5.5rem rgba(224,120,80,.05), 0 0 0 11.5rem rgba(135,135,135,.04); }
.partner-preview-copy { position: relative; z-index: 2; }
.partner-preview-copy .eyebrow { color: var(--ai-hub-accent); }
.partner-preview-copy h2 { max-width: 65rem; margin-bottom: 1.8rem; color: var(--ai-hub-paper); font-size: clamp(3.8rem, 5vw, 5.7rem); letter-spacing: -.04em; }
.partner-preview-copy h2 em { color: var(--ai-hub-accent); }
.partner-preview-copy > p:not(.eyebrow) { max-width: 65rem; color: var(--ai-hub-gray); }
.partner-actions { display: flex; flex-wrap: wrap; align-items: center; gap: 1.5rem; margin-top: 2.2rem; }
.partner-actions > span { color: var(--ai-hub-gray); font-size: 1.2rem; font-weight: 700; }
.partner-preview .button-primary { color: var(--ai-hub-black); background: var(--ai-hub-accent); box-shadow: 0 0.8rem 1.8rem rgba(10,10,10,.25); }
.partner-preview .button-primary:hover { background: color-mix(in srgb, var(--ai-hub-accent) 82%, var(--ai-hub-paper)); }
.partner-preview-art { position: relative; z-index: 2; min-height: 29rem; display: grid; place-items: center; }
.partner-orbit { position: absolute; width: 25.5rem; height: 25.5rem; border: 0.1rem solid rgba(224,120,80,.45); border-radius: 50%; box-shadow: 0 0 0 3.2rem rgba(224,120,80,.07), 0 0 0 7.2rem rgba(135,135,135,.04); }
.partner-orbit::before, .partner-orbit::after { content: ""; position: absolute; width: 1.2rem; height: 1.2rem; border-radius: 50%; background: var(--ai-hub-accent); box-shadow: 0 0 1.8rem rgba(224,120,80,.65); }
.partner-orbit::before { left: 2rem; top: 4rem; }
.partner-orbit::after { right: 0.8rem; bottom: 7rem; background: var(--ai-hub-paper); box-shadow: 0 0 1.8rem rgba(245,245,240,.45); }
.partner-preview-signal { --signal-x: 0; --signal-y: -0.4rem; position: absolute; z-index: 4; padding: 0.7rem 1.1rem; border: 0.1rem solid rgba(135,135,135,.48); border-radius: 2rem; color: var(--ai-hub-paper); background: rgba(10,10,10,.9); box-shadow: 0 0.8rem 2rem rgba(10,10,10,.25); font-size: 1rem; font-weight: 800; letter-spacing: .05em; text-transform: uppercase; animation: ai-hub-signal-drift 4.2s ease-in-out infinite; will-change: transform; }
.partner-preview-signal--seo { --signal-x: 0.3rem; left: 0; top: 1.8rem; }
.partner-preview-signal--brain { --signal-x: -0.35rem; --signal-y: 0.25rem; right: 0; top: 1.8rem; animation-delay: -0.7s; }
.partner-preview-signal--writing { --signal-x: 0.4rem; --signal-y: 0.25rem; left: -1rem; top: 12rem; animation-delay: -1.4s; }
.partner-preview-signal--social { --signal-x: -0.4rem; --signal-y: -0.3rem; right: -1rem; top: 12rem; animation-delay: -2.1s; }
.partner-preview-signal--schedule { --signal-x: 0.28rem; left: 1.8rem; bottom: 1.5rem; animation-delay: -2.8s; }
.partner-preview-signal--ads { --signal-x: -0.3rem; --signal-y: 0.35rem; right: 1.8rem; bottom: 1.5rem; animation-delay: -3.5s; }
.partner-mark { position: relative; z-index: 3; width: 13.6rem; height: 13.6rem; display: grid; place-items: center; border: 0.1rem solid rgba(245,245,240,.24); border-radius: 3.4rem; color: var(--ai-hub-black); background: var(--ai-hub-accent); box-shadow: 0 2.5rem 6.5rem rgba(10,10,10,.4); font-family: var(--serif); font-size: 3.7rem; font-weight: 800; letter-spacing: -.08em; line-height: 1; transform: rotate(-4deg); }
.partner-preview-signal sup, .sidebar-partner-signal sup { position: relative; top: -.14em; margin-right: .08em; font-size: .62em; line-height: 0; text-transform: lowercase; }

.partner-page-hero { color: var(--ai-hub-paper); background: radial-gradient(circle at 82% 20%, rgba(224,120,80,.25), transparent 25%), var(--ai-hub-black); }
.partner-page-hero h1 { color: var(--ai-hub-paper); }
.partner-page-hero h1 em { color: var(--ai-hub-accent); }
.partner-page-hero > .container > p:not(.eyebrow) { color: var(--ai-hub-gray); }
.partner-page-hero .eyebrow { color: var(--ai-hub-accent); }
.partner-page-section { background: var(--ai-hub-paper); }
.partner-page-layout { display: grid; grid-template-columns: minmax(0, 76rem) minmax(27rem, 33rem); justify-content: center; align-items: start; gap: 7.6rem; }
.partner-main section { scroll-margin-top: 11rem; }
.partner-main h2, .partner-main h3, .partner-main strong { color: var(--ai-hub-black); }
.partner-main p, .partner-main li { color: var(--ai-hub-black); }
.partner-main .eyebrow, .partner-main a { color: var(--ai-hub-accent); }
.partner-feature-grid { display: grid; grid-template-columns: 1fr 1fr; gap: 1.3rem; margin-top: 2.5rem; }
.partner-feature-grid > div { min-height: 14.5rem; padding: 2.1rem; border: 0.1rem solid rgba(135,135,135,.35); border-radius: 1.4rem; background: color-mix(in srgb, var(--ai-hub-paper) 94%, var(--ai-hub-gray)); }
.partner-feature-grid strong, .partner-feature-grid span { display: block; }
.partner-feature-grid strong { margin-bottom: 0.7rem; color: var(--ai-hub-accent); font-family: var(--serif); font-size: 1.8rem; }
.partner-feature-grid span { color: var(--ai-hub-black); font-size: 1.4rem; line-height: 1.55; }
.partner-check-list { padding: 0; list-style: none; }
.partner-check-list li { position: relative; margin: 1rem 0; padding: 1.2rem 1.5rem 1.2rem 4.2rem; border: 0.1rem solid rgba(135,135,135,.35); border-radius: 1.1rem; background: color-mix(in srgb, var(--ai-hub-paper) 94%, var(--ai-hub-gray)); }
.partner-check-list li::before { content: "✓"; position: absolute; left: 1.5rem; top: 1.2rem; color: var(--ai-hub-accent); font-weight: 800; }
.partner-sidebar { position: sticky; top: 10.5rem; display: grid; gap: 1.7rem; }
.partner-offer-card { overflow: hidden; padding: 2.9rem; border: 0.1rem solid rgba(135,135,135,.45); border-radius: 2rem; color: var(--ai-hub-paper); background: var(--ai-hub-black); box-shadow: 0 1.8rem 4.8rem rgba(10,10,10,.2); }
.partner-card-label { display: inline-flex; margin-bottom: 1.7rem; padding: 0.6rem 0.9rem; border-radius: 0.6rem; color: var(--ai-hub-black); background: var(--ai-hub-accent); font-size: 0.9rem; font-weight: 800; letter-spacing: .08em; text-transform: uppercase; }
.partner-offer-card h2 { margin-bottom: 1.2rem; color: var(--ai-hub-paper); font-size: 2.8rem; }
.partner-offer-card p, .partner-offer-card li { color: var(--ai-hub-gray); font-size: 1.3rem; }
.partner-offer-card ul { margin: 1.8rem 0 2.3rem; padding-left: 1.9rem; }
.partner-offer-card li { margin: 0.7rem 0; }
.button-partner { width: 100%; min-height: 5.2rem; padding-inline: 1.5rem; color: var(--ai-hub-black); background: var(--ai-hub-accent); text-align: center; }
.button-partner:hover { background: color-mix(in srgb, var(--ai-hub-accent) 82%, var(--ai-hub-paper)); transform: translateY(-0.1rem); }
.partner-offer-card small { display: block; margin-top: 1.3rem; color: var(--ai-hub-gray); font-size: 1rem; line-height: 1.5; text-align: center; }
.partner-offer-card small strong { color: var(--ai-hub-accent); }
.affiliate-callout { border-color: color-mix(in srgb, var(--gold) 55%, var(--line)); background: color-mix(in srgb, var(--gold) 10%, var(--paper)); }
.affiliate-callout > span { color: #17152f; background: var(--gold); }

/* Marketing tools */
.tools-hero { color: #fff; background: radial-gradient(circle at 78% 25%, rgba(198,243,107,.14), transparent 25%), linear-gradient(125deg, #252052, #17152f 72%); }
.tools-hero h1 { color: #fff; }
.tools-hero h1 em { color: #c6f36b; }
.tools-hero .eyebrow { color: #c6f36b; }
.tools-hero > .container > p:not(.eyebrow) { color: #c8c3d9; }
.tool-jump-nav { position: sticky; z-index: 38; top: 7.8rem; border-bottom: 0.1rem solid var(--line); background: color-mix(in srgb, var(--paper) 95%, transparent); backdrop-filter: blur(1.4rem); }
.tool-jump-nav .container { display: flex; overflow-x: auto; scrollbar-width: thin; }
.tool-jump-nav a { min-height: 5.9rem; flex: 1 0 auto; display: flex; align-items: center; justify-content: center; gap: 0.8rem; padding: 0 1.7rem; border-right: 0.1rem solid var(--line); color: var(--ink-soft); font-size: 1.2rem; font-weight: 700; }
.tool-jump-nav a:first-child { border-left: 0.1rem solid var(--line); }
.tool-jump-nav a:hover { color: var(--teal-700); background: var(--mint); }
.tool-jump-nav a span { color: var(--teal-700); font-size: 0.9rem; }
.tools-section { background: var(--cream); }
.tool-stack { display: grid; gap: 3rem; }
.tool-panel { scroll-margin-top: 16.5rem; display: grid; grid-template-columns: minmax(26rem, .7fr) minmax(0, 1.3fr); gap: 4.8rem; align-items: center; padding: 4.4rem; border: 0.1rem solid var(--line); border-radius: 2.2rem; background: var(--paper); box-shadow: var(--shadow-sm); }
.tool-copy h2 { margin-bottom: 1.4rem; font-size: 3.6rem; letter-spacing: -.035em; }
.tool-copy > p:not(.eyebrow):not(.tool-caveat) { color: var(--ink-soft); }
.formula-note { display: grid; grid-template-columns: auto 1fr; align-items: center; gap: 1.3rem; margin: 2.2rem 0; padding: 1.2rem 1.5rem; border-left: 0.3rem solid var(--gold); background: var(--mint); }
.formula-note strong { color: var(--teal-700); font-family: var(--serif); }
.formula-note span { color: var(--ink-soft); font-size: 1.2rem; }
.tool-caveat { margin: 0; color: var(--ink-soft); font-size: 1.1rem; line-height: 1.6; }
.calculator-card { overflow: hidden; border: 0.1rem solid #39325f; border-radius: 1.7rem; color: #fff; background: #17152f; box-shadow: 1rem 1rem 0 var(--gold); }
.tool-input-grid { display: grid; grid-template-columns: repeat(3, 1fr); gap: 1.3rem; padding: 2.4rem; }
.tool-input-grid--four { grid-template-columns: repeat(2, 1fr); }
.calculator-card label { display: block; color: #f5f2ff; font-size: 1.1rem; font-weight: 700; }
.calculator-card label > span { display: block; margin: 0.2rem 0 0.7rem; color: #8f89a8; font-size: 0.9rem; font-weight: 500; }
.calculator-card input, .calculator-card textarea { width: 100%; border: 0.1rem solid #413a66; border-radius: 0.9rem; outline: 0; color: #fff; background: #242044; font: inherit; }
.calculator-card input { height: 4.7rem; padding: 0 1.2rem; }
.calculator-card textarea { padding: 1.2rem; resize: vertical; line-height: 1.45; }
.calculator-card input:focus, .calculator-card textarea:focus { border-color: #c6f36b; box-shadow: 0 0 0 0.3rem rgba(198,243,107,.12); }
.tool-results { display: grid; grid-template-columns: repeat(4, 1fr); border-top: 0.1rem solid #39325f; background: #201b42; }
.tool-results--three { grid-template-columns: repeat(3, 1fr); }
.tool-results > div { min-width: 0; padding: 2rem 1.7rem; border-right: 0.1rem solid #39325f; }
.tool-results > div:last-child { border-right: 0; }
.tool-results span { min-height: 3.3rem; display: block; color: #9c96b3; font-size: 0.9rem; line-height: 1.35; text-transform: uppercase; letter-spacing: .06em; }
.tool-results strong { display: block; overflow-wrap: anywhere; color: #c6f36b; font-family: var(--serif); font-size: 2.2rem; line-height: 1.2; }
.utm-card { padding: 2.4rem; }
.utm-fields { display: grid; grid-template-columns: 1fr 1fr; gap: 1.3rem; }
.utm-fields .span-two { grid-column: 1 / -1; }
.utm-output-label { margin-top: 1.8rem; }
.utm-actions { display: flex; align-items: center; gap: 1.4rem; margin-top: 1.4rem; }
.utm-actions > span { color: #9d97b4; font-size: 1.1rem; }
.tools-method-section { border-top: 0.1rem solid var(--line); background: var(--paper); }
.tools-method-section h2 { font-size: 4rem; }
.tools-method-section a { color: var(--teal-700); font-weight: 700; text-decoration: underline; text-underline-offset: 0.3rem; }
.tool-directory-section { background: var(--cream); }
.tool-directory-grid { display: grid; grid-template-columns: 1fr 1fr; gap: 2.2rem; }
.tool-directory-card { position: relative; overflow: hidden; min-height: 34rem; display: flex; flex-direction: column; padding: 3.2rem; border: 0.1rem solid var(--line); border-radius: 2rem; background: var(--paper); box-shadow: var(--shadow-sm); transition: .2s ease; }
.tool-directory-card:hover { transform: translateY(-0.4rem); border-color: var(--teal-700); box-shadow: var(--shadow-md); }
.tool-directory-card--featured { grid-column: 1 / -1; min-height: 31rem; padding-right: 43%; color: #fff; background: radial-gradient(circle at 82% 28%, rgba(198,243,107,.17), transparent 22%), linear-gradient(130deg, #332876, #17152f 75%); }
.tool-directory-number { position: absolute; right: 2.5rem; top: 1.5rem; color: color-mix(in srgb, var(--teal-700) 14%, transparent); font-family: var(--serif); font-size: 9rem; font-weight: 700; line-height: 1; }
.tool-directory-card--featured .tool-directory-number { color: rgba(198,243,107,.1); font-size: 16rem; }
.tool-directory-copy { position: relative; z-index: 2; }
.tool-directory-copy h2 { margin-bottom: 1.3rem; font-size: 3.2rem; letter-spacing: -.03em; }
.tool-directory-copy h2 a:hover { color: var(--teal-700); }
.tool-directory-copy > p:last-child { max-width: 62rem; color: var(--ink-soft); }
.tool-directory-card--featured h2, .tool-directory-card--featured h2 a { color: #fff; }
.tool-directory-card--featured .eyebrow { color: #c6f36b; }
.tool-directory-card--featured .tool-directory-copy > p:last-child { color: #c7c2d8; }
.tool-directory-metrics { position: relative; z-index: 2; display: flex; flex-wrap: wrap; gap: 0.7rem; margin: auto 0 2rem; padding: 2rem 0 0; list-style: none; }
.tool-directory-metrics li { padding: 0.6rem 0.9rem; border: 0.1rem solid var(--line); border-radius: 2rem; color: var(--ink-soft); background: var(--cream); font-size: 1rem; font-weight: 700; }
.tool-directory-card--featured .tool-directory-metrics li { border-color: rgba(255,255,255,.14); color: #d3cee1; background: rgba(255,255,255,.05); }
.tool-directory-link { position: relative; z-index: 2; display: flex; align-items: center; justify-content: space-between; gap: 1.5rem; padding-top: 1.6rem; border-top: 0.1rem solid var(--line); color: var(--teal-700); font-size: 1.3rem; font-weight: 800; }
.tool-directory-card--featured .tool-directory-link { border-color: rgba(255,255,255,.13); color: #c6f36b; }
.tool-directory-link span:last-child { font-size: 1.8rem; transition: transform .2s ease; }
.tool-directory-card:hover .tool-directory-link span:last-child { transform: translate(0.2rem, -0.2rem); }
.tool-detail-hero { text-align: left; }
.tool-detail-hero .tool-breadcrumbs { margin-bottom: 3.5rem; color: #aaa4c0; }
.tool-detail-hero .tool-breadcrumbs a:hover { color: #c6f36b; }
.tool-detail-hero h1 { font-size: clamp(4.6rem, 6vw, 6.8rem); }
.tool-detail-hero > .container > p:not(.eyebrow) { margin-left: 0; }
.tool-privacy-note { display: inline-flex; margin-top: 2.4rem; padding: 0.7rem 1.1rem; border: 0.1rem solid rgba(198,243,107,.27); border-radius: 2rem; color: #e1f7b6; background: rgba(198,243,107,.08); font-size: 1.1rem; font-weight: 700; }
.tool-detail-section { background: var(--cream); }
.tool-panel--detail { scroll-margin-top: 0; }
.tool-guidance-layout { display: grid; grid-template-columns: minmax(0, 1fr) 34rem; align-items: start; gap: 6rem; max-width: 104rem; margin: 7rem auto 0; }
.tool-guidance-copy h2 { font-size: 3.8rem; }
.tool-safety-card { display: grid; grid-template-columns: auto 1fr; gap: 1.3rem; padding: 2.2rem; border: 0.1rem solid var(--line); border-radius: 1.5rem; background: var(--paper); box-shadow: var(--shadow-sm); }
.tool-safety-card > span { width: 3.2rem; height: 3.2rem; display: grid; place-items: center; border-radius: 50%; color: #17152f; background: #c6f36b; font-weight: 800; }
.tool-safety-card strong { color: var(--teal-700); }
.tool-safety-card p { margin: 0.5rem 0 0; color: var(--ink-soft); font-size: 1.2rem; line-height: 1.55; }
.related-tools-section { border-top: 0.1rem solid var(--line); background: var(--paper); }
.related-tool-grid { display: grid; grid-template-columns: repeat(3, 1fr); gap: 1.7rem; }
.related-tool-card { min-width: 0; min-height: 17rem; display: flex; flex-direction: column; padding: 2.3rem; border: 0.1rem solid var(--line); border-radius: 1.6rem; background: var(--cream); transition: .2s ease; }
.related-tool-card:hover { transform: translateY(-0.3rem); border-color: var(--teal-700); }
.related-tool-card > span { color: var(--teal-700); font-size: 1rem; font-weight: 800; letter-spacing: .1em; }
.related-tool-card strong { margin: 1.6rem 0; font-family: var(--serif); font-size: 2rem; line-height: 1.2; }
.related-tool-card small { margin-top: auto; color: var(--ink-soft); font-size: 1rem; font-weight: 700; text-transform: uppercase; letter-spacing: .06em; }

/* AI prompts */
.prompts-hero { color: #fff; background: radial-gradient(circle at 20% 15%, rgba(255,107,74,.19), transparent 26%), radial-gradient(circle at 83% 68%, rgba(198,243,107,.13), transparent 24%), linear-gradient(125deg, #30246f, #17152f 72%); }
.prompts-hero h1 { color: #fff; }
.prompts-hero h1 em { color: #c6f36b; }
.prompts-hero .eyebrow { color: #c6f36b; }
.prompts-hero > .container > p:not(.eyebrow) { color: #cbc6dd; }
.prompt-index-section { background: var(--cream); }
.prompt-card-grid { display: grid; grid-template-columns: repeat(2, 1fr); gap: 2.2rem; }
.prompt-card { position: relative; overflow: hidden; min-height: 38rem; display: flex; flex-direction: column; padding: 3.2rem; border: .1rem solid var(--line); border-radius: 2rem; background: var(--paper); box-shadow: var(--shadow-sm); transition: .2s ease; }
.prompt-card:hover { transform: translateY(-.4rem); border-color: var(--teal-700); box-shadow: var(--shadow-md); }
.prompt-card-number { position: absolute; top: 1.4rem; right: 2rem; color: color-mix(in srgb, var(--teal-700) 12%, transparent); font-family: var(--serif); font-size: 10rem; font-weight: 700; line-height: 1; }
.prompt-card-content { position: relative; z-index: 2; display: flex; flex: 1; flex-direction: column; }
.prompt-card h2 { max-width: 46rem; margin-bottom: 1.4rem; font-size: 3.1rem; letter-spacing: -.03em; }
.prompt-card h2 a:hover { color: var(--teal-700); }
.prompt-card-content > p:not(.eyebrow) { color: var(--ink-soft); }
.prompt-card-inputs { display: flex; flex-wrap: wrap; gap: .7rem; margin: auto 0 2.2rem; padding-top: 2rem; }
.prompt-card-inputs span { padding: .6rem .9rem; border: .1rem solid var(--line); border-radius: 2rem; color: var(--ink-soft); background: var(--cream); font-size: 1rem; font-weight: 700; }
.prompt-card-link { display: flex; align-items: center; justify-content: space-between; gap: 1.5rem; padding-top: 1.6rem; border-top: .1rem solid var(--line); color: var(--teal-700); font-size: 1.3rem; font-weight: 800; }
.prompt-card-link span:last-child { font-size: 1.8rem; transition: transform .2s ease; }
.prompt-card:hover .prompt-card-link span:last-child { transform: translate(.2rem, -.2rem); }
.prompt-method-section { border-top: .1rem solid var(--line); background: var(--paper); }
.prompt-method-grid { display: grid; grid-template-columns: .8fr 1.2fr; gap: 8rem; align-items: start; }
.prompt-method-grid h2 { max-width: 43rem; font-size: 4.4rem; }
.prompt-method-grid .prose p:first-child { margin-top: 0; }
.prompt-detail-hero { padding: 5.8rem 0 6.5rem; text-align: left; }
.prompt-detail-hero > .container > p:not(.eyebrow) { max-width: 76rem; margin-left: 0; }
.prompt-detail-hero h1 { max-width: 90rem; font-size: clamp(4.6rem, 6vw, 6.8rem); }
.prompt-breadcrumbs { margin-bottom: 3.5rem; color: #aaa4c0; }
.prompt-breadcrumbs a:hover { color: #c6f36b; }
.prompt-best-for { display: inline-flex; gap: .5rem; margin-top: 2.3rem; padding: .8rem 1.2rem; border: .1rem solid rgba(198,243,107,.25); border-radius: 2rem; color: #ded9eb; background: rgba(198,243,107,.07); font-size: 1.1rem; }
.prompt-best-for strong { color: #c6f36b; }
.prompt-detail-section { background: var(--cream); }
.prompt-detail-layout { display: grid; grid-template-columns: minmax(0, 1fr) 32rem; gap: 3rem; align-items: start; }
.prompt-workspace { min-width: 0; overflow: hidden; border: .1rem solid #3b345e; border-radius: 2rem; color: #fff; background: #17152f; box-shadow: var(--shadow-md); }
.prompt-workspace-header { display: flex; align-items: center; justify-content: space-between; gap: 2rem; padding: 2.5rem 2.7rem; border-bottom: .1rem solid #39325f; background: #201b42; }
.prompt-workspace-header .eyebrow { margin-bottom: .5rem; color: #c6f36b; }
.prompt-workspace-header h2 { margin: 0; color: #fff; font-size: 3rem; }
.prompt-workspace-header .button { flex: 0 0 auto; color: #17152f; background: #c6f36b; box-shadow: none; }
.prompt-workspace-header .button:hover { color: #17152f; background: #d9ff8c; }
.prompt-code { max-height: 72rem; margin: 0; overflow: auto; padding: 3rem; color: #e9e6f2; background: #17152f; white-space: pre-wrap; overflow-wrap: anywhere; tab-size: 2; }
.prompt-code code { font-family: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", monospace; font-size: 1.35rem; line-height: 1.75; }
.prompt-copy-status { min-height: 4.8rem; margin: 0; padding: 1.3rem 3rem; border-top: .1rem solid #39325f; color: #aaa4c0; background: #201b42; font-size: 1.1rem; }
.prompt-sidebar { position: sticky; top: 10.5rem; display: grid; gap: 1.6rem; }
.prompt-side-card { padding: 2.3rem; border: .1rem solid var(--line); border-radius: 1.6rem; background: var(--paper); box-shadow: var(--shadow-sm); }
.prompt-side-card ul { margin: 1.4rem 0 0; padding-left: 1.8rem; }
.prompt-side-card li { margin: .8rem 0; color: var(--ink-soft); font-size: 1.2rem; line-height: 1.5; }
.prompt-side-card--check { border-top: .3rem solid var(--gold); }
.prompt-privacy-card { display: grid; grid-template-columns: auto 1fr; gap: 1.2rem; padding: 2rem; border: .1rem solid color-mix(in srgb, var(--coral) 35%, var(--line)); border-radius: 1.6rem; background: color-mix(in srgb, var(--coral) 7%, var(--paper)); }
.prompt-privacy-card > span { width: 3rem; height: 3rem; display: grid; place-items: center; border-radius: 50%; color: #fff; background: var(--coral); font-weight: 800; }
.prompt-privacy-card strong { color: var(--ink); }
.prompt-privacy-card p { margin: .5rem 0 0; color: var(--ink-soft); font-size: 1.1rem; line-height: 1.55; }
.prompt-related-terms { border-top: .1rem solid var(--line); background: var(--paper); }
.related-prompts-section { border-top: .1rem solid var(--line); background: var(--cream); }
.related-prompt-grid { display: grid; grid-template-columns: repeat(3, 1fr); gap: 1.7rem; }
.related-prompt-card { min-width: 0; min-height: 18rem; display: flex; flex-direction: column; padding: 2.3rem; border: .1rem solid var(--line); border-radius: 1.6rem; background: var(--paper); transition: .2s ease; }
.related-prompt-card:hover { transform: translateY(-.3rem); border-color: var(--teal-700); }
.related-prompt-card > span { color: var(--teal-700); font-size: 1rem; font-weight: 800; letter-spacing: .08em; text-transform: uppercase; }
.related-prompt-card strong { margin: 1.6rem 0; font-family: var(--serif); font-size: 2rem; line-height: 1.2; }
.related-prompt-card small { margin-top: auto; color: var(--ink-soft); font-size: 1rem; font-weight: 700; text-transform: uppercase; letter-spacing: .06em; }

/* Articles */
.articles-hero { background: radial-gradient(circle at 22% 0%, rgba(255,107,74,.11), transparent 27%), radial-gradient(circle at 78% 50%, rgba(108,92,231,.18), transparent 30%), var(--mint); }
.article-index-section { background: var(--cream); }
.article-card-grid { display: grid; grid-template-columns: 1fr 1fr; gap: 2.2rem; }
.article-card { position: relative; overflow: hidden; min-height: 36rem; display: flex; flex-direction: column; justify-content: flex-end; padding: 3.4rem; border: 0.1rem solid var(--line); border-radius: 1.8rem; background: var(--paper); transition: .2s ease; }
.article-card:hover { transform: translateY(-0.4rem); border-color: var(--teal-700); box-shadow: var(--shadow-md); }
.article-card--featured { min-height: 44rem; grid-column: 1 / -1; padding-right: 38%; color: #fff; background: radial-gradient(circle at 82% 30%, rgba(198,243,107,.18), transparent 21%), linear-gradient(130deg, #332876, #17152f 75%); }
.article-card--featured h2, .article-card--featured h2 a { color: #fff; }
.article-card--featured p { color: #c7c2d8; }
.article-card--featured .article-meta { color: #b8b1cd; }
.article-card--featured .article-meta span:first-child, .article-card--featured .text-link { color: #c6f36b; }
.article-card-number { position: absolute; top: 1.8rem; right: 2.5rem; color: color-mix(in srgb, var(--teal-700) 13%, transparent); font-family: var(--serif); font-size: 11rem; font-weight: 700; line-height: 1; }
.article-card--featured .article-card-number { color: rgba(198,243,107,.09); font-size: 21rem; }
.article-card-content { position: relative; z-index: 2; }
.article-meta { display: flex; flex-wrap: wrap; gap: 0.8rem 1.7rem; margin-bottom: 1.4rem; color: var(--ink-soft); font-size: 1rem; font-weight: 600; }
.article-meta span:first-child { color: var(--teal-700); font-weight: 800; letter-spacing: .08em; text-transform: uppercase; }
.article-card h2 { max-width: 78rem; margin-bottom: 1.4rem; font-size: 3.4rem; }
.article-card h2 a:hover { color: var(--teal-700); }
.article-card p { max-width: 76rem; color: var(--ink-soft); }
.article-tools-bridge { color: #fff; background: #17152f; }
.article-tools-inner { display: flex; align-items: center; justify-content: space-between; gap: 5rem; }
.article-tools-inner h2 { color: #fff; font-size: 4.2rem; }
.article-tools-inner p:not(.eyebrow) { max-width: 68rem; margin-bottom: 0; color: #bcb7cf; }
.article-tools-inner .eyebrow { color: #c6f36b; }
.article-hero { padding: 6.4rem 0 7.2rem; color: #fff; background: radial-gradient(circle at 78% 22%, rgba(198,243,107,.11), transparent 23%), linear-gradient(125deg, #30266f, #17152f 72%); }
.article-hero-inner { max-width: 90rem; }
.article-breadcrumbs { margin-bottom: 4.5rem; color: #aea9c2; }
.article-hero .article-meta { color: #bbb5ce; }
.article-hero .article-meta span:first-child { color: #c6f36b; }
.article-hero h1 { max-width: 90rem; margin: 1.2rem 0 2.2rem; color: #fff; font-size: clamp(4.8rem, 6vw, 7.4rem); letter-spacing: -.045em; }
.article-dek { max-width: 80rem; color: #cbc6d9; font-size: 2rem; line-height: 1.6; }
.article-byline { display: flex; align-items: center; gap: 1.2rem; margin-top: 3.2rem; }
.article-byline .brand-mark { width: 3.8rem; height: 3.8rem; }
.article-byline strong, .article-byline span { display: block; }
.article-byline strong { color: #fff; font-size: 1.2rem; }
.article-byline div > span { color: #908aa7; font-size: 1rem; }
.article-layout { display: grid; grid-template-columns: 21.5rem minmax(0, 76rem); justify-content: center; align-items: start; gap: 8.5rem; padding-top: 8.2rem; padding-bottom: 9rem; }
.article-toc { position: sticky; top: 10.5rem; display: grid; padding: 2rem; border: 0.1rem solid var(--line); border-radius: 1.4rem; background: var(--paper); }
.article-toc a { padding: 0.9rem 0; border-bottom: 0.1rem solid var(--line); color: var(--ink-soft); font-size: 1.1rem; line-height: 1.4; }
.article-toc a:last-child { border: 0; }
.article-toc a:hover { color: var(--teal-700); }
.article-body section { scroll-margin-top: 11rem; }
.article-body h2 { font-size: 4rem; }
.article-body ul { margin: 2rem 0; padding-left: 2.4rem; }
.article-body li { margin-bottom: 1.2rem; color: var(--ink-soft); font-size: 1.7rem; }
.article-section-number { margin-bottom: 0.8rem !important; color: var(--teal-700) !important; font-family: var(--serif); font-size: 1.3rem !important; font-weight: 800; letter-spacing: .12em; }
.article-tool-cta { display: flex; align-items: center; justify-content: space-between; gap: 2.5rem; margin: 5.5rem 0; padding: 3rem; border: 0.1rem solid var(--line); border-radius: 1.7rem; background: var(--mint); }
.article-tool-cta h2 { margin-bottom: 0.8rem; font-size: 2.7rem; }
.article-tool-cta p:not(.eyebrow) { margin: 0; font-size: 1.3rem; }
.article-tool-cta .button { flex: 0 0 auto; color: #fff; text-decoration: none; }
.article-editorial-note { padding: 2.5rem; border-left: 0.3rem solid var(--teal-700); background: var(--paper); }
.article-editorial-note > strong { font-family: var(--serif); }
.article-editorial-note p { margin: 0.7rem 0; color: var(--ink-soft); font-size: 1.3rem; }
.article-editorial-note a { color: var(--teal-700); font-size: 1.2rem; font-weight: 700; }

@media (max-width: 780px) {
    .marketing-hero { min-height: auto; }
    .marketing-hero .hero-grid { min-height: auto; }
    .marketing-hero::after { mask-image: none; opacity: .15; }
    .playbook-grid { grid-template-columns: 1fr; }
    .quiz-card { box-shadow: 0.8rem 0.8rem 0 #c6f36b; }
    .partner-preview { grid-template-columns: 1fr; gap: 3.2rem; padding: 4.5rem 3.5rem; }
    .partner-preview-art { min-height: 23rem; }
    .partner-page-layout { grid-template-columns: 1fr; gap: 4rem; }
    .partner-sidebar { position: static; }
    .tool-jump-nav { top: calc(6.8rem + env(safe-area-inset-top)); }
    .tool-jump-nav .container { width: 100%; }
    .tool-panel { grid-template-columns: 1fr; gap: 2.8rem; padding: 3rem; }
    .tool-directory-card--featured { padding-right: 3.2rem; }
    .tool-guidance-layout { grid-template-columns: 1fr; gap: 3rem; }
    .related-tool-grid { grid-template-columns: 1fr; }
    .prompt-card-grid { grid-template-columns: 1fr; }
    .prompt-method-grid { grid-template-columns: 1fr; gap: 3rem; }
    .prompt-detail-layout { grid-template-columns: 1fr; }
    .prompt-sidebar { position: static; grid-template-columns: 1fr 1fr; }
    .prompt-privacy-card { grid-column: 1 / -1; }
    .related-prompt-grid { grid-template-columns: 1fr; }
    .article-card-grid { grid-template-columns: 1fr; }
    .article-card--featured { min-height: 42rem; grid-column: auto; padding-right: 3.4rem; }
    .article-tools-inner { align-items: flex-start; flex-direction: column; }
    .article-layout { grid-template-columns: 1fr; gap: 3.5rem; }
    .article-toc { position: static; grid-template-columns: 1fr 1fr; }
    .article-toc .eyebrow { grid-column: 1 / -1; }
}

@media (max-width: 520px) {
    .partner-preview { width: min(calc(100% - 2.4rem), var(--container)); padding: 3.7rem 2.3rem; border-radius: 2.1rem; }
    .partner-preview-copy h2 { font-size: 3.7rem; }
    .partner-preview-art { min-height: 19rem; }
    .partner-orbit { width: 19rem; height: 19rem; }
    .partner-mark { width: 10.5rem; height: 10.5rem; border-radius: 2.7rem; font-size: 2.9rem; }
    .partner-preview-signal { padding: 0.5rem 0.8rem; font-size: 0.8rem; }
    .partner-preview-signal--seo, .partner-preview-signal--brain { top: 0.4rem; }
    .partner-preview-signal--writing, .partner-preview-signal--social { top: 7.8rem; }
    .partner-preview-signal--writing { left: -0.4rem; }
    .partner-preview-signal--social { right: -0.4rem; }
    .partner-preview-signal--schedule, .partner-preview-signal--ads { bottom: 0.4rem; }
    .partner-preview-signal--schedule { left: 0.5rem; }
    .partner-preview-signal--ads { right: 0.5rem; }
    .partner-feature-grid { grid-template-columns: 1fr; }
    .partner-offer-card { padding: 2.4rem; }
    .tool-panel { padding: 2.4rem 1.8rem; }
    .tool-directory-grid { grid-template-columns: 1fr; }
    .tool-directory-card, .tool-directory-card--featured { grid-column: auto; min-height: 31rem; padding: 2.5rem 2.2rem; }
    .tool-directory-card--featured .tool-directory-number { font-size: 11rem; }
    .tool-directory-copy h2 { font-size: 2.8rem; }
    .tool-detail-hero h1 { font-size: 4rem; }
    .tool-copy h2 { font-size: 3.2rem; }
    .tool-input-grid, .tool-input-grid--four, .utm-fields { grid-template-columns: 1fr; padding: 1.9rem; }
    .utm-fields { padding: 0; }
    .utm-fields .span-two { grid-column: auto; }
    .tool-results, .tool-results--three { grid-template-columns: 1fr 1fr; }
    .tool-results > div:nth-child(2) { border-right: 0; }
    .tool-results > div:nth-child(n+3) { border-top: 0.1rem solid #39325f; }
    .utm-card { padding: 1.9rem; }
    .prompt-card { min-height: 34rem; padding: 2.6rem 2.3rem; }
    .prompt-card h2 { font-size: 2.8rem; }
    .prompt-card-number { font-size: 8.5rem; }
    .prompt-detail-hero h1 { font-size: 4rem; }
    .prompt-workspace-header { align-items: flex-start; flex-direction: column; padding: 2.2rem; }
    .prompt-workspace-header .button { width: 100%; }
    .prompt-code { max-height: none; padding: 2.2rem; }
    .prompt-copy-status { padding: 1.3rem 2.2rem; }
    .prompt-sidebar { grid-template-columns: 1fr; }
    .prompt-privacy-card { grid-column: auto; }
    .article-card, .article-card--featured { min-height: 39rem; padding: 2.7rem 2.4rem; }
    .article-card h2 { font-size: 2.9rem; }
    .article-card-number, .article-card--featured .article-card-number { font-size: 10.5rem; }
    .article-hero h1 { font-size: 4.4rem; }
    .article-dek { font-size: 1.7rem; }
    .article-toc { grid-template-columns: 1fr; }
    .article-toc .eyebrow { grid-column: auto; }
    .article-body h2 { font-size: 3.4rem; }
    .article-tool-cta { align-items: flex-start; flex-direction: column; padding: 2.4rem; }
}