/* Still Needs a Human: the content pages (/guides, /compare, /research), round W.
   On top of brand.css and launch.css; only the article body is new here. */
.art{padding-block:clamp(24px,3.4vw,48px) clamp(48px,6vw,96px)}
.art-main{max-width:760px}
.crumbs ol{list-style:none;display:flex;flex-wrap:wrap;gap:6px 10px;padding:0;margin:0 0 clamp(18px,2.4vw,30px);font-size:12px;letter-spacing:.08em;text-transform:uppercase;color:var(--ink3)}
.crumbs li+li::before{content:"/";margin-right:10px;color:var(--rule)}
.crumbs a{color:var(--ink3);padding-block:6px}
.crumbs a:hover{color:var(--hotink)}
.crumbs [aria-current=page]{color:var(--ink2)}
.art h1{margin-bottom:16px}
.byline{font-size:13px;color:var(--ink3);margin-bottom:clamp(26px,3vw,40px)}
.byline a{color:var(--ink2);text-decoration:underline;text-underline-offset:3px;padding-block:6px}
.draft{display:inline-block;font-size:12px;letter-spacing:.06em;color:var(--hotink);border:1px solid var(--hotink);border-radius:4px;padding:3px 8px;margin-bottom:14px}
.prose{font-family:var(--font-text);font-size:18px;line-height:1.65;color:var(--ink)}
.prose>*+*{margin-top:1em}
.prose h2,.prose h3{font-family:var(--font-display);letter-spacing:-.02em;line-height:1.2;position:relative;scroll-margin-top:84px}
.prose h2{font-size:clamp(23px,2.2vw,30px);font-weight:600;margin-top:1.9em}
.prose h3{font-size:clamp(19px,1.7vw,22px);font-weight:600;margin-top:1.6em}
.prose .anchor{margin-left:.35em;color:var(--ink3);font-weight:400;opacity:0;text-decoration:none}
.prose h2:hover .anchor,.prose h3:hover .anchor,.prose .anchor:focus{opacity:1}
.prose a{color:var(--ink);text-decoration:underline;text-decoration-color:var(--hot);text-underline-offset:3px}
.prose a:hover{color:var(--hotink)}
.prose ul,.prose ol{padding-left:1.3em}
.prose li+li{margin-top:.35em}
.prose strong{font-weight:600}
.prose code{font-family:var(--font-mono);font-size:.84em;background:var(--paper2);border:1px solid var(--rule);border-radius:4px;padding:.08em .35em}
.prose pre{background:var(--paper2);border:1px solid var(--rule);border-radius:6px;padding:14px 16px;overflow-x:auto}
.prose pre code{background:none;border:0;padding:0}
.prose blockquote{border-left:3px solid var(--hot);padding-left:18px;color:var(--ink2)}
.prose img{border:1px solid var(--rule);border-radius:6px;height:auto}
.prose table{border-collapse:collapse;width:100%;font-family:var(--font-ui);font-size:15px;line-height:1.45;display:block;overflow-x:auto}
.prose th,.prose td{border-bottom:1px solid var(--rule);padding:9px 12px 9px 0;text-align:left;vertical-align:top}
.prose th{font-weight:600;color:var(--ink2);border-bottom-color:var(--ink3)}
.prose hr{border:0;border-top:1px solid var(--rule)}
.prose .footnote{font-family:var(--font-ui);font-size:14px;color:var(--ink2);margin-top:2.4em}
.prose .footnote hr{margin-bottom:1em}
.prose sup{line-height:0}
.art-faq{margin-top:clamp(36px,4vw,56px)}
.art-faq h2{font-size:clamp(23px,2.2vw,30px);letter-spacing:-.02em;font-weight:600}
.art-author{display:flex;gap:18px;align-items:flex-start;margin-top:clamp(36px,4vw,56px);padding:20px;border:1px solid var(--rule);border-radius:6px}
.art-author img{width:72px;height:72px;border-radius:50%;object-fit:cover;flex:none;filter:grayscale(1) contrast(1.04)}
.art-author p{color:var(--ink2);font-size:15px;line-height:1.55}
.art-author .art-author-name{font-weight:600;color:var(--ink);font-size:16px}
.art-author .art-author-name a{color:var(--ink);text-decoration:underline;text-decoration-color:var(--hot);text-underline-offset:3px}
.art-author .art-author-role{font-size:12px;color:var(--ink3);margin:2px 0 8px}
.art-end{margin-top:clamp(36px,4vw,56px);padding-top:22px;border-top:1px solid var(--rule);font-size:17px;color:var(--ink2)}
.art-end a{color:var(--ink);text-decoration:underline;text-decoration-color:var(--hot);text-underline-offset:3px}
.art-list{list-style:none;padding:0;margin:clamp(26px,3vw,40px) 0 0;border-top:1px solid var(--rule)}
.art-list li{border-bottom:1px solid var(--rule)}
.art-list a{display:block;padding:20px 0}
.art-list h2{font-size:clamp(20px,1.9vw,25px);letter-spacing:-.02em;font-weight:600}
.art-list p{color:var(--ink2);margin-top:6px;max-width:65ch}
.art-list .mono{display:block;margin-top:8px;font-size:12px;color:var(--ink3)}
.art-empty{margin-top:26px;color:var(--ink2)}
@media(max-width:600px){.prose{font-size:17px}.prose table{font-size:14px}}