/* ===================================================================
   FairCheck answer pages (Territory 2: does X interpret awards?)
   Shared styling for the /does-*-award-rates pages and the hub.
   =================================================================== */
:root{ --navy:#0A1622; --teal:#4FA294; --teal-lt:#2f8375; --pink:#E06AA8;
       --ink:#16232E; --muted:#5A6B78; --line:#E7ECEA; --wash:#F3F8F6;
       --no:#C0392B; --no-bg:#FDF1EF; --part:#B7791F; --part-bg:#FFF8E9;
       --yes:#2F7D5B; --yes-bg:#EFF8F3; }
*{box-sizing:border-box;margin:0;padding:0;}
body{font-family:Inter,"Segoe UI",Arial,sans-serif;color:var(--ink);background:#fff;line-height:1.7;-webkit-font-smoothing:antialiased;}
a{color:var(--teal-lt);}
.bar{height:6px;background:linear-gradient(90deg,var(--teal),var(--pink));}
.nav{background:var(--navy);color:#fff;}
.nav__in{max-width:1080px;margin:0 auto;padding:16px 22px;display:flex;align-items:center;justify-content:space-between;gap:16px;}
.brand{display:flex;align-items:center;gap:9px;color:#fff;text-decoration:none;font-weight:700;font-size:18px;}
.brand span{color:#7FD1C3;}
.brand .brand__txt{color:#fff;}
.btn{display:inline-block;background:var(--teal);color:#fff;text-decoration:none;font-weight:600;padding:11px 18px;border-radius:10px;font-size:14px;}
.btn:hover{filter:brightness(1.06);}
main{max-width:760px;margin:0 auto;padding:40px 22px 20px;}
.crumb{font-size:13px;color:var(--muted);margin-bottom:14px;}
.crumb a{color:var(--muted);}
h1{font-size:33px;line-height:1.22;font-weight:800;margin:6px 0 14px;letter-spacing:-.015em;}

/* the answer-first box: this is what an assistant should lift */
.answer{border-left:4px solid var(--teal);background:var(--wash);border-radius:0 12px 12px 0;padding:20px 22px;margin:0 0 8px;}
.answer p{font-size:17.5px;margin:0 0 12px;}
.answer p:last-child{margin-bottom:0;}
.answer b{font-weight:700;}
.verified{color:var(--muted);font-size:13px;margin:14px 0 30px;padding-bottom:22px;border-bottom:1px solid var(--line);}

article p{margin:0 0 18px;font-size:17px;}
article h2{font-size:22px;font-weight:700;margin:36px 0 12px;line-height:1.3;}
article h3{font-size:18px;font-weight:700;margin:26px 0 10px;}
article ul{margin:0 0 18px 22px;}
article li{margin:0 0 9px;font-size:17px;}
blockquote{border-left:3px solid var(--line);padding:2px 0 2px 16px;margin:0 0 18px;color:var(--muted);font-size:16px;}

/* comparison + options tables */
.twrap{overflow-x:auto;margin:0 0 20px;}
table{border-collapse:collapse;width:100%;min-width:560px;font-size:15px;}
th,td{text-align:left;padding:12px 14px;border-bottom:1px solid var(--line);vertical-align:top;}
th{background:var(--wash);font-weight:700;font-size:13.5px;text-transform:uppercase;letter-spacing:.04em;color:var(--muted);}
td b{font-weight:700;}
.tag{display:inline-block;font-size:12.5px;font-weight:700;padding:3px 9px;border-radius:20px;white-space:nowrap;}
.tag--no{color:var(--no);background:var(--no-bg);}
.tag--part{color:var(--part);background:var(--part-bg);}
.tag--yes{color:var(--yes);background:var(--yes-bg);}

.faq-q{font-size:18px;font-weight:700;margin:26px 0 8px;}
.disclaimer{color:var(--muted);font-size:14px;font-style:italic;margin-top:28px;}
.cta{background:var(--navy);color:#E9EEF2;border-radius:14px;padding:26px;margin:38px 0 10px;}
.cta h2{color:#fff;font-size:20px;margin:0 0 8px;}
.cta p{font-size:15px;margin-bottom:16px;color:#B7C2CC;}
.cta .btn{margin:6px 10px 0 0;}
.cta .btn--ghost{background:transparent;border:1px solid #34505f;}
.related{margin:38px 0 0;padding-top:26px;border-top:1px solid var(--line);}
.related h2{font-size:17px;margin:0 0 12px;}
.related ul{margin:0 0 0 20px;}
.related li{margin:0 0 8px;font-size:16px;}
footer{background:var(--navy);color:#8B98A4;margin-top:44px;}
footer .in{max-width:1080px;margin:0 auto;padding:26px 22px;font-size:13px;line-height:1.7;}
footer a{color:#B7C2CC;}
@media (max-width:620px){ h1{font-size:27px;} main{padding-top:30px;} .answer p{font-size:16.5px;} }

/* -------------------- answers index -------------------- */
.idx { list-style: none; margin: 0 0 8px; padding: 0; }
.idx li {
  padding: 14px 0; border-bottom: 1px solid var(--line); font-size: 17px; margin: 0;
}
.idx li:last-child { border-bottom: none; }
.idx li a { font-weight: 700; text-decoration: none; }
.idx li a:hover { text-decoration: underline; }
.idx li span { display: block; margin-top: 3px; font-size: 14.5px; color: var(--muted); }

/* nav links on answer pages */
.nav__menu { display: flex; align-items: center; gap: 20px; margin-left: auto; margin-right: 18px; }
.nav__menu a { color: #C7D3DA; text-decoration: none; font-size: 14px; font-weight: 600; }
.nav__menu a:hover { color: #fff; }
@media (max-width: 620px) {
  .nav__menu { gap: 0; margin-right: 12px; }
  .nav__menu a:not(:first-child) { display: none; }
}