/* Visual v1.0: approved wireframe geometry lives in page.css. Shared HF is untouched. */
.article-main{--article-accent:#ffd400;--article-paper:#fffdf4;--article-border:#e2e2dc}
.sample-bar{background:#f5f5f2;color:#565650}
.breadcrumb a:hover{text-decoration:underline;text-underline-offset:4px}
.page-intro .eyebrow{color:#62625e}
.page-intro h1{display:table;box-shadow:inset 0 -7px #ffeb83}
.featured{background:#fffdf4;border-color:#e6dfc5;border-radius:12px}
.feature-art{position:relative;border:1px solid #e6dfc5;border-radius:7px;background:#f0e8dc;overflow:hidden}
.feature-art img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:50% 54%}
.feature-art .image-note{position:absolute;right:10px;bottom:10px;padding:4px 8px;line-height:1.4;font-size:10px;letter-spacing:.04em;background:#ffffffeb;color:#4c4944;border-radius:3px}
.article-main .feature-art>.id-tag{top:2px;left:2px}
.section-kicker{display:flex;align-items:center;gap:8px}
.section-kicker::before{content:'';width:6px;height:14px;background:#ffd400;border-radius:2px}
.category{background:#fffaf0;border-color:#ddd7c2;border-radius:4px}
.primary{background:#ffd400;color:#111;border-color:#c5a600;box-shadow:0 2px 0 #bba01c}
.primary:hover{background:#ffe04a;color:#111}
.primary:active{box-shadow:none}
.secondary{border-color:#b1b1aa}
.categories :is(button,a,span){border-color:#adada6;border-radius:24px}
.categories :is(button,a,span):hover{background:#fff9d9}
.categories :is(button,a,span)[aria-pressed=true]{color:#111;background:#ffd400;border-color:#b89d19}
.article-thumb{position:relative;display:flex;flex-direction:column;align-items:flex-start;justify-content:center;gap:10px;overflow:hidden;border:1px solid #e0d59b;border-radius:7px;padding:18px;background:#ffeb8f;color:#282619}
.article-thumb::after{content:'';position:absolute;width:22%;height:3px;background:currentColor;opacity:.25;right:18px;bottom:18px}
.article-thumb .cover-kicker{font-size:10px;line-height:1;letter-spacing:.14em;font-weight:700}
.article-thumb strong{font-size:25px;line-height:1.4;letter-spacing:.03em}
.article-thumb small{font-size:10px;line-height:1.4;color:#565242}
.cover-buyback{background:#f1eee5;border-color:#dfdbcd;color:#35332b}
.cover-psa{background:#f8f8f3;border-color:#ddded3;color:#414339}
.article-card .meta .category{background:#fff;border-color:#d0d0c6}
.article-card .read-link{text-decoration-thickness:1px;text-decoration-color:#c0a319}
.article-card h3 :is(button,a):hover{text-decoration-color:#c0a319}
.article-card:has(h3 :is(button,a):focus-visible) .article-thumb{outline:2px solid #b49c20;outline-offset:2px}
.empty-state{background:#faf9f1;border:1px solid #e0dcca;border-radius:8px}
.empty-state .empty-symbol{color:#756618}
.next-grid>a{border-color:#cecec2;background:#fff;border-radius:8px}
.next-grid>a>span[aria-hidden="true"]:not(.id-tag){color:#4d441a;background:#fff4ad;border-radius:50%;box-shadow:0 0 0 6px #fff4ad}
.next-grid>a:hover{background:#fffdf4;border-color:#c1a622}
.ad-space{background:#f7f7f4;border-color:#cecec5;color:#66665f;border-radius:6px}
.ad-label{background:#fff;border-color:#c6c6bc}
.article-dialog{border-color:#cecebd;border-radius:12px;box-shadow:0 12px 48px #1112}
.detail-placeholder{background:#faf9f1;border:1px solid #e0dcca;border-radius:6px}
@media(max-width:767px){.featured{border-radius:10px}.article-thumb{padding:10px;gap:6px}.article-thumb .cover-kicker,.article-thumb small{display:none}.article-thumb strong{font-size:14px;letter-spacing:0}.article-thumb::after{display:none}.feature-art .image-note{right:7px;bottom:7px;font-size:10px}}
@media(max-width:359px){.article-thumb{padding:8px;gap:4px}.article-thumb strong{font-size:12px}}

/* v1.1: AR-011 through AR-016, one visible row at every review width. */
.categories{flex-wrap:nowrap}
@media(max-width:767px){.categories{gap:4px}.categories :is(button,a,span){flex:1 1 0;min-width:0;padding-inline:4px;white-space:nowrap}}