/* Additions for the generator: answer-first block, profile pages, tables, skip link. Uses the tokens in style.css. */
.skip-link{position:absolute;left:12px;top:-60px;z-index:100;background:var(--paper);color:var(--ink);padding:10px 14px;border-radius:10px;font-weight:900;text-decoration:none}
.skip-link:focus{top:12px}
a:focus-visible,button:focus-visible,summary:focus-visible{outline:3px solid var(--felt-soft);outline-offset:3px}
.article-main .short-answer{border:1px solid var(--line-dark);border-left:4px solid #a85f3f;border-radius:22px;background:#fffaf0;padding:22px 24px;margin-bottom:44px}
.article-main .short-answer-title{font-family:Inter,ui-sans-serif,system-ui,sans-serif;font-size:13px;letter-spacing:.14em;text-transform:uppercase;font-weight:900;color:#7a5521;margin:0 0 8px;line-height:1.3}
.article-main .short-answer p{margin:0;font-size:19px;color:#1d2a22}
.article-main .short-answer .updated-line{margin-top:12px;font-size:14px;color:#4f5a52}
.profile-note{border:1px dashed rgba(36,72,61,.35);border-radius:16px;padding:14px 16px;background:#fffaf0;font-size:16px!important}
.table-wrap{overflow-x:auto;margin:18px 0 30px;border:1px solid var(--line-dark);border-radius:18px;background:#fffaf0}
.spec-table,.compare-table{width:100%;border-collapse:collapse;font-size:16px;color:#243126}
.spec-table caption,.compare-table caption{text-align:left;font-weight:900;padding:14px 16px 6px;color:#24483d}
.spec-table th,.spec-table td,.compare-table th,.compare-table td{text-align:left;vertical-align:top;padding:12px 16px;border-top:1px solid var(--line-dark)}
.spec-table th{width:34%;font-weight:900}
.compare-table thead th{font-size:12px;letter-spacing:.12em;text-transform:uppercase;color:#4f5a52}
.compare-table{min-width:560px}
.source-list ul{padding-left:20px}.source-list li{font-size:16px;margin:6px 0}
.article-main a{color:#24483d}
.article-main .related-card,.article-main .button{color:inherit}
/* Layout: let the article column shrink so wide tables scroll inside .table-wrap instead of widening the page. */
.article-main,.article-body-grid>*{min-width:0}
/* Contrast fixes (WCAG 2.2 AA) for labels inherited from the original design. */
.article-premium .section-label{color:#7a5521}
.method-card .section-label,.image-cta-inline .section-label{color:var(--felt-soft)}
.skill-meta span{color:rgba(23,34,28,.82)}
.archetype-card>span{color:var(--felt-soft)}.test-grid span{color:#7a5521}
.image-cta-inline .eyebrow{color:var(--felt-soft)}

/* Long URLs, model names and spec values wrap instead of widening the page on phones. */
.article-main p,.article-main li,.article-main td,.article-main th,.source-list a{overflow-wrap:anywhere}