.article{width:min(100% - 32px,780px);margin:0 auto;padding:80px 0 100px}
.article-kicker{display:flex;align-items:center;gap:10px;margin-bottom:32px}
.article-kicker a{display:inline-flex;align-items:center;gap:8px;padding:9px 16px 9px 12px;border:1px solid var(--line);border-radius:999px;background:var(--surface);color:var(--ink);font-weight:700;font-size:14px;text-decoration:none;transition:border-color .15s ease,transform .15s ease}
.article-kicker a:hover{border-color:color-mix(in srgb,var(--accent) 40%,var(--line));transform:translateX(-2px)}
.article-hero{display:block;width:100%;height:auto;margin-bottom:28px;border-radius:var(--radius);box-shadow:0 20px 50px var(--shadow)}
.article h1{margin:0 0 22px;font-size:clamp(38px,6vw,58px);line-height:1.04;letter-spacing:-.04em}
.article-lead{margin:0 0 36px;color:var(--muted);font-size:20px;line-height:1.65}
.article section{margin-top:52px}
.article h2{margin:0 0 16px;font-size:28px;letter-spacing:-.03em}
.article section>p,.article li{color:var(--muted);font-size:17px;line-height:1.75}
.article li+li{margin-top:8px}

.article-cta{display:flex;align-items:center;justify-content:space-between;gap:24px;flex-wrap:wrap;margin:44px 0;padding:28px 30px;border:1px solid var(--line);border-radius:var(--radius);background:linear-gradient(135deg,color-mix(in srgb,var(--accent) 10%,var(--surface)),color-mix(in srgb,var(--accent2) 14%,var(--surface)))}
.article-cta strong{display:block;margin-bottom:4px;font-size:20px}
.article-cta p{margin:0;color:var(--muted);font-size:15px}
.article-cta .store-link{flex:0 0 auto}

.related{margin-top:60px}
.related>div{display:grid;gap:10px}
.related a{display:block;padding:16px 18px;border:1px solid var(--line);border-radius:16px;background:var(--surface);color:inherit;font-weight:700;text-decoration:none;transition:border-color .15s ease,transform .15s ease}
.related a:hover{border-color:color-mix(in srgb,var(--accent) 35%,var(--line));transform:translateY(-2px)}

.table-scroll{position:relative;margin-top:24px;border:1px solid var(--line);border-radius:20px;overflow:hidden;box-shadow:0 16px 40px var(--shadow)}
.table-scroll table{width:100%;table-layout:fixed;border-collapse:separate;border-spacing:0;font-size:15.5px;background:var(--surface)}
.table-scroll th,.table-scroll td{max-width:0;padding:16px 20px;text-align:left;overflow-wrap:anywhere;vertical-align:top}
.table-scroll thead tr{background:linear-gradient(135deg,color-mix(in srgb,var(--accent) 12%,var(--surface)),color-mix(in srgb,var(--accent2) 14%,var(--surface)))}
.table-scroll thead th{font-weight:800;font-size:12px;text-transform:uppercase;letter-spacing:.06em;color:var(--ink)}
.table-scroll tbody tr:not(:last-child) td{border-bottom:1px solid var(--line)}
.table-scroll tbody tr:nth-child(even){background:color-mix(in srgb,var(--ink) 2%,var(--surface))}
.table-scroll tbody tr:hover{background:color-mix(in srgb,var(--accent) 6%,transparent)}
.table-scroll td{color:var(--muted);line-height:1.55}
.table-scroll td:first-child{color:var(--ink);font-weight:700}
.table-scroll.plain td:first-child{color:var(--muted);font-weight:400}

.badge{display:inline-flex;align-items:center;gap:7px;padding:6px 14px 6px 9px;border-radius:100px;font-weight:750;font-size:14px;line-height:1;white-space:nowrap;vertical-align:middle}
.badge svg{width:20px;height:20px;flex:none;padding:3px;border-radius:50%;box-sizing:border-box}
.badge.yes{background:#e2f7ea;color:#187a41}.badge.yes svg{background:#1a9350;color:#fff}
.badge.no{background:#fdeaea;color:#b3261e}.badge.no svg{background:#d33a30;color:#fff}
.cell-note{display:inline;margin-left:10px;color:var(--muted);font-size:1em;line-height:1.55;vertical-align:middle}

@media(max-width:680px){
  .article{padding:56px 0 70px}
  .article h1{font-size:36px}
  .article section{margin-top:40px}
  .article h2{font-size:24px}
  .article-cta{flex-direction:column;align-items:flex-start}
  .table-scroll{overflow-x:auto;-webkit-overflow-scrolling:touch}
  .table-scroll table{width:max-content;table-layout:auto}
  .table-scroll th,.table-scroll td{max-width:250px;white-space:normal;overflow-wrap:anywhere}
}