@font-face{
    font-family:'Nunito Sans';
    font-style:normal;
    font-weight:300 900;
    font-display:swap;
    src:url(nunito-sans.woff2) format('woff2');
  }
  
  :root{
    --ground:#ffffff;
    --ground-2:#f2f3f6;
    --card:#f7f8fa;
    --ink:#575756;
    --gold:#3d5c93;
    --gold-soft:#28265c;
    --rust:#28265c;--cta-hover:#3d5c93;
    --line:#e3e3e3;
    --muted:#7a7a79;--navy:#28265c;--on-navy:#c9c7de;

    --font-display:'Nunito Sans',Arial,sans-serif;
    --font-body:'Nunito Sans',Arial,sans-serif;
    --font-mono:'Nunito Sans',Arial,sans-serif;

    --maxw:720px;
  }
  @media (prefers-color-scheme: dark){
    :root{
      --ground:#17162e; --ground-2:#201f45; --card:#201f45; --ink:#e7e5f2;
      --gold:#93b1e6; --gold-soft:#b9c6e8; --rust:#3d5c93;--cta-hover:#5878ad; --line:#34335f; --muted:#b3b0d0;
    }
  }
  :root[data-theme="dark"]{
    --ground:#17162e; --ground-2:#201f45; --card:#201f45; --ink:#e7e5f2;
    --gold:#93b1e6; --gold-soft:#b9c6e8; --rust:#3d5c93;--cta-hover:#5878ad; --line:#34335f; --muted:#b3b0d0;
  }
  :root[data-theme="light"]{
    --ground:#ffffff; --ground-2:#f2f3f6; --card:#f7f8fa; --ink:#575756;
    --gold:#3d5c93; --gold-soft:#28265c; --rust:#28265c;--cta-hover:#3d5c93; --line:#e3e3e3; --muted:#7a7a79;--navy:#28265c;--on-navy:#c9c7de;
  }

  *{box-sizing:border-box;}
  body{
    margin:0;
    background:var(--ground);
    color:var(--ink);
    font-family:var(--font-body);
    font-size:17px;
    line-height:1.6;
    -webkit-text-size-adjust:100%;
    overflow-x:hidden;
  }
  a{color:var(--gold-soft);}
  :root[data-theme="dark"] a{color:var(--gold);}
  @media (prefers-color-scheme: dark){ :root:not([data-theme="light"]) a{color:var(--gold);} }
  img{max-width:100%;display:block;}

  .masthead{
    background:var(--navy);
    color:var(--on-navy);
    padding:1.5rem 1.25rem 1.3rem;
    text-align:center;
    border-bottom:6px solid var(--gold);
  }
  .masthead h1{
    margin:.2rem 0 .35rem;
    font-family:var(--font-display);
    font-size:clamp(1.5rem,5.5vw,2.2rem);
    letter-spacing:.04em;
    font-weight:900;
    text-transform:uppercase;
    text-wrap:balance;
    color:#fff;
  }
  .masthead .tag{
    color:var(--on-navy);
    font-family:var(--font-body);
    font-style:italic;
    font-size:1.02rem;
    margin:0;
  }

  main{
    max-width:var(--maxw);
    margin:0 auto;
    padding:2.2rem 1.1rem 1rem;
  }

  .intro{
    color:var(--muted);
    font-size:1.02rem;
    margin-bottom:1.8rem;
  }

  .issue-list{
    display:flex;
    flex-direction:column;
    gap:1rem;
    list-style:none;
    margin:0;
    padding:0;
  }

  
  li.issue{
    background:var(--card);
    border:1px solid var(--line);
    border-radius:6px;
    padding:1.3rem 1.4rem;
    display:flex;
    gap:1.1rem;
    align-items:flex-start;
  }
  .issue-badge{
    flex:0 0 auto;
    font-family:var(--font-mono);
    font-size:.72rem;
    font-weight:600;
    letter-spacing:.08em;
    text-transform:uppercase;
    color:var(--gold-soft);
    background:var(--ground-2);
    border:1px solid var(--line);
    border-radius:2px;
    padding:.3rem .55rem;
    white-space:nowrap;
  }
  .issue-body{flex:1 1 auto;min-width:0;}
  .issue-date{
    font-family:var(--font-mono);
    font-size:.76rem;
    color:var(--muted);
    letter-spacing:.03em;
    margin:0 0 .25rem;
  }
  .issue-title{
    font-family:var(--font-display);
    font-size:1.2rem;
    font-weight:700;
    margin:0 0 .35rem;
    text-wrap:balance;
  }
  .issue-title a{
    color:var(--navy);
    text-decoration:none;
  }
  .issue-title a:hover{color:var(--gold-soft);}
  .issue-teaser{
    color:var(--muted);
    font-size:.94rem;
    margin:0 0 .7rem;
  }
  .issue-link{
    display:inline-block;
    font-family:var(--font-display);
    font-weight:700;
    font-size:.82rem;
    text-transform:uppercase;
    letter-spacing:.03em;
    text-decoration:none;
    color:#ffffff;
    background:var(--rust);
    padding:.5rem 1rem;
    border-radius:3px;
  }
  .issue-link:hover{background:var(--cta-hover);}

  .coming-next{
    border:1.5px dashed var(--line);
    border-radius:6px;
    padding:1.3rem 1.4rem;
    color:var(--muted);
    font-size:.92rem;
    text-align:center;
  }
  .poster-callout{
    border:1px solid var(--gold);
    background:var(--card);
    border-radius:6px;
    padding:1.3rem 1.4rem;
    text-align:center;
    margin-top:1rem;
  }
  .poster-callout .cn-tag{
    display:block;
    font-family:var(--font-mono);
    font-size:.7rem;
    font-weight:600;
    letter-spacing:.08em;
    text-transform:uppercase;
    color:var(--gold-soft);
    margin-bottom:.5rem;
  }
  .poster-callout p{color:var(--muted);font-size:.92rem;margin:0 0 .9rem;}

  .coming-next .cn-tag{
    display:block;
    font-family:var(--font-mono);
    font-size:.7rem;
    font-weight:600;
    letter-spacing:.08em;
    text-transform:uppercase;
    color:var(--gold-soft);
    margin-bottom:.4rem;
  }

  footer{
    background:var(--navy);
    color:var(--on-navy);
    text-align:center;
    padding:1.4rem 1.25rem 1.8rem;
    margin-top:2rem;
  }
  footer p{color:var(--on-navy);font-size:.86rem;margin:.3rem 0;}
  footer a{color:var(--on-navy);font-weight:700;text-decoration:none;}

/* Replacements for former inline style="" attributes (blocked by the site's Content-Security-Policy) */
.u-mt-09{margin-top:.9rem !important;}
.u-mt-07{margin-top:.7rem !important;}
.u-mt-1{margin-top:1rem !important;}
.u-ml-0{margin-left:0 !important;}
.hit-pixel{position:absolute !important;visibility:hidden !important;}