/* Typical Female theme layer (Oct 2026 redesign). Bold duotone: deep plum + rose; cinematic garnet for essays.
   Loaded on every TF page after page CSS. Tokens first; components follow TM's layout patterns. */
:root{
  --tf-plum:#3d1230; --tf-ink:#22091b; --tf-night:#14060f; --tf-rose:#f07aa5; --tf-rose-deep:#b2376a; --tf-garnet:#6e1a32;
  --tf-cream:#fbf6f4; --tf-blush:#f6e7ec; --tf-text:#1e0f19; --tf-body:#4f3f4a; --tf-line:#ead9df;
  --primary-bg:var(--tf-cream); --dark-bg:var(--tf-ink); --lavender:var(--tf-rose); --sage:var(--tf-rose-deep);
  --sage-text:#9b2f5c; --lavender-text:#6d2350; --text-dark:var(--tf-text); --text-body:var(--tf-body); --border-light:var(--tf-line);
  --serif:'Playfair Display',Georgia,serif;
}
body{background:var(--tf-cream);color:var(--tf-text)}
h1,h2,h3,h4{font-family:'Playfair Display',Georgia,serif;letter-spacing:0;color:var(--tf-text)}
h1{font-weight:900} h2{font-weight:900;font-size:clamp(1.8rem,3.4vw,2.6rem)} h3{font-weight:700}
a{color:inherit}
.sc--tf{--sc-bg:#fbf6f4;--sc-ink:#1e0f19;--sc-mute:#4f3f4a;--sc-acc:#b2376a;--sc-line:#ead9df}
.sc--tf .sc-logo{font-family:'Playfair Display',Georgia,serif;font-weight:900;font-size:1.2rem;text-transform:uppercase;letter-spacing:.02em}
.sc--tf .sc-logo span{color:var(--tf-rose-deep);font-style:italic}
.sc-f.sc--tf{--sc-bg:#22091b;--sc-ink:#f6e7ec;--sc-mute:#cdb6c2;--sc-acc:#f07aa5;--sc-line:#3d1230}
.sc-f.sc--tf .sc-logo{color:#f6e7ec!important}

/* Shared bits */
.tf-kicker{display:inline-block;font:600 .74rem/1.4 Outfit,Inter,sans-serif;letter-spacing:.16em;text-transform:uppercase;color:var(--tf-rose)}
.tf-credit{position:absolute;right:10px;bottom:8px;margin:0;font:500 .66rem Outfit,sans-serif;letter-spacing:.08em;text-transform:uppercase;color:rgba(255,255,255,.75)}
.tf-btn{display:inline-flex;align-items:center;justify-content:center;min-height:50px;padding:0 26px;font:600 .95rem Outfit,sans-serif;letter-spacing:.02em;text-decoration:none!important;transition:transform .15s,filter .15s}
.tf-btn:hover{transform:translateY(-1px);filter:brightness(1.08)}
.tf-btn:focus-visible{outline:3px solid #fff;outline-offset:3px}
.tf-btn--rose{background:var(--tf-rose);color:#22091b!important}
.tf-btn--ghost{border:1px solid rgba(255,255,255,.6);color:#fff!important}

/* Hero: quiz hook over duotone art */
.tf-hero{position:relative;min-height:min(88vh,760px);display:flex;align-items:center;justify-content:center;overflow:hidden;background:var(--tf-plum);color:#fff;text-align:center}
.tf-hero picture,.tf-hero__img{position:absolute;inset:0;width:100%;height:100%}
.tf-hero__img,.tf-hero picture img{object-fit:cover;object-position:60% 40%;width:100%;height:100%}
.tf-hero__shade{position:absolute;inset:0;background:linear-gradient(180deg,rgba(34,9,27,.55) 0%,rgba(61,18,48,.78) 55%,rgba(34,9,27,.95) 100%)}
.tf-hero__inner{position:relative;z-index:1;max-width:820px;padding:96px 22px 72px}
.tf-hero__title{color:#fff;font-weight:900;font-size:clamp(3rem,9vw,6.4rem);line-height:.95;margin:.25em 0 .3em;letter-spacing:-.01em}
.tf-hero__title em{color:var(--tf-rose);font-style:italic}
.tf-hero__dek{font:500 clamp(1.15rem,2.4vw,1.45rem)/1.5 Outfit,sans-serif;color:#f6e7ec;margin:0 0 28px}
.tf-hero__ctas{display:flex;flex-wrap:wrap;gap:12px;justify-content:center}
.tf-hero__fine{margin:26px auto 0;font-size:.8rem;color:#cdb6c2}
.tf-hero__fine a{color:#f6e7ec;text-decoration:underline}

/* Issue ribbon */
.issue-ribbon{background:var(--tf-ink)!important;color:#f6e7ec!important;border:0!important}
.issue-ribbon *{color:inherit}
.issue-ribbon__label{color:var(--tf-rose)!important;letter-spacing:.14em;text-transform:uppercase;font-weight:600}
.issue-ribbon__archive{color:var(--tf-rose)!important}

/* Cover story card (TM deep-dive pattern) */
.tf-feature{max-width:1200px;margin:56px auto;padding:0 20px}
.tf-feature__card{display:grid;grid-template-columns:1.1fr 1fr;background:var(--tf-plum);color:#f6e7ec;text-decoration:none!important;overflow:hidden;transition:transform .2s}
.tf-feature__card:hover{transform:translateY(-2px)}
.tf-feature__card:focus-visible{outline:3px solid var(--tf-rose);outline-offset:3px}
.tf-feature__media{position:relative;display:block;min-height:320px}
.tf-feature__media picture,.tf-feature__media img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}
.tf-feature__body{display:flex;flex-direction:column;justify-content:center;gap:14px;padding:44px 40px}
.tf-feature__title{font:900 clamp(1.9rem,3.6vw,3rem)/1.05 'Playfair Display',Georgia,serif;color:#fff}
.tf-feature__dek{color:#e8d3dc;font-size:1.02rem;line-height:1.65}
.tf-feature__go{color:var(--tf-rose);font-weight:600}
@media (max-width:820px){.tf-feature__card{grid-template-columns:1fr}.tf-feature__media{min-height:220px}.tf-feature__body{padding:28px 22px}}

/* Section headers */
.section-header h2{font-weight:900;text-transform:none;letter-spacing:0}
.section-header h2::after{content:"";display:block;width:56px;height:4px;background:var(--tf-rose-deep);margin:14px auto 0}
.section-header.dark h2{color:#fff}.section-header.dark h2::after{background:var(--tf-rose)}
.section-divider{background:var(--tf-line)!important}

/* Essay cards (TM article-card pattern) */
.articles-grid{gap:24px!important}
.article-card{background:#fff;border:1px solid var(--tf-line);padding:0 0 22px!important;overflow:hidden}
.article-card>*:not(.card-thumb):not(picture){margin-left:22px!important;margin-right:22px!important}
.article-card .card-thumb,.article-card picture img{display:block;width:100%;aspect-ratio:16/9;object-fit:cover;margin:0 0 18px!important}
.article-card picture{display:block}
.article-category{color:var(--tf-rose-deep)!important;font:600 .72rem Outfit,sans-serif;letter-spacing:.14em;text-transform:uppercase}
.article-card h3{font-size:1.4rem;line-height:1.2;margin:.5rem 0}
.article-card h3 a{color:var(--tf-text)!important;text-decoration:none}
.article-excerpt{color:var(--tf-body)}
.article-card:hover{border-color:var(--tf-rose-deep)}

/* The Raw: dark plum band */
.raw-section{background:var(--tf-ink)!important}
.raw-card{background:rgba(255,255,255,.04);border:1px solid rgba(240,122,165,.22);padding:22px}
.raw-card:hover{border-color:var(--tf-rose)}
.raw-byline{color:#cdb6c2!important}

/* Point / Counterpoint: his vs hers */
.point-counterpoint .point,.point-counterpoint .counterpoint{background:#fff;border:1px solid var(--tf-line);border-top:4px solid var(--tf-rose-deep);padding:28px}
.point-counterpoint .counterpoint{border-top-color:#2a2624}
.point-label{color:var(--tf-rose-deep)!important;letter-spacing:.14em;text-transform:uppercase;font-weight:600}

/* Stats */
.stat-card{background:var(--tf-plum)!important;color:#f6e7ec!important;border:0!important}
.stat-card *{color:inherit!important}
.stat-card .stat-number,.stat-number{color:var(--tf-rose)!important;font-family:'Playfair Display',serif!important;font-weight:900}

/* Atlas / hub cards */
.atlas-card{background:#fff;border:1px solid var(--tf-line);border-left:4px solid var(--tf-rose-deep)}
.atlas-card:hover{border-color:var(--tf-rose-deep)}
.atlas-card__meta{color:var(--tf-rose-deep)!important}

/* Question + newsletter + forms */
.question-section{background:var(--tf-blush)!important;border:0!important}
.newsletter{background:var(--tf-plum)!important;color:#f6e7ec!important}
.newsletter h3{color:#fff!important}
.newsletter p{color:#e8d3dc!important}
.newsletter-form button,.submit-btn,button[type=submit]:not(.sc-toggle){background:var(--tf-rose-deep);color:#fff;border:0;min-height:48px}
.newsletter-form button:hover,.submit-btn:hover{filter:brightness(1.1)}
input:focus-visible,textarea:focus-visible,select:focus-visible{outline:3px solid var(--tf-rose-deep);outline-offset:1px}

/* Essay pages: cinematic */
.article-hero-image{display:block;width:100%;max-height:70vh;object-fit:cover}
.tf-disclosure{color:var(--tf-body)!important;font-size:.82rem!important;opacity:.85}

/* Utility pages (engage) */
.eg--tf{--ink:#1e0f19;--muted:#4f3f4a;--line:#ead9df;--bg:#fff;--accent:#b2376a;--btn:#b2376a;--btn-ink:#fff}
@media (prefers-reduced-motion:reduce){.tf-btn,.tf-feature__card{transition:none}.tf-btn:hover,.tf-feature__card:hover{transform:none}}
.sc-f p{color:var(--sc-mute)!important}
.eg--tf h2,.eg--tf .eg-q{font-family:'Playfair Display',Georgia,serif;font-weight:700}
.eg-options button,.eg-option{min-height:44px}
.pseo-page{--pg-acc:#b2376a;--pg-mute:#4f3f4a;--pg-line:#ead9df;--pg-card:#fff}
.wf-hero{padding:24px 0 8px;border-bottom:1px solid var(--pg-line)}
.wf-dek{font-size:1.15rem;color:var(--pg-mute);max-width:640px}
.wf-btn{display:inline-flex;align-items:center;min-height:48px;padding:0 24px;background:var(--pg-acc);color:#fff!important;text-decoration:none!important;font-weight:600;letter-spacing:.02em;margin:12px 0 20px}
.wf-btn:hover{filter:brightness(1.1)}
.wf-list{list-style:none;padding:0}
.wf-list li{padding:12px 0 12px 18px;border-left:3px solid var(--pg-acc);margin:10px 0}
.wf-cards{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}
.wf-card{display:flex;flex-direction:column;gap:8px;padding:22px;background:var(--pg-card);border:1px solid var(--pg-line);text-decoration:none!important;color:inherit;transition:transform .15s,border-color .15s}
.wf-card:hover,.wf-card:focus-visible{transform:translateY(-2px);border-color:var(--pg-acc)}
.wf-card:focus-visible{outline:3px solid #6aa0ff;outline-offset:2px}
.wf-card__k{font-size:.72rem;letter-spacing:.14em;text-transform:uppercase;color:var(--pg-acc);font-weight:600}
.wf-card__t{font-family:"Playfair Display",Georgia,serif;font-weight:700;font-size:1.35rem;line-height:1.2}
.wf-card__d{color:var(--pg-mute);font-size:.95rem;flex:1}
.wf-card__go{font-weight:600;color:var(--pg-acc)}
.wf-fine{margin-top:32px;padding:20px 22px;border:1px solid var(--pg-line);font-size:.9rem;color:var(--pg-mute)}
.wf-fine h2{font-size:1.05rem;margin:0 0 .5em;color:inherit}
.wf-988{margin:12px 0 0;font-size:.85rem}
@media (max-width:760px){.wf-cards{grid-template-columns:1fr}}
@media (prefers-reduced-motion:reduce){.wf-card{transition:none}.wf-card:hover{transform:none}}