:root { color-scheme:light; --navy:#07334d; --ink:#163c55; --orange:#ff842d; --line:#d9e5ea; }
    *,*::before,*::after { box-sizing:border-box; }
    html,body { width:100%; min-width:0; max-width:100%; margin:0; }
    body { color:var(--ink); background:linear-gradient(120deg,#fff 8%,#fff8ee 65%,#eaf5f6); font:1rem/1.6 Arial,Helvetica,sans-serif; }
    main { width:min(calc(100% - 2rem),74rem); margin-inline:auto; padding:clamp(2rem,5vw,3.5rem) 0; }
    .notice { max-width:50rem; margin-inline:auto; padding:clamp(1.75rem,5vw,3rem); border:1px solid var(--line); border-top:5px solid var(--orange); border-radius:1rem; background:#fff; text-align:center; box-shadow:0 .75rem 2rem #07334d12; }
    h1 { margin:0; color:var(--navy); font-size:clamp(2rem,5vw,3rem); line-height:1.12; }
    p { margin:1rem 0 0; font-size:clamp(1.05rem,2vw,1.25rem); }
    @media(max-width:640px) { main { width:calc(100% - 1.25rem); padding:1.5rem 0; } }
  

.eyebrow { margin:0 0 .5rem; color:#a94203; font-size:.78rem; font-weight:800; letter-spacing:.16em; text-transform:uppercase; }
.archive { margin:clamp(2.5rem,6vw,4rem) 0; }
.archive h2 { margin:0 0 1.75rem; color:var(--navy); font-size:clamp(1.7rem,3.5vw,2.7rem); line-height:1.15; }
.archive-grid { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:1.5rem; }
.archive-card { overflow:hidden; border:1px solid var(--line); border-radius:1rem; background:#fff; box-shadow:0 .75rem 2rem #07334d12; }
.archive-card-copy { padding:1.4rem 1.5rem; }
.archive-card h3 { margin:0; color:var(--navy); font-size:clamp(1.25rem,2.3vw,1.6rem); line-height:1.25; }
.archive-card p { margin:.5rem 0 0; color:#4e6475; font-size:1.05rem; font-weight:700; }
.archive-card img { display:block; width:100%; height:auto; }
@media(max-width:720px) { .archive-grid { grid-template-columns:1fr; } }