/*
Theme Name: Astra Child — Parlour
Theme URI: https://bigwinfortune.uk
Description: Big Win Fortune child theme for bigwinfortune.uk. Deep burgundy velvet, antique gold, parchment ink, forecast tiers. Namespace: fwf_ / .fwf-
Template: astra
Version: 1.0.1
Text Domain: astra-child-parlour
*/

/* ---------- tokens ---------- */
:root{
  --fwf-bg:#2b0e14;
  --fwf-bg-2:#20090e;
  --fwf-panel:#3a141d;
  --fwf-line:#55202c;
  --fwf-ink:#f4ecdc;
  --fwf-ink-dim:#cdbba6;
  --fwf-ink-faint:#a3907c;
  --fwf-accent:#d9a441;
  --fwf-accent-soft:#e8c877;
  --fwf-accent-deep:#a87c2a;
  --fwf-good:#9fce9a;
  --fwf-warn:#472630;
  /* readable gold for warn-coloured TEXT on dark velvet (fill uses --fwf-warn) */
  --fwf-warn-ink:#e0b45e;
  --fwf-bad:#e07a6a;
  --fwf-serif:"Palatino Linotype",Palatino,Georgia,"Times New Roman",serif;
  --fwf-sans:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,sans-serif;
  --fwf-max:1180px;
  /* single content measure: text, tables, figures, board and calculator all
     share this width so nothing draws a phantom right rail */
  --fwf-measure:800px;
  --fwf-radius:10px;
}

/* ---------- base ---------- */
*,*::before,*::after{box-sizing:border-box}
html{-webkit-text-size-adjust:100%}
body.fwf{margin:0;background:var(--fwf-bg);color:var(--fwf-ink);font-family:var(--fwf-sans);font-size:17px;line-height:1.65}
.fwf-wrap{max-width:var(--fwf-max);margin:0 auto;padding:0 20px}
.fwf a{color:var(--fwf-accent-soft);text-decoration:none;border-bottom:1px solid rgba(217,164,65,.35)}
.fwf a:hover{color:var(--fwf-accent);border-bottom-color:var(--fwf-accent)}
.fwf h1,.fwf h2,.fwf h3{font-family:var(--fwf-serif);font-weight:600;line-height:1.25;color:var(--fwf-ink)}
.fwf img{max-width:100%;height:auto}
.fwf ::selection{background:rgba(217,164,65,.35)}

/* ---------- breadcrumb ---------- */
.fwf-crumbs{font-size:13.5px;color:var(--fwf-ink-faint);padding:18px 0 0;max-width:var(--fwf-measure);margin:0 auto}
.fwf-crumbs a{color:var(--fwf-ink-faint);border:none}
.fwf-crumbs a:hover{color:var(--fwf-accent-soft)}
.fwf-crumbs .fwf-sep{margin:0 7px;color:var(--fwf-accent-deep)}

/* ---------- guide head ---------- */
.fwf-guide,.fwf-page{max-width:var(--fwf-measure);margin:0 auto;padding-bottom:8px}
.fwf-h1{font-size:clamp(28px,4.6vw,44px);margin:18px 0 10px;letter-spacing:.2px}
.fwf-standfirst{font-family:var(--fwf-serif);font-size:clamp(18px,2.2vw,21px);line-height:1.5;color:var(--fwf-accent-soft);margin:0 0 22px}
.fwf-hero{margin:0 0 8px;border-radius:var(--fwf-radius);overflow:hidden;border:1px solid var(--fwf-line);background:var(--fwf-bg-2)}
.fwf-hero img{display:block;width:100%}

/* ---------- disclosure strip (WC-H forecast-first) ---------- */
.fwf-disclosure{display:flex;gap:14px;align-items:flex-start;background:rgba(217,164,65,.07);border:1px solid rgba(217,164,65,.4);border-radius:var(--fwf-radius);padding:14px 16px;margin:18px 0 0;font-size:14.5px;color:var(--fwf-ink-dim)}
.fwf-disclosure strong{color:var(--fwf-warn-ink)}
.fwf-disclosure .fwf-badge{flex:0 0 auto;font-family:var(--fwf-serif);color:var(--fwf-warn-ink);border:1px solid rgba(217,164,65,.55);border-radius:999px;padding:2px 12px;font-size:13px;margin-top:2px}

/* ---------- board / forecast cards ---------- */
.fwf-board{margin:22px 0 34px}
.fwf-board-title{font-size:22px;margin:0 0 4px}
.fwf-board-lead{font-family:var(--fwf-serif);font-size:16.5px;color:var(--fwf-accent-soft);margin:6px 0 8px;max-width:70ch}
.fwf-board-sub{color:var(--fwf-ink-faint);font-size:14.5px;margin:0 0 16px}
.fwf-cards{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:14px}
.fwf-card{background:linear-gradient(180deg,var(--fwf-panel),var(--fwf-bg-2));border:1px solid var(--fwf-line);border-radius:var(--fwf-radius);padding:18px 18px 16px;display:flex;flex-direction:column;gap:10px;min-width:0}
.fwf-card-top{display:flex;align-items:center;justify-content:space-between;gap:10px}
.fwf-card-brand{font-family:var(--fwf-serif);font-size:20px;color:var(--fwf-accent-soft)}
.fwf-card-logo{max-height:30px;max-width:150px;width:auto;height:auto;object-fit:contain}
.fwf-card-offer{font-size:14.5px;color:var(--fwf-ink);margin:0;line-height:1.45;border-left:2px solid var(--fwf-accent);padding-left:10px}
.fwf-card-cta{margin-top:auto;text-align:center;background:var(--fwf-accent);color:#2b0e14;font-weight:600;border-radius:8px;padding:10px 14px;border:none;font-size:15px}
.fwf-card-cta:hover{background:var(--fwf-accent-soft);color:#2b0e14}
.fwf-board-note{font-size:13px;color:var(--fwf-ink-faint);margin:12px 2px 0}

/* ---------- at-a-glance table ---------- */
.fwf-tablewrap{margin:26px 0 8px;max-width:100%;overflow-x:auto;border:1px solid var(--fwf-line);border-radius:var(--fwf-radius);background:var(--fwf-bg-2)}
.fwf-table{width:100%;border-collapse:collapse;font-size:14.5px;min-width:460px}
.fwf-table th,.fwf-table td{text-align:left;padding:11px 16px;border-top:1px solid var(--fwf-line);vertical-align:top;color:var(--fwf-ink-dim)}
.fwf-table thead th{font-size:12.5px;letter-spacing:.6px;text-transform:uppercase;color:var(--fwf-ink-faint);border-top:none}
.fwf-table tbody th{font-family:var(--fwf-serif);font-weight:600;color:var(--fwf-accent-soft);width:34%;white-space:nowrap}
.fwf-table tbody td{color:var(--fwf-ink)}
.fwf-table tbody tr:nth-child(odd){background:rgba(217,164,65,.04)}

/* ---------- brand comparison (tier-first, T-H) ---------- */
.fwf-brands-table{min-width:960px;font-size:13.5px}
.fwf-brands-table caption{caption-side:top;text-align:left;font-family:var(--fwf-serif);font-size:17px;color:var(--fwf-ink);padding:14px 16px 10px;border-bottom:1px solid var(--fwf-line)}
.fwf-brands-table th,.fwf-brands-table td{padding:9px 12px;vertical-align:top}
.fwf-brands-table tbody th{font-family:var(--fwf-sans);font-weight:600;color:var(--fwf-ink);white-space:nowrap;width:auto}
.fwf-brands-table tbody td{font-size:13px;color:var(--fwf-ink-dim);white-space:normal}
.fwf-brands-table .fwf-tiercell{font-family:var(--fwf-serif);font-weight:700;color:var(--fwf-accent);white-space:nowrap}
.fwf-brands-table td.fwf-best{background:rgba(217,164,65,.12);color:var(--fwf-accent-soft);font-weight:600}
.fwf-lic{display:inline-flex;align-items:center;gap:6px;white-space:nowrap;font-size:12.5px;letter-spacing:.3px}
.fwf-lic::before{content:"";width:7px;height:7px;border-radius:50%;display:inline-block}
.fwf-lic-uk{color:var(--fwf-good)}
.fwf-lic-uk::before{background:var(--fwf-good)}
.fwf-lic-off{color:var(--fwf-warn-ink)}
.fwf-lic-off::before{background:var(--fwf-warn)}
.fwf-brands-note{font-size:12.5px;color:var(--fwf-ink-faint);padding:10px 16px 12px;border-top:1px solid var(--fwf-line)}

/* ---------- bonus calculator ---------- */
.fwf-calc{margin:26px 0 30px;border:1px solid rgba(217,164,65,.4);border-radius:var(--fwf-radius);background:linear-gradient(180deg,rgba(217,164,65,.07),var(--fwf-bg-2));padding:18px 20px}
.fwf-calc-title{font-size:20px;margin:0 0 4px}
.fwf-calc-sub{color:var(--fwf-ink-dim);font-size:14px;margin:0 0 14px}
.fwf-calc-grid{display:grid;gap:16px}
.fwf-calc-fields{display:grid;grid-template-columns:repeat(auto-fit,minmax(140px,1fr));gap:10px}
.fwf-calc-field{display:flex;flex-direction:column;gap:4px;font-size:12.5px;color:var(--fwf-ink-faint)}
.fwf-calc-field input{background:var(--fwf-bg);border:1px solid var(--fwf-line);border-radius:8px;color:var(--fwf-ink);font-size:15.5px;padding:9px 10px;width:100%}
.fwf-calc-field input:focus{outline:none;border-color:var(--fwf-accent)}
.fwf-calc-out{display:block;background:var(--fwf-bg);border:1px dashed rgba(217,164,65,.5);border-radius:8px;padding:12px 14px;font-size:14.5px;color:var(--fwf-ink-dim)}
.fwf-calc-out p{margin:0 0 6px}
.fwf-calc-out p:last-child{margin:0}
.fwf-calc-out strong{color:var(--fwf-accent-soft);font-family:var(--fwf-serif);font-size:16px}
.fwf-calc-note{color:var(--fwf-ink-faint);font-size:12.5px;margin:12px 0 0}

/* ---------- inline illustration ---------- */
.fwf-inline{margin:24px 0 8px;border-radius:var(--fwf-radius);overflow:hidden;border:1px solid var(--fwf-line);background:var(--fwf-bg-2)}
.fwf-inline img{display:block;width:100%}

/* ---------- body copy ---------- */
.fwf-body{margin-top:6px}
.fwf-body h2{font-size:clamp(21px,2.6vw,26px);margin:34px 0 12px;scroll-margin-top:80px}
.fwf-body h2::before{content:"";display:block;width:44px;height:2px;background:linear-gradient(90deg,var(--fwf-accent),transparent);margin-bottom:10px}
.fwf-body p{margin:0 0 16px;color:var(--fwf-ink-dim)}
.fwf-body p strong,.fwf-body li strong{color:var(--fwf-ink)}
.fwf-body ul{margin:0 0 18px;padding-left:22px;color:var(--fwf-ink-dim)}
.fwf-body li{margin:0 0 9px}
.fwf-body li::marker{color:var(--fwf-accent)}
.fwf-list-lead{color:var(--fwf-ink);font-weight:600;margin:0 0 10px}

/* ---------- FAQ ---------- */
.fwf-faqs{margin:0 0 8px}
.fwf-faqs-title{font-size:clamp(21px,2.6vw,26px);margin:38px 0 14px}
.fwf-faqs details{border:1px solid var(--fwf-line);border-radius:var(--fwf-radius);background:var(--fwf-bg-2);margin:0 0 10px;overflow:hidden}
.fwf-faqs summary{cursor:pointer;padding:13px 16px;font-weight:600;color:var(--fwf-ink);list-style:none;position:relative;padding-right:38px}
.fwf-faqs summary::-webkit-details-marker{display:none}
.fwf-faqs summary::after{content:"+";position:absolute;right:16px;top:50%;transform:translateY(-50%);color:var(--fwf-accent);font-size:20px;line-height:1}
.fwf-faqs details[open] summary::after{content:"–"}
.fwf-faqs details p{padding:0 16px 14px;margin:0;color:var(--fwf-ink-dim)}

/* ---------- verdict ---------- */
.fwf-verdict{margin:30px 0 6px;border-left:3px solid var(--fwf-accent);background:linear-gradient(90deg,rgba(217,164,65,.09),transparent);border-radius:0 var(--fwf-radius) var(--fwf-radius) 0;padding:16px 20px}
.fwf-verdict p{margin:0;color:var(--fwf-ink);font-family:var(--fwf-serif);font-size:18px;line-height:1.6}

/* ---------- related (RT7 The next card) ---------- */
.fwf-related{margin:30px 0 8px}
.fwf-related h2{font-size:21px;margin:0 0 12px}
.fwf-related ul{list-style:none;margin:0;padding:0;display:grid;gap:8px}
.fwf-related li a{display:block;background:var(--fwf-bg-2);border:1px solid var(--fwf-line);border-radius:8px;padding:10px 14px;color:var(--fwf-ink-dim)}
.fwf-related li a:hover{border-color:var(--fwf-accent-deep);color:var(--fwf-accent-soft)}
.fwf-related .fwf-related-hub a{border-color:rgba(217,164,65,.55);color:var(--fwf-accent-soft);font-weight:600}

/* ---------- helpline ---------- */
.fwf-helpline{margin:30px 0 10px;border:1px dashed rgba(217,164,65,.5);border-radius:var(--fwf-radius);padding:16px 18px;background:rgba(217,164,65,.05);font-size:15px;color:var(--fwf-ink-dim)}
.fwf-helpline strong{color:var(--fwf-accent-soft);font-size:17px}

/* ---------- directory (home) ---------- */
.fwf-directory{margin:10px 0 30px}
.fwf-directory h2{font-size:clamp(20px,2.4vw,24px);margin:30px 0 10px}
.fwf-directory ul{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(auto-fill,minmax(250px,1fr));gap:8px}
.fwf-directory li a{display:block;background:var(--fwf-bg-2);border:1px solid var(--fwf-line);border-radius:8px;padding:9px 13px;font-size:14.5px;color:var(--fwf-ink-dim)}
.fwf-directory li a:hover{color:var(--fwf-accent-soft);border-color:var(--fwf-accent-deep)}
.fwf-directory li.fwf-dir-hub a{border-color:rgba(217,164,65,.55);color:var(--fwf-accent-soft);font-weight:600}
.fwf-dir-lead{color:var(--fwf-ink-dim)}

/* ---------- utility pages ---------- */
.fwf-page h1{font-size:clamp(26px,4vw,38px);margin:14px 0 14px}
.fwf-page p{color:var(--fwf-ink-dim);margin:0 0 16px}
.fwf-page h2{font-size:23px;margin:28px 0 10px}

/* ---------- hub directory table ---------- */
.fwf-hub .fwf-table tbody th{white-space:normal;width:auto}
.fwf-hub .fwf-table tbody th a{color:var(--fwf-accent-soft);border:none}
.fwf-hub .fwf-table tbody th a:hover{color:var(--fwf-accent)}

/* ---------- claim stub ---------- */
.fwf-claim{max-width:560px;margin:12vh auto 0;text-align:center;padding:30px 24px;border:1px solid var(--fwf-line);border-radius:var(--fwf-radius);background:var(--fwf-bg-2)}
.fwf-claim h1{font-family:var(--fwf-serif);font-size:26px;margin:0 0 12px}
.fwf-claim p{color:var(--fwf-ink-dim)}

/* ---------- engine disclaimer (D13/D15) ---------- */
.fwf-note{margin:16px 0 0;border-top:1px dashed rgba(217,164,65,.4);padding-top:12px;font-size:14px;color:var(--fwf-ink-faint)}
.fwf-note p{margin:0}

/* ---------- variety H-H: crest-banner header ---------- */
.fwf-top{position:sticky;top:0;z-index:50;background:var(--fwf-bg-2);border-bottom:2px solid var(--fwf-accent-deep)}
.fwf-band{position:relative;max-width:var(--fwf-max);margin:0 auto;padding:26px 20px 12px;text-align:center;background:radial-gradient(ellipse at 50% -40%,var(--fwf-panel),var(--fwf-bg-2) 72%);border-bottom:1px solid var(--fwf-line)}
.fwf-crest{display:inline-flex;flex-direction:column;align-items:center;gap:5px;border:none}
.fwf-crest .fwf-logo{font-family:var(--fwf-serif);font-size:clamp(26px,3.6vw,38px);line-height:1.05;letter-spacing:.6px;color:var(--fwf-ink);border:none;white-space:nowrap}
.fwf-crest .fwf-logo span{color:var(--fwf-accent)}
.fwf-tagline{font-family:var(--fwf-serif);font-style:italic;font-size:14px;color:var(--fwf-ink-dim)}
.fwf-band .fwf-age{position:absolute;top:16px;right:18px;margin:0;border-color:rgba(217,164,65,.55);color:var(--fwf-warn-ink)}
.fwf-utilrow{display:flex;flex-wrap:wrap;gap:4px 20px;justify-content:center;padding:10px 0 0;font-size:13px}
.fwf-utilrow a{color:var(--fwf-ink-dim);border:none;white-space:nowrap}
.fwf-utilrow a:hover{color:var(--fwf-accent-soft)}
.fwf-mainnav{display:flex;flex-wrap:wrap;gap:0 2px;max-width:var(--fwf-max);margin:0 auto;padding:6px 14px 8px;justify-content:center}
.fwf-navlink{display:inline-block;padding:8px 9px;font-size:14px;color:var(--fwf-ink-dim);border:none;white-space:nowrap}
.fwf-item > .fwf-navlink::after{content:" \25be";font-size:10px;color:var(--fwf-accent-soft)}
.fwf-navlink:hover{color:var(--fwf-accent-soft)}
.fwf-navlink[aria-current="page"]{color:var(--fwf-accent);box-shadow:inset 0 -2px 0 var(--fwf-accent)}
.fwf-item{position:relative}
.fwf-drop{display:none;position:absolute;top:100%;left:0;background:var(--fwf-bg-2);border:1px solid var(--fwf-line);border-radius:var(--fwf-radius);padding:8px;min-width:320px;max-height:72vh;overflow:auto;z-index:80;box-shadow:0 18px 44px rgba(0,0,0,.45)}
.fwf-item:hover .fwf-drop,.fwf-item:focus-within .fwf-drop{display:flex;flex-direction:column;gap:2px}
.fwf-drop a{display:block;padding:8px 12px;border-radius:7px;border:none;color:var(--fwf-ink-dim);font-size:14px;line-height:1.35;white-space:nowrap}
.fwf-drop a:hover{background:rgba(217,164,65,.10);color:var(--fwf-accent-soft)}
.fwf-drop .fwf-drop-hub{font-family:var(--fwf-serif);color:var(--fwf-accent-soft);border-bottom:1px solid var(--fwf-line);border-radius:7px 7px 0 0;margin-bottom:6px;padding-bottom:10px}
.fwf-drop .fwf-drop-hub:hover{color:var(--fwf-accent)}

/* ---------- variety P9: RG aside rail right of the body ---------- */
.fwf-grid{display:grid;grid-template-columns:minmax(0,1fr) 220px;gap:26px;max-width:var(--fwf-measure);margin:0 auto;align-items:start}
.fwf-grid .fwf-body{order:1;min-width:0}
.fwf-grid .fwf-rail{order:2}
/* 1.0.1 fix: the grid auto-placed by DOM order, so the RG rail (first in the
   markup) landed in the wide 1fr column and the body was squeezed into the
   fixed 220px column. Explicit order pins the body to column 1 and the rail
   to column 2 on every browser; the sub-900px stack below already carries
   order:2 for the rail, so mobile keeps body-then-rail flow. */
.fwf-rail{position:sticky;top:86px;border:1px solid var(--fwf-line);border-left:3px solid var(--fwf-accent-deep);border-radius:var(--fwf-radius);background:var(--fwf-bg-2);padding:14px 14px 12px;font-size:12.5px;line-height:1.55;color:var(--fwf-ink-faint)}
.fwf-rail-warn{margin:0 0 8px;font-family:var(--fwf-serif);font-size:13.5px;color:var(--fwf-warn-ink)}
.fwf-rail-text{margin:0 0 8px}
.fwf-rail-help{margin:0}
.fwf-rail-help strong{color:var(--fwf-accent-soft)}
@media (max-width:900px){
  .fwf-grid{grid-template-columns:1fr}
  .fwf-rail{position:static;order:2;margin:26px 0 0}
  /* collapses above the FAQ: the grid stacks, rail lands before FAQs */
}

/* ---------- variety F-E: compact-accordion footer ---------- */
.fwf-footer{background:var(--fwf-bg-2);border-top:1px solid var(--fwf-line);margin-top:46px}
.fwf-footer .fwf-wrap{padding-top:26px;padding-bottom:20px}
.fwf-footnav{display:flex;flex-wrap:wrap;justify-content:center;gap:8px 22px;padding:0 0 16px;font-size:13.5px}
.fwf-footnav a{color:var(--fwf-ink-dim);border:none;white-space:nowrap}
.fwf-footnav a:hover{color:var(--fwf-accent-soft)}
.fwf-footacc{border:1px solid var(--fwf-line);border-radius:var(--fwf-radius);background:var(--fwf-panel);overflow:hidden}
.fwf-footacc summary{cursor:pointer;list-style:none;display:flex;align-items:center;justify-content:space-between;gap:10px;padding:13px 16px;font-weight:600;color:var(--fwf-ink);font-family:var(--fwf-serif);font-size:15.5px}
.fwf-footacc summary::-webkit-details-marker{display:none}
.fwf-footacc summary::after{content:"+";color:var(--fwf-accent);font-size:19px}
.fwf-footacc[open] summary::after{content:"–"}
.fwf-footacc .fwf-age{border-color:rgba(217,164,65,.55);color:var(--fwf-warn-ink);margin:0}
.fwf-footacc-body{padding:2px 16px 14px}
.fwf-footwarn{margin:0 0 8px;font-size:13.5px;color:var(--fwf-ink)}
.fwf-foothelp{margin:0 0 8px;font-size:13px;color:var(--fwf-ink-dim)}
.fwf-foothelp strong{color:var(--fwf-warn-ink)}
.fwf-foottext{margin:0;font-size:12.5px;line-height:1.6;color:var(--fwf-ink-faint)}
.fwf-footcopy{margin:14px 0 0;text-align:center;font-size:11.5px;color:var(--fwf-ink-faint)}
.fwf-age{display:inline-block;font-family:var(--fwf-serif);border:1px solid rgba(163,144,124,.5);color:var(--fwf-warn-ink);border-radius:999px;padding:2px 12px;font-size:13px}

/* ---------- variety R-E: tier tile ---------- */
.fwf-tilewrap{display:flex;align-items:center;gap:14px;margin:2px 0 0;flex-wrap:wrap}
.fwf-tile{display:flex;align-items:stretch;border:1px solid rgba(217,164,65,.5);border-radius:var(--fwf-radius);overflow:hidden}
.fwf-tile b{display:flex;align-items:center;justify-content:center;min-width:58px;background:var(--fwf-panel);color:var(--fwf-accent);font-family:var(--fwf-serif);font-size:30px;padding:8px 14px}
.fwf-tile span{display:flex;flex-direction:column;justify-content:center;gap:2px;padding:8px 14px;font-family:var(--fwf-serif);font-size:17px;color:var(--fwf-ink);border-left:1px solid rgba(217,164,65,.35)}
.fwf-tile span i{font-style:normal;font-size:11px;color:var(--fwf-ink-faint)}
.fwf-axes summary{cursor:pointer;font-size:12.5px;color:var(--fwf-ink-dim)}
.fwf-axes summary:hover{color:var(--fwf-accent-soft)}
.fwf-axes ul{list-style:none;margin:6px 0 0;padding:0;display:grid;gap:4px}
.fwf-axes li{font-size:12.5px;color:var(--fwf-ink-faint)}
.fwf-axes li b{font-weight:600;color:var(--fwf-ink-dim);font-size:11.5px;letter-spacing:.3px;text-transform:uppercase;margin-right:6px}
.fwf-scoreline-label{font-size:11.5px;letter-spacing:.5px;text-transform:uppercase;color:var(--fwf-ink-faint)}

/* ---------- variety T-H: checklist rows ---------- */
.ffw-checkrows,.fwf-checkrows{list-style:none;margin:0;padding:0;border:1px solid var(--fwf-line);border-radius:var(--fwf-radius);background:var(--fwf-bg-2);overflow:hidden}
.fwf-checkrows li{display:flex;align-items:baseline;gap:12px;padding:11px 16px;border-top:1px solid var(--fwf-line)}
.fwf-checkrows li:first-child{border-top:none}
.fwf-checkrows li.fwf-decide{background:rgba(217,164,65,.10)}
.fwf-checkrows .fwf-check-no{flex:0 0 auto;font-family:var(--fwf-serif);font-size:12px;color:var(--fwf-accent-deep);letter-spacing:.5px}
.fwf-checkrows i{font-style:normal;color:var(--fwf-ink-dim);flex:1 1 auto;min-width:0}
.fwf-checkrows i a{color:var(--fwf-accent-soft);border:none}
.fwf-checkrows i a:hover{color:var(--fwf-accent)}
.fwf-checkrows b{flex:0 0 auto;font-family:var(--fwf-serif);font-size:15.5px;font-weight:600;color:var(--fwf-ink);text-align:right}
.fwf-glance{margin:26px 0 10px}
.fwf-rows-caption{font-family:var(--fwf-serif);font-size:16px;color:var(--fwf-ink);margin:0 0 10px}
.fwf-dirwrap{margin:26px 0 8px}
/* the brands table lives inside the single content measure; the tablewrap
   frame scrolls horizontally instead of breaking out of the column */
.fwf-brands{margin:0}
.fwf-brands-table th:last-child,.fwf-brands-table td:last-child{white-space:nowrap}
.fwf-brands-table caption{border-bottom:none;padding:0 16px 12px}
.fwf-brands-table thead th{position:sticky;top:0;background:var(--fwf-panel);z-index:5;box-shadow:0 1px 0 var(--fwf-line)}
.fwf-brands-table tbody tr:hover td,.fwf-brands-table tbody tr:hover th{background:rgba(217,164,65,.06)}
.fwf-brands-table tbody th .fwf-row-cta{display:block;margin-top:4px;font-size:12px;color:var(--fwf-accent-soft);border-bottom:1px solid rgba(217,164,65,.4)}

/* ---------- responsive ---------- */
@media (max-width:840px){
  .fwf-item > .fwf-navlink::after{content:""}
  .fwf-drop{display:none !important}
  .fwf-band{padding:20px 14px 10px}
  .fwf-band .fwf-age{top:10px;right:10px}
  .fwf-mainnav{flex-wrap:nowrap;overflow-x:auto;padding:8px 12px;justify-content:flex-start}
  .fwf-footacc-body{padding:2px 12px 12px}
}
@media (max-width:760px){
  body.fwf{font-size:16px}
  .fwf-cards{grid-template-columns:1fr}
  .fwf-directory ul{grid-template-columns:1fr}
}
@media (max-width:400px){
  .fwf-wrap{padding:0 14px}
}