.str-archive { --str-ink:#20233d; --str-accent:#03006b; --str-line:#d9dbe7; --str-muted:#56596d; color:var(--str-ink); font-family:inherit; font-size:16px; line-height:1.55; width:100%; min-width:0; margin:0 auto; container-type:inline-size; }
.str-archive *, .str-archive *::before, .str-archive *::after { box-sizing:border-box; }
.str-archive [hidden] { display:none !important; }
.str-archive h2,.str-archive h3,.str-archive h4,.str-archive p { color:inherit; margin:0; }
.str-archive .str-intro { border-bottom:1px solid var(--str-line); padding:0 0 24px; margin-bottom:24px; }
.str-archive .str-eyebrow { color:var(--str-accent); font-size:11px; font-weight:750; letter-spacing:.12em; margin-bottom:7px; }
.str-archive h2 { font-family:inherit; font-size:clamp(30px,5vw,44px); font-weight:700; line-height:1.15; margin-bottom:16px; }
.str-archive .str-intro > p:last-child { max-width:640px; color:var(--str-muted); }
.str-archive .str-feature { display:flex; justify-content:space-between; align-items:center; flex-wrap:wrap; gap:16px; background:#f2f3fa; border:1px solid var(--str-line); border-top:4px solid var(--str-accent); border-radius:10px; padding:20px; margin-bottom:24px; }
.str-archive .str-feature h3 { font-size:23px; line-height:1.3; }
.str-archive .str-toolbar { display:flex; align-items:end; justify-content:space-between; flex-wrap:wrap; gap:12px 20px; margin:26px 0 22px; }
.str-archive .str-year-field { flex:1; min-width:min(220px,100%); max-width:340px; }
.str-archive .str-year-field label { display:block; font-size:14px; font-weight:700; margin-bottom:6px; }
.str-archive select { display:block; width:100%; min-height:48px; padding:9px 40px 9px 14px; border:1px solid #9599b0; border-radius:7px; background-color:#fff; color:var(--str-ink); font:inherit; }
.str-archive .str-count { color:var(--str-muted); font-size:14px; padding-bottom:12px; }
.str-archive .str-group-heading { font-size:23px; line-height:1.4; margin:26px 0 14px; }
.str-archive .str-group-heading span { color:var(--str-muted); font-size:13px; font-weight:400; margin-left:8px; }
.str-archive .str-list { display:grid; grid-template-columns:repeat(auto-fit,minmax(min(100%,260px),1fr)); gap:14px; list-style:none; margin:0; padding:0; }
.str-archive .str-edition { min-width:0; display:flex; flex-direction:column; border:1px solid var(--str-line); border-radius:10px; padding:20px; background:#fff; list-style:none; box-shadow:0 2px 8px #03006b05; }
.str-archive .str-latest { border-color:var(--str-accent); background:#f8f8fd; }
.str-archive .str-edition-title { display:flex; align-items:center; gap:12px; margin-bottom:20px; }
.str-archive .str-document { display:grid; place-items:center; width:36px; height:44px; border:1px solid #d2d3e4; background:#f1f1fa; border-radius:5px; font-size:10px; font-weight:800; color:var(--str-accent); flex:none; }
.str-archive .str-cover { display:block; width:84px; height:112px; object-fit:contain; flex:none; border:1px solid var(--str-line); border-radius:4px; background:#f8f8fc; }
.str-archive h4 { font-size:17px; line-height:1.35; font-weight:650; overflow-wrap:anywhere; }
.str-archive .str-actions { display:flex; align-items:center; flex-wrap:wrap; gap:12px; }
.str-archive .str-edition > .str-actions { margin-top:auto; }
.str-archive .str-button { display:inline-flex; justify-content:center; align-items:center; min-height:44px; border:1px solid #969ab3; border-radius:6px; padding:9px 12px; color:var(--str-ink); background:#fff; cursor:pointer; font-family:inherit; font-size:14px; font-weight:650; line-height:1.5; text-decoration:none; white-space:normal; }
.str-archive .str-primary { background:var(--str-accent); border-color:var(--str-accent); color:#fff; }
.str-archive .str-primary:hover { background:#242080; color:#fff; }
.str-archive .str-pdf-link { display:inline-flex; align-items:center; min-height:44px; color:var(--str-accent); text-decoration:underline; text-underline-offset:3px; font-size:14px; }
.str-archive :is(a,button,select):focus-visible { outline:3px solid #a65a10; outline-offset:3px; }
.str-archive .str-reader { margin:0 0 28px; border:1px solid #babed4; border-radius:10px; overflow:hidden; scroll-margin-top:48px; background:#fff; }
.str-archive .str-reader-latest { border-top:4px solid var(--str-accent); }
.str-archive .str-reader-bar { display:flex; align-items:center; justify-content:space-between; flex-wrap:wrap; gap:16px; padding:20px; background:#f8f8fc; }
.str-archive .str-reader h3 { font-size:25px; font-weight:700; line-height:1.3; }
.str-archive .str-reader-status,.str-archive .str-reader-help { padding:12px 20px; font-size:13px; color:var(--str-muted); }
.str-archive .str-frame { background:#ececec; }
.str-archive .str-frame iframe { display:block; width:100%; height:72vh; min-height:420px; border:0; }
.str-archive .str-note { color:var(--str-muted); font-size:13px; margin-top:24px; }
.str-archive .str-unavailable { font-size:14px; }
.str-archive .str-sr { position:absolute; width:1px; height:1px; padding:0; margin:-1px; overflow:hidden; clip:rect(0,0,0,0); white-space:nowrap; border:0; }
@container (max-width:480px) {
  .str-archive .str-toolbar { display:block; }
  .str-archive .str-year-field { width:100%; max-width:none; }
  .str-archive .str-count { padding:10px 0 0; }
  .str-archive .str-edition { padding:16px; }
  .str-archive .str-edition-title { margin-bottom:12px; }
  .str-archive .str-reader-bar { align-items:start; padding:16px; }
  .str-archive .str-reader-bar .str-actions { width:100%; gap:8px; }
  .str-archive .str-reader-bar .str-button { flex:1; }
  .str-archive .str-frame iframe { height:64vh; min-height:320px; }
  .str-archive .str-reader h3 { font-size:23px; }
}