html{color-scheme:light;}
:root{
  --ink:#241B3A; --ink-2:#33254D; --paper:#F5F2EA; --card:#FFFFFF; --line:#E4DFCE;
  --text:#20263B; --muted:#726C59; --accent:#FF7A45; --teal:#2FB8C4;
  --violet:#9B6BFF; --pink:#FF6F91; --green:#3FAE72;
}
*{box-sizing:border-box;}
body{
  margin:0; background:var(--paper); color:var(--text);
  font-family:'Plus Jakarta Sans',sans-serif; line-height:1.72;
  -webkit-font-smoothing:antialiased;
}
img{max-width:100%;}

/* ---- top bar ---- */
.topbar{
  display:flex; align-items:center; gap:10px; padding:16px 6vw;
  border-bottom:1px solid var(--line); background:#fff; position:sticky; top:0; z-index:20;
}
.brand-mark{width:30px;height:30px;border-radius:9px;background:var(--ink);display:flex;align-items:center;justify-content:center;flex-shrink:0;}
.brand-title{font-family:'Space Grotesk',sans-serif;font-weight:700;font-size:16px;color:var(--ink);text-decoration:none;}
.topnav{margin-left:auto; display:flex; gap:18px; align-items:center;}
.topnav a{font-size:13.5px;color:var(--muted);text-decoration:none;font-weight:600;}
.topnav a:hover{color:var(--ink);}
.topnav .btn-app{background:var(--ink); color:#fff; padding:8px 16px; border-radius:999px; font-size:13px;}
.topnav .btn-app:hover{color:#fff; opacity:.9;}
@media (max-width:620px){ .topnav .hide-sm{display:none;} }

/* ---- article layout ---- */
.wrap{max-width:700px;margin:0 auto;padding:44px 6vw 80px;}
.tag{
  display:inline-block; font-family:'JetBrains Mono',monospace; font-size:10.5px;
  text-transform:uppercase; letter-spacing:0.09em; color:#fff;
  background:var(--tagc,var(--accent)); padding:4px 10px; border-radius:6px; margin-bottom:16px;
}
h1{font-family:'Space Grotesk',sans-serif;font-size:clamp(27px,4.2vw,38px);margin:0 0 12px;letter-spacing:-0.015em;line-height:1.18;}
.standfirst{font-size:17px;color:var(--muted);margin:0 0 18px;line-height:1.6;}
.meta{font-family:'JetBrains Mono',monospace;font-size:12px;color:var(--muted);padding-bottom:26px;border-bottom:1px solid var(--line);margin-bottom:30px;}
h2{font-family:'Space Grotesk',sans-serif;font-size:22px;margin:40px 0 12px;line-height:1.25;}
h3{font-family:'Space Grotesk',sans-serif;font-size:17px;margin:28px 0 8px;}
p{font-size:16px;margin:0 0 17px;}
ul,ol{margin:0 0 18px;padding-left:22px;}
li{margin-bottom:9px;font-size:16px;}
strong{font-weight:700;}
a{color:var(--teal);}
blockquote{
  margin:24px 0; padding:16px 20px; background:#fff; border-left:4px solid var(--accent);
  border-radius:0 12px 12px 0; font-size:15.5px; color:var(--text);
}

/* ---- data table ---- */
table{width:100%;border-collapse:collapse;margin:22px 0 26px;font-size:14.5px;background:#fff;border-radius:12px;overflow:hidden;}
th,td{text-align:left;padding:11px 14px;border-bottom:1px solid var(--line);}
th{font-family:'Space Grotesk',sans-serif;font-size:12.5px;color:var(--muted);text-transform:uppercase;letter-spacing:0.04em;background:#FAF8F2;}
td.num{font-family:'JetBrains Mono',monospace;font-weight:600;}
tr:last-child td{border-bottom:none;}
.table-note{font-size:12.5px;color:var(--muted);margin-top:-16px;margin-bottom:26px;}

/* ---- callouts ---- */
.callout{background:#fff;border:1.5px dashed var(--teal);border-radius:14px;padding:18px 20px;margin:26px 0;font-size:15px;}
.callout strong{color:var(--ink);}
.callout.warn{border-color:var(--accent);}
.callout.data{border-style:solid;border-color:var(--line);border-left:4px solid var(--violet);}

.keynum{
  display:flex; gap:18px; flex-wrap:wrap; margin:26px 0;
}
.keynum div{
  background:#fff;border:1px solid var(--line);border-radius:14px;padding:16px 18px;flex:1;min-width:145px;
}
.keynum .n{font-family:'Space Grotesk',sans-serif;font-size:25px;font-weight:700;color:var(--ink);line-height:1.1;}
.keynum .l{font-size:12.5px;color:var(--muted);margin-top:5px;}

/* ---- pro / con ---- */
.pro-con{display:grid;grid-template-columns:1fr 1fr;gap:14px;margin:24px 0;}
@media (max-width:620px){ .pro-con{grid-template-columns:1fr;} }
.pc{background:#fff;border:1px solid var(--line);border-radius:14px;padding:16px 18px;}
.pc h4{font-family:'Space Grotesk',sans-serif;margin:0 0 10px;font-size:14.5px;}
.pc.yes{border-top:4px solid var(--green);} .pc.yes h4{color:var(--green);}
.pc.no{border-top:4px solid var(--accent);} .pc.no h4{color:var(--accent);}
.pc ul{padding-left:18px;margin:0;} .pc li{font-size:14px;margin-bottom:8px;}

.verdict{background:#fff;border:1px solid var(--line);border-left:5px solid var(--violet);border-radius:12px;padding:20px 22px;margin:28px 0;}
.verdict h3{margin:0 0 10px;}
.verdict p:last-child{margin-bottom:0;}

/* ---- source list ---- */
.sources{margin-top:44px;padding-top:22px;border-top:1px solid var(--line);}
.sources h4{font-family:'Space Grotesk',sans-serif;font-size:14px;margin:0 0 10px;color:var(--muted);text-transform:uppercase;letter-spacing:0.06em;}
.sources li{font-size:13px;color:var(--muted);margin-bottom:6px;}

/* ---- cta ---- */
.cta{background:var(--ink);border-radius:18px;padding:28px;margin-top:44px;text-align:center;}
.cta p{color:#D8D5E8;margin-bottom:16px;font-size:15px;}
.cta a{display:inline-block;background:var(--accent);color:#fff;text-decoration:none;font-weight:700;padding:12px 26px;border-radius:999px;font-size:14.5px;}

/* ---- related ---- */
.related{margin-top:36px;padding-top:22px;border-top:1px solid var(--line);}
.related h4{font-family:'Space Grotesk',sans-serif;font-size:14px;margin:0 0 12px;color:var(--muted);text-transform:uppercase;letter-spacing:0.06em;}
.related a{display:block;color:var(--teal);font-weight:600;text-decoration:none;margin-bottom:8px;font-size:15px;}

footer{text-align:center;padding:26px 6vw;color:var(--muted);font-size:12.5px;border-top:1px solid var(--line);}
footer a{color:inherit;}