.ai-page{padding:54px 0 96px}
.ai-page .wrap{max-width:1120px}
.ai-page .hero{min-height:0;padding:36px 0 28px;border-bottom:1px solid var(--rule)}
.ai-page .hero .headline{max-width:18ch;font-size:clamp(40px,7vw,78px)}
.ai-page .lede{max-width:72ch;font:19px/1.65 var(--serif);color:var(--ink)}
.ai-page .direct-answer{max-width:860px;margin:28px 0 38px;padding:26px 30px;border-left:4px solid var(--rust);background:var(--paper-2);font:17px/1.7 var(--serif)}
.ai-page .direct-answer b{display:block;margin-bottom:8px;font:600 11px/1.3 var(--mono);letter-spacing:.12em;text-transform:uppercase;color:var(--rust)}
.ai-page h2{margin:54px 0 16px;font:600 clamp(28px,4vw,38px)/1.15 var(--serif)}
.ai-page h3{margin:30px 0 10px;font:600 21px/1.25 var(--serif)}
.ai-page p,.ai-page li{max-width:78ch;font-size:16px;line-height:1.74;color:var(--ink-2)}
.ai-page li{margin-bottom:9px}
.ai-page a{color:var(--rust);text-underline-offset:3px}
.ai-page table{width:100%;margin:24px 0 38px;border-collapse:collapse;font-size:14px}
.ai-page .table-scroll{max-width:100%;overflow-x:auto;-webkit-overflow-scrolling:touch}
.ai-page th,.ai-page td{padding:14px;text-align:left;vertical-align:top;border-bottom:1px solid var(--rule)}
.ai-page th{font:600 11px/1.4 var(--mono);letter-spacing:.08em;text-transform:uppercase}
.ai-page tbody tr:hover{background:var(--paper-2)}
.ai-page .byline{margin:14px 0 0;font:12px/1.6 var(--mono);color:var(--mute)}
.ai-page .eyebrow{margin-bottom:12px}
.ai-page .best-grid,.ai-page .card-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px;margin:24px 0 38px}
.ai-page .best-card,.ai-page .compare-card{padding:24px;border:1px solid var(--rule);background:color-mix(in srgb,var(--paper-2) 68%,transparent)}
.ai-page .best-card h3,.ai-page .compare-card h3{margin:0 0 9px}
.ai-page .best-card p,.ai-page .compare-card p{margin:0}
.ai-page .status{display:inline-block;margin-bottom:12px;padding:5px 8px;background:var(--ink);color:var(--paper);font:600 10px/1.2 var(--mono);letter-spacing:.1em;text-transform:uppercase}
.ai-page .status.pending{background:transparent;color:var(--mute);border:1px solid var(--rule)}
.ai-page .verdict{display:grid;grid-template-columns:1fr 1fr;gap:1px;margin:28px 0;background:var(--rule)}
.ai-page .verdict>div{padding:25px;background:var(--paper)}
.ai-page .verdict strong{display:block;margin-bottom:8px;font:600 12px/1.3 var(--mono);letter-spacing:.09em;text-transform:uppercase;color:var(--rust)}
.ai-page .toc{max-width:860px;margin:28px 0;padding:22px 26px;border:1px solid var(--rule)}
.ai-page .toc ol{columns:2;column-gap:34px;margin-bottom:0}
.ai-page .source-note{max-width:860px;margin-top:48px;padding:22px;border:1px solid var(--rule);background:var(--paper-2);font:12px/1.65 var(--mono)}
.ai-page .qa-list details{max-width:860px;border-top:1px solid var(--rule);padding:18px 0}
.ai-page .qa-list details:last-child{border-bottom:1px solid var(--rule)}
.ai-page .qa-list summary{cursor:pointer;font:600 18px/1.4 var(--serif)}
.ai-page .qa-list details p{margin:12px 0 0}
.ai-page .cta-row{display:flex;flex-wrap:wrap;gap:12px;margin:34px 0}
.ai-page .note{max-width:860px;margin:30px 0;padding:20px 24px;border:1px solid var(--rule);font:14px/1.65 var(--mono)}
@media(max-width:760px){
  .ai-page{padding-top:34px}
  .ai-page .best-grid,.ai-page .card-grid,.ai-page .verdict{grid-template-columns:1fr}
  .ai-page .toc ol{columns:1}
  .ai-page .table-scroll table{min-width:720px}
  .ai-page .direct-answer{padding:20px}
}