/* AER Feed: home "Latest records" list plus its Phase 3a toolbar (search,
   facet chips, CISA KEV toggle), styling for the assets/feed.js render
   module. Tokens only - both light and dark atlas themes must render
   correctly. */
.af-feed{width:100%}

/* Facet-chip / CISA KEV toolbar, mounted by feed.js into the host page's
   own filters container (site/pages/home.html's #atlas-home-filters, right
   under the seam search box - that search input itself is home.html's own
   markup, not rendered by this module). */
.af-toolbar-filters{display:flex;flex-wrap:wrap;align-items:flex-start;gap:var(--space-3) var(--space-4);margin-top:var(--space-3);max-width:600px}
.af-toolbar-kev{flex:none;min-height:44px;padding:0 var(--space-4);border:1px solid var(--line);border-radius:6px;background:var(--panel);color:var(--tx);font:500 13px var(--sans);cursor:pointer;white-space:nowrap}
.af-toolbar-kev:hover{border-color:var(--tx2)}
.af-toolbar-kev[aria-pressed="true"]{border-color:var(--acc);color:var(--acc);background:color-mix(in srgb, var(--acc) 7%, var(--panel))}
.af-toolbar-facets{flex:1 1 320px;min-width:240px}
.af-match-count{margin:0 0 var(--space-3);font:500 var(--atlas-small) var(--sans);color:var(--tx2)}

.af-list{list-style:none;margin:0;padding:0;border-top:1px solid var(--line)}
.af-row{display:grid;grid-template-columns:minmax(0,1fr) 92px 132px 76px;grid-template-areas:"id date evidence open" "main main main main";gap:var(--space-2) var(--space-4);align-items:center;padding:var(--space-4) 0;border-bottom:1px solid var(--line)}
.af-row-id{grid-area:id;font:500 11px/1.5 var(--mono);color:var(--tx3)}
.af-date{grid-area:date;font:500 var(--atlas-caption) var(--mono);color:var(--tx3);justify-self:start;white-space:nowrap;font-variant-numeric:tabular-nums}
.af-row-evidence{grid-area:evidence;display:inline-flex;align-items:center;gap:var(--space-2);border:1px solid var(--line);border-radius:4px;background:var(--panel);padding:2px var(--space-2);font-size:var(--atlas-small);color:var(--tx2);white-space:nowrap;justify-self:start}
.af-row-evidence b{font:500 11px/1.5 var(--mono);color:var(--tx2)}
.af-row-evidence-e1 b{color:var(--e1)}
.af-row-evidence-e2 b{color:var(--e2)}
.af-row-evidence-e3 b{color:var(--e3)}
.af-row-open{grid-area:open;justify-self:end;display:inline-flex;align-items:center;justify-content:center;min-height:36px;padding:0 var(--space-3);border:1px solid var(--line);border-radius:6px;font:500 13px var(--sans);color:var(--tx);text-decoration:none;white-space:nowrap}
.af-row-open:hover{border-color:var(--tx2);color:var(--acc)}
.af-main{grid-area:main;min-width:0}
.af-title{display:inline-block;font:600 var(--atlas-body) var(--sans);color:var(--tx);text-decoration:none;line-height:1.45}
.af-title:hover{color:var(--acc);text-decoration:underline}
.af-row-takeaway{margin:var(--space-1) 0 0;font-size:var(--atlas-small);color:var(--tx2);line-height:1.6;max-width:80ch}
.af-row-takeaway ul{padding-left:var(--space-5);margin:var(--space-1) 0 0}
.af-row-takeaway li+li{margin-top:var(--space-1)}
.af-row-entities{display:flex;flex-wrap:wrap;align-items:center;gap:var(--space-2) var(--space-3);margin-top:var(--space-2);font-size:var(--atlas-small);color:var(--tx2)}
.af-badge{font:700 10px/1 var(--mono);letter-spacing:.06em;text-transform:uppercase;color:var(--orange);background:var(--atlas-tint);border:1px solid color-mix(in srgb, var(--orange) 30%, transparent);border-radius:var(--chaos-radius-sm, 4px);padding:5px 7px;white-space:nowrap}
.af-frame{display:inline-block;width:8px;height:8px;border-radius:50%;background:var(--tx3)}
.af-empty{padding:var(--space-8) 0;color:var(--tx2);font-size:var(--atlas-small)}
.af-empty p{margin:0 0 var(--space-3)}
.af-year-caption{padding:var(--space-4) 0 var(--space-2);color:var(--tx3);font:600 var(--atlas-caption) var(--mono);letter-spacing:.04em;text-transform:uppercase;border-top:1px dashed var(--line2)}

.af-caption{margin:var(--space-4) 0 0;font-family:var(--mono);font-size:11px;letter-spacing:.02em;color:var(--tx2);line-height:1.6}

.af-pager{display:flex;align-items:center;justify-content:space-between;gap:var(--space-4);flex-wrap:wrap;padding-top:var(--space-5)}
.af-pager[hidden]{display:none}
.af-pager-status{color:var(--tx2);font-size:var(--atlas-small)}
.af-pager-pages{display:flex;flex-wrap:wrap;align-items:center;gap:var(--space-2)}
.af-pager-btn{min-width:44px;min-height:44px;padding:0 var(--space-3);border:1px solid var(--line2);border-radius:var(--chaos-radius-sm, 4px);background:var(--panel);color:var(--tx);font:600 13px var(--sans);cursor:pointer}
.af-pager-btn:hover:not(:disabled){border-color:var(--acc);color:var(--acc)}
.af-pager-btn:disabled{opacity:.4;cursor:default}
.af-pager-btn[aria-current="page"]{border-color:var(--acc);color:var(--acc);background:var(--atlas-tint)}
.af-pager-gap{color:var(--tx3);padding:0 var(--space-1)}

.af-row-skeleton{grid-template-columns:104px 40px minmax(0,1fr);grid-template-areas:none;align-items:center}
.af-skel{display:block;border-radius:4px;background:var(--bg2);animation:af-shimmer 1.8s ease-in-out infinite}
.af-skel-date{width:64px;height:12px}
.af-skel-tier{width:22px;height:12px}
.af-skel-title{width:min(420px,70%);height:14px}
@keyframes af-shimmer{0%,100%{opacity:.5}50%{opacity:1}}

.af-error{padding:var(--space-8) 0}
.af-panel{border:1px solid var(--line);border-radius:8px;background:var(--bg2);padding:var(--space-4) var(--space-5);display:flex;gap:var(--space-4);align-items:flex-start}
.af-pip{flex:none;width:8px;height:8px;border-radius:50%;background:var(--red);margin-top:6px;display:block}
.af-panel-body{min-width:0;flex:1}
.af-panel-title{margin:0;font:600 14px var(--sans);color:var(--tx)}
.af-panel-detail{margin:var(--space-1) 0 0;font-size:13px;line-height:1.55;color:var(--tx2)}
.af-panel-actions{display:flex;gap:var(--space-2);margin-top:var(--space-3)}
.af-btn{min-height:44px;padding:0 var(--space-4);border-radius:4px;font:600 13px var(--sans);cursor:pointer;border:1px solid var(--acc);background:var(--acc);color:#fff;text-decoration:none;display:inline-flex;align-items:center}
.af-btn-outline{background:transparent;color:var(--tx2);border-color:var(--line2)}
.af-btn-outline:hover{color:var(--tx);border-color:var(--tx2)}

@media(max-width:820px){
  .af-row{grid-template-columns:minmax(0,1fr) max-content;grid-template-areas:"id date" "main main" "evidence open";gap:var(--space-2) var(--space-3)}
  .af-row-id{grid-area:id}
  .af-date{grid-area:date;justify-self:end}
  .af-main{grid-area:main}
  .af-row-evidence{grid-area:evidence}
  .af-row-open{grid-area:open}
  .af-row-skeleton{grid-template-columns:1fr auto;grid-template-areas:none}
}
@media(max-width:540px){
  .af-pager{justify-content:center;text-align:center}
  .af-pager-status{width:100%;text-align:center}
}