/* articles-v1.1/base.css */
body.th-articles-page{--accent:#ffd400;--ink:#111;--muted:#62625e;--line:#e2e2dc;--paper:#fff;--canvas:#f3f3f1;--dark:#171717;--gutter:16px;--focus:#175fca;margin:0;color:var(--ink);background:var(--paper);font:14px/1.6 -apple-system,BlinkMacSystemFont,"Segoe UI","Noto Sans JP","Yu Gothic",Meiryo,sans-serif}
.th-articles-page *{box-sizing:border-box}.th-articles-page a{color:inherit;text-decoration:none}.th-articles-page button{font:inherit;color:inherit;cursor:pointer}.th-articles-page button,.th-articles-page nav a{min-height:44px}.th-articles-page :focus-visible{outline:3px solid var(--focus);outline-offset:3px}:where(.th-articles-page) .common-container{width:min(1200px,calc(100% - var(--gutter)*2));margin-inline:auto}
@media(min-width:768px){body.th-articles-page{--gutter:24px}}


/* top-v2.6/approved-source/header-footer.css */
/* Approved shared header/footer v1.4. Scoped adapter; TOP wireframe.css stays byte-identical. */
.hf-component {
  --accent:#FFD400; --ink:#111111; --muted:#62625E; --line:#E2E2DC;
  --paper:#fff; --canvas:#F3F3F1; --dark:#171717; --gutter:16px; --focus:#175FCA;
  font-family:-apple-system,BlinkMacSystemFont,"Segoe UI","Noto Sans JP","Yu Gothic",Meiryo,sans-serif;
  font-size:14px; line-height:1.6; color:var(--ink);
}
:where(.hf-component) button {font:inherit; color:inherit; cursor:pointer}
.hf-component button,.hf-component nav a {min-height:44px}
.hf-component :focus-visible {outline:3px solid var(--focus); outline-offset:3px}
.hf-site-footer :focus-visible {outline-color:#fff}
.hf-common-container {width:min(1200px,calc(100% - var(--gutter)*2)); margin-inline:auto}
.hf-site-header {background:var(--paper); border-bottom:2px solid var(--accent)}
.hf-header-inner {min-height:62px; display:flex; align-items:center; justify-content:space-between; gap:24px}
.hf-header-brand {display:flex; align-items:center; min-height:44px; flex:none}
.hf-logo-window {display:block; width:154px; aspect-ratio:1710/400}
.hf-logo-window svg {display:block; width:100%; height:100%; overflow:hidden}
.hf-quick-nav {display:none; align-items:center; flex-wrap:wrap; justify-content:flex-end; gap:0 20px}
.hf-quick-nav a {display:flex; align-items:center; padding-block:8px; font-size:12px; font-weight:700; white-space:nowrap}
.hf-quick-nav a[aria-current="page"] {box-shadow:inset 0 -3px var(--accent)}
.hf-quick-nav a:hover {color:#595018}
.hf-menu-toggle {min-width:92px; display:flex; align-items:center; justify-content:center; gap:8px; padding:8px 12px; border:1px solid #D6B500; border-radius:6px; background:var(--accent); font-size:12px; font-weight:700}
.hf-menu-glyph {font-size:18px; line-height:1}
.hf-site-menu {width:min(520px,calc(100% - 32px)); max-height:calc(100dvh - 32px); padding:24px 16px 16px; margin:auto; border:1px solid #B8B8B1; border-radius:8px; background:var(--paper); color:var(--ink); overflow:auto}
.hf-site-menu::backdrop {background:rgb(17 17 17 / .40)}
html[data-menu-open="1"] {overflow:hidden}
.hf-menu-heading {display:flex; justify-content:space-between; align-items:center; gap:16px; margin-bottom:20px}
.hf-menu-heading h2 {margin:0; font-size:18px}
.hf-menu-close {padding:8px 12px; min-width:88px; border:1px solid #B8B8B1; border-radius:6px; background:var(--paper); font-size:14px}
.hf-menu-close span:not(.ledger-badge) {font-size:18px; margin-left:6px}
.hf-drawer-nav {display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:12px}
.hf-drawer-nav a {display:flex; align-items:center; padding:10px 8px; min-height:64px; border:1px solid var(--line); border-radius:4px; overflow-wrap:anywhere; font-size:13px; font-weight:600; line-height:1.5}
.hf-drawer-nav a[aria-current="page"] {background:#FFF9D9; box-shadow:inset 3px 0 var(--accent)}
.hf-drawer-nav a:hover {background:var(--canvas)}
.hf-site-footer {background:var(--dark); color:#fff}
.hf-footer-inner {padding-block:8px; display:grid; grid-template-columns:100px minmax(0,1fr); gap:0 8px; align-items:center}
.hf-footer-brand {display:flex; justify-content:center; align-items:center; padding:0; min-height:44px; width:100px; background:transparent}
.hf-footer-brand .hf-logo-window {width:100px}
.hf-policy-nav {display:flex; align-items:center; justify-content:flex-end; flex-direction:row; flex-wrap:wrap; gap:0 8px; min-width:0}
.hf-policy-nav a {display:flex; align-items:center; font-size:11px; font-weight:400; line-height:1.4; padding-block:8px; white-space:nowrap; color:#A6A6A6}
.hf-policy-nav a:hover {text-decoration:underline; text-underline-offset:4px}
.hf-copyright {grid-column:1/-1; font-size:10px; line-height:1.2; color:#A6A6A6}
/* ID annotations only use absolute positioning; they do not participate in layout. */
.hf-component[data-ledger-id],.hf-component [data-ledger-id] {position:relative}
.hf-component .ledger-badge {position:absolute; z-index:2; top:0; left:0; display:block; max-width:none; white-space:nowrap; padding:0 3px; border:1px solid #929BB7; border-radius:2px; background:#F0F3FF; color:#182B57; font:8px/10px Consolas,monospace; pointer-events:none; opacity:0}
.id-mode .hf-component .ledger-badge {opacity:1}
.hf-site-header > .ledger-badge,.hf-site-footer > .ledger-badge {left:2px}
.hf-header-brand > .ledger-badge,.hf-footer-brand > .ledger-badge {top:auto; bottom:-8px}
.hf-site-footer .ledger-badge {font:8px/8px Consolas,monospace}
.hf-footer-brand > .ledger-badge {left:0; bottom:1px}
.hf-footer-brand .hf-logo-window > .ledger-badge {top:-10px; left:40px}
.hf-logo-window > .ledger-badge {top:-9px}
.hf-header-brand .hf-logo-window > .ledger-badge {left:70px}
.hf-quick-nav > .ledger-badge,.hf-policy-nav > .ledger-badge,.hf-drawer-nav > .ledger-badge {top:-12px}
.hf-drawer-nav > .ledger-badge {top:-20px}
.hf-quick-nav a > .ledger-badge {top:auto; bottom:0}
.hf-quick-nav a:nth-child(5) > .ledger-badge {left:-2px}
.hf-menu-toggle > .ledger-badge {top:-10px}
.hf-policy-nav a > .ledger-badge {top:auto; bottom:1px}
.hf-copyright > .ledger-badge {top:-10px}
.hf-policy-nav > .ledger-badge {top:0}
.hf-copyright > .ledger-badge {top:0; left:170px}
.hf-drawer-nav a > .ledger-badge {top:-5px}
.hf-menu-close > .ledger-badge {top:-10px}
.hf-site-menu > .ledger-badge {top:2px}
/* Keep the brand and all three policy links in one row at narrow mobile widths. */
@media(max-width:389px) {
  .hf-policy-nav {display:flex; flex-wrap:nowrap; justify-content:space-between; gap:0 4px}
  .hf-policy-nav a {min-width:44px; flex:none; padding-block:6px; font-size:10px; white-space:nowrap; justify-content:center; text-align:center}
  .hf-policy-nav a wbr {display:none}
  .hf-policy-nav > .ledger-badge {top:-8px}
  .hf-policy-nav a > .ledger-badge {top:-20px; bottom:auto; padding-inline:1px}
}
/* Requested narrow-footer exception. Other content remains at least10px. */
@media(max-width:359px) {
  .hf-policy-nav a {font-size:8px}
}
@media(min-width:768px) {
  .hf-component {--gutter:24px}
  .hf-header-inner {min-height:70px}
  .hf-header-brand .hf-logo-window {width:171px}
  .hf-footer-brand {width:138px}
  .hf-footer-brand .hf-logo-window {width:138px}
  .hf-footer-inner {grid-template-columns:138px auto minmax(0,1fr); gap:0 24px}
  .hf-policy-nav {justify-content:flex-start; gap:0 20px}
  .hf-copyright {grid-column:auto; text-align:right}
  .hf-footer-brand > .ledger-badge {bottom:-7px}
  .hf-copyright > .ledger-badge {top:16px; left:auto; right:0}
}
/* Common navigation threshold; v1.3 checks 959/960/961 and the legacy 1024 boundary. */
@media(min-width:960px) {
  .hf-quick-nav {display:flex}
  .hf-menu-toggle {display:none}
}

/* ID-only adapter: preserve TOP's canonical29 common IDs; close keeps its existing unnumbered control. */
.id-mode .hf-component[data-ledger-id],.id-mode .hf-component [data-ledger-id] {outline:none}
.hf-component .ledger-badge {font:8px/10px Consolas,monospace!important;padding:0 3px!important;border:1px solid #929BB7!important;overflow:visible}
.hf-site-footer .ledger-badge {font:8px/8px Consolas,monospace!important}
/* The page-level annotation uses the existing gap, not the common header's ID location. */
.id-mode .page-shell > .ledger-badge {top:64px}
@media(min-width:768px){.id-mode .page-shell > .ledger-badge {top:72px}}


/* common-hf-v1.4/bridge.css */
/* Scoped base rules normally supplied by TOP's page CSS. Body styles stay intact. */
.th-common-hf14-page .hf-component,
.th-common-hf14-page .hf-component * { box-sizing:border-box; }
.th-common-hf14-page .hf-component a { text-decoration:none; }
.th-common-hf14-page .hf-component button,
.th-common-hf14-page .hf-component a { -webkit-tap-highlight-color:transparent; }
/* The reviews plugin resets every button font and focus outline on its page. */
.th-common-hf14-page .hf-menu-toggle { font-size:12px; font-weight:700; line-height:1.6; }
.th-common-hf14-page .hf-component :focus-visible { outline:3px solid var(--focus); outline-offset:3px; }
.th-common-hf14-page .hf-site-footer :focus-visible { outline-color:#fff; }


/* articles-v1.1/page.css */
.article-main{padding-bottom:40px;font-size:15px}.article-main h1{font-size:28px;line-height:1.35}.article-main h2{margin:0;font-size:22px;line-height:1.5}.article-main p{margin:0}.article-main button,.article-dialog button,.article-dialog a{font-size:14px}button{border-radius:6px}.sample-bar{background:#f3f3f1;border-bottom:1px solid #e2e2dc;font-size:12px;color:#62625e}.sample-bar>div{display:flex;align-items:center;justify-content:space-between;gap:8px;min-height:42px}.sample-bar strong{font-weight:500}.sample-bar a{text-decoration:underline;text-underline-offset:3px;display:flex;align-items:center;min-height:44px}.breadcrumb{display:flex;align-items:center;gap:12px;color:#62625e;font-size:12px;padding-top:12px}.breadcrumb a{display:flex;align-items:center;min-height:44px}.page-intro{margin:12px 0 24px}.page-intro .eyebrow{font-size:11px;letter-spacing:.16em;font-weight:700;margin-bottom:6px}.page-intro>p:last-child{margin-top:12px;color:#62625e;line-height:1.8}.mobile-break,.feature-break{display:none}.featured{display:grid;grid-template-columns:minmax(0,1.05fr) minmax(0,1fr);gap:32px;align-items:center;padding:24px;background:#fafaf7;border:1px solid #e2e2dc;border-radius:8px}.feature-art{aspect-ratio:16/9;background:#ededeb;border:1px dashed #b8b8b1;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:12px;color:#62625e}.feature-art span{font-size:12px;letter-spacing:.15em}.feature-art b{font-size:16px;font-weight:500}.feature-art small{font-size:12px}.section-kicker{font-size:14px;font-weight:700}.meta{display:flex;align-items:center;gap:12px;color:#62625e;font-size:12px;margin:12px 0}.category{display:inline-flex;align-items:center;justify-content:center;min-width:48px;padding:3px 8px;border:1px solid #ccc;background:white;color:#111;border-radius:4px;font-size:12px}.feature-body h2{font-size:25px}.article-main .feature-summary{font-size:14px;color:#62625e;line-height:1.85;margin-top:16px;max-width:38em}.article-main .date{font-size:12px;color:#62625e;margin:12px 0}.primary,.secondary{min-height:44px;display:inline-flex;align-items:center;justify-content:center;gap:24px;padding:10px 18px;border:1px solid #b8b8b1;font-weight:700;background:white;border-radius:6px}.primary{background:#111;color:white;border-color:#111;min-height:48px}.primary:hover{background:#333}.secondary:hover{background:#f3f3f1}.article-list-section{margin-top:40px}.section-heading{display:flex;align-items:center;justify-content:space-between;gap:12px}.section-heading>p{color:#62625e;font-size:12px}.categories{display:flex;flex-wrap:wrap;gap:8px;margin-top:20px;padding-bottom:20px;border-bottom:1px solid #e2e2dc}.categories :is(button,a,span){min-width:68px;min-height:44px;padding:8px 18px;border:1px solid #b8b8b1;background:#fff;font-weight:700}.categories :is(button,a,span)[aria-pressed=true]{background:#111;color:white;border-color:#111}.article-main .result-count{margin:16px 0;color:#62625e;font-size:12px}.article-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));column-gap:24px;row-gap:28px}.article-card{display:flex;flex-direction:column;min-width:0;padding:0 0 18px;border-bottom:1px solid #e2e2dc}.article-thumb{aspect-ratio:16/9;display:grid;place-items:center;background:#f3f3f1;border:1px dashed #ccc;color:#62625e;font-size:12px}.article-card h3{font-size:17px;line-height:1.65;margin:0 0 8px;font-weight:700}.article-card h3 :is(button,a){padding:0;text-align:left;font:inherit;background:none;border:0;min-height:44px;line-height:1.65}.article-card h3 :is(button,a):hover{text-decoration:underline;text-underline-offset:4px}.article-card .summary{font-size:14px;line-height:1.8;color:#62625e;margin-bottom:12px}.article-card .card-bottom{margin-top:auto;display:flex;justify-content:space-between;align-items:center;gap:12px}.card-bottom .date{margin:0}.read-link{background:none;border:0;padding:8px 0;min-height:44px;font-weight:700;text-decoration:underline;text-underline-offset:4px}.article-main .all-shown{margin-top:24px;color:#62625e;font-size:12px;text-align:center}.empty-state{border:1px dashed #b8b8b1;background:#fafaf7;padding:36px 20px;text-align:center}.empty-state h3{font-size:20px;margin:8px 0 12px}.empty-state p{color:#62625e;font-size:14px}.empty-state .empty-symbol{font-size:32px}.empty-state button{margin-top:24px}.next-section{margin-top:40px;padding-top:28px;border-top:1px solid #b8b8b1}.next-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin-top:20px}.next-grid>a{display:flex;justify-content:space-between;align-items:center;gap:16px;border:1px solid #b8b8b1;border-radius:6px;padding:16px;min-height:92px}.next-grid b{display:block;font-size:15px}.next-grid small{display:block;font-size:12px;color:#62625e;margin-top:6px}.next-grid>a:hover{background:#fafaf7}.ad-space{margin-top:32px;border:1px dashed #b8b8b1;padding:16px;display:flex;align-items:center;justify-content:center;gap:20px;min-height:116px;color:#62625e}.ad-label{font-size:12px;border:1px solid #b8b8b1;padding:2px 8px}.ad-space strong{font-size:14px;font-weight:500}.ad-space p{font-size:12px;margin-top:4px}.article-dialog{width:min(700px,calc(100% - 32px));max-height:calc(100dvh - 32px);padding:24px;border:1px solid #b8b8b1;border-radius:8px;color:#111;background:#fff;overflow:auto}.article-dialog::backdrop{background:rgb(17 17 17/.4)}.dialog-head{display:flex;align-items:center;justify-content:space-between;gap:12px;font-size:14px}.article-dialog h2{font-size:22px;line-height:1.6}.article-dialog>p{font-size:14px;line-height:1.8}.dialog-note{color:#62625e;font-size:12px!important}.detail-placeholder{background:#f3f3f1;border:1px dashed #b8b8b1;text-align:center;padding:32px;font-size:14px;color:#62625e}.detail-next{display:flex;flex-wrap:wrap;gap:12px;margin:24px 0}.detail-next h3{font-size:16px;flex-basis:100%;margin:0}.article-main .id-tag,.article-dialog .id-tag{font-size:10px;line-height:12px;max-width:none;overflow:visible}.article-main [data-ref-id]>.id-tag{top:-8px}.article-main h2[data-ref-id]>.id-tag{top:-12px}.article-main [data-ref-id]{min-width:0}.article-card .id-tag{top:0!important}.article-main :focus-visible,.article-dialog :focus-visible{outline:2px solid #111;outline-offset:3px}.article-main .primary:focus-visible{outline-offset:4px}[hidden]{display:none!important}
@media(max-width:959px){.featured{gap:24px;padding:20px}.feature-body h2{font-size:22px}.article-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.next-grid{grid-template-columns:1fr}.next-grid>a{min-height:80px}.feature-summary{font-size:14px}}
@media(max-width:767px){.article-main{font-size:14px;padding-bottom:32px}.article-main h1{font-size:24px}.article-main h2{font-size:20px}.sample-bar>div{align-items:flex-start;flex-direction:column;gap:0;padding-top:8px}.sample-bar a{min-height:44px;font-size:12px}.page-intro{margin-top:8px;margin-bottom:20px}.page-intro>p:last-child{font-size:14px}.mobile-break{display:block}.featured{grid-template-columns:1fr;gap:20px;padding:16px}.feature-art{max-height:180px;width:100%}.feature-body h2{font-size:21px}.feature-break{display:block}.featured .primary{width:100%}.article-main .feature-summary{margin-top:12px}.article-list-section{margin-top:32px}.categories{gap:8px;margin-top:16px;padding-bottom:16px}.categories :is(button,a,span){padding:8px 14px;min-width:60px}.article-grid{grid-template-columns:1fr;row-gap:24px}.article-card{display:grid;grid-template-columns:100px minmax(0,1fr);gap:12px;padding-bottom:18px;align-items:start}.article-thumb{aspect-ratio:4/3;margin-top:2px;font-size:11px}.article-card .meta{margin:0 0 8px;gap:8px;flex-wrap:wrap}.article-card h3{font-size:15px;line-height:1.7}.article-card .summary{font-size:13px;line-height:1.7}.article-card .date{font-size:11px}.article-card .card-bottom{flex-wrap:wrap;gap:0 12px}.read-link{font-size:13px!important}.next-section{margin-top:32px;padding-top:24px}.next-section h2{font-size:18px}.next-grid{margin-top:16px}.ad-space{gap:12px;padding:16px 12px}.article-dialog{padding:18px}.article-dialog h2{font-size:20px}.detail-next .secondary{width:100%}}
@media(max-width:359px){.article-main{width:calc(100% - 24px)}.feature-body h2{font-size:19px}.featured{padding:12px}.article-card{grid-template-columns:80px minmax(0,1fr);gap:12px}.categories :is(button,a,span){min-width:56px;padding-inline:12px}.article-card h3{font-size:14px}.next-section h2{font-size:17px}.article-thumb{font-size:10px}}

@media(max-width:767px){.feature-art{aspect-ratio:16/7;max-height:140px;gap:6px}.page-intro>p:last-child{margin-top:8px}.feature-body h2{line-height:1.5}.feature-summary{line-height:1.7!important}}

@media(min-width:768px) and (max-width:1199px){.feature-break{display:block}}


/* articles-v1.1/visual.css */
/* 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}}


/* articles-v1.1/runtime.css */
/* Native links keep the approved button geometry. No sample records or client filtering. */
.article-main .categories a,.article-main .categories span{display:inline-flex;align-items:center;justify-content:center;font-size:14px;line-height:inherit;text-align:center;min-width:0}
.article-main .categories [aria-disabled]{opacity:.6}.article-main .categories [aria-current=page]{color:#111;background:#ffd400;border-color:#b89d19}
.article-card h3 a{display:block}.article-main .read-link{display:inline-flex;align-items:center;font-size:14px}.article-main .primary{font-size:14px}
.article-main .article-photo{padding:0}.article-photo img{width:100%;height:100%;object-fit:cover}.article-photo::after{display:none}
.article-main .empty-state .secondary{margin-top:24px}.article-main .pagination,.article-pagination{margin:24px 0}.article-main .nav-links{display:flex;flex-wrap:wrap;gap:8px;justify-content:center}.article-main .page-numbers,.article-pagination .post-page-numbers{display:inline-flex;min-width:44px;min-height:44px;align-items:center;justify-content:center;padding:8px 12px;border:1px solid #b8b8b1;border-radius:6px}.article-main .current{background:#ffd400;color:#111}
.article-main .screen-reader-text{position:absolute!important;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
.article-main .breadcrumb{flex-wrap:wrap;overflow-wrap:anywhere}.article-detail{max-width:820px;margin-inline:auto}.article-detail h1{overflow-wrap:anywhere}.article-detail-image{margin:24px 0}.article-detail-image img{display:block;width:100%;height:auto}.article-body{font-size:16px;line-height:1.9;overflow-wrap:anywhere}.article-body p{margin:1em 0}.article-body h2{margin:1.5em 0 .5em}.article-body img,.article-body video,.article-body iframe{max-width:100%;height:auto}.article-body pre,.article-body .wp-block-table{overflow:auto}.article-body a{text-decoration:underline;text-underline-offset:3px}.article-body .wp-block-image{margin-inline:0}.article-body .alignwide,.article-body .alignfull{max-width:100%;width:100%;margin-inline:0}
@media(max-width:767px){.article-main .read-link{font-size:13px}.article-body{font-size:15px}.article-detail .detail-next .secondary{width:100%}}