@import url('/archive-controls.css?v=20261104-controls');

.briefing-archive .page-heading { margin-bottom:40px; }
.briefing-archive .intro { font-size:18px; }
.briefing-archive-heading { margin:24px 0 20px; }
.briefing-archive-heading p { font-size:14px; font-weight:600; margin:0; }
.briefing-archive-list { display:grid; gap:8px; }
.briefing-archive-list .briefing-item { display:grid; grid-template-columns:120px minmax(0,1fr); column-gap:28px; padding:24px 56px 24px 20px; border:0; border-radius:var(--radius-card); transition:background-color .18s; }
.briefing-archive-list .briefing-item:last-child { border:0; }
.briefing-archive-list .briefing-item time { grid-column:1; grid-row:1 / span 2; margin:4px 0 0; font-size:14px; }
.briefing-archive-list .briefing-item h3,.briefing-archive-list .briefing-item p { grid-column:2; }
.briefing-archive-list .briefing-item h3 { font-size:22px; line-height:1.5; margin:0 0 8px; }
.briefing-archive-list .briefing-item p { font-size:16px; -webkit-line-clamp:1; }
.briefing-archive-list .briefing-arrow { right:20px; }
.briefing-archive-list .briefing-item:hover,.briefing-archive-list .briefing-item:focus-within { background:var(--surface-soft); }
.briefing-archive-list .briefing-item:focus-within { outline:2px solid var(--action-accent); outline-offset:0; }
.briefing-archive [hidden] { display:none!important; }
.briefing-empty { text-align:center; padding:56px 20px; }
.briefing-empty h2 { font-size:26px; }
.briefing-empty p { font-size:18px; margin:16px 0 24px; }
.guide-archive-copy { font-size:16px; line-height:1.85; margin:20px 0; }
.guide-briefing-preview { margin:28px 0; }
.guide-briefing-preview .briefing-list { margin-top:20px; }
@media(max-width:760px) {
  .briefing-archive .intro { font-size:16px; }
  .briefing-archive-list .briefing-item { grid-template-columns:minmax(0,1fr); padding:20px 32px 20px 0; }
  .briefing-archive-list .briefing-item time { grid-column:1; grid-row:auto; margin:0 0 10px; font-size:13px; }
  .briefing-archive-list .briefing-item h3,.briefing-archive-list .briefing-item p { grid-column:1; }
  .briefing-archive-list .briefing-item h3 { font-size:20px; }
  .briefing-archive-list .briefing-item p { font-size:14px; -webkit-line-clamp:2; }
  .briefing-archive-list .briefing-arrow { right:4px; }
}
@media(forced-colors:active) { .briefing-archive-list .briefing-item:focus-within { outline-color:Highlight; } }