:root{--paper:#f5f2ec;--ink:#202b29;--muted:#70746e;--line:#d9d9cf;--green:#285547;--accent:#c16a44}*{box-sizing:border-box}body{margin:0;background:var(--paper);color:var(--ink);font-family:Arial,Helvetica,sans-serif;-webkit-font-smoothing:antialiased}button,input,a{-webkit-tap-highlight-color:transparent}button,a{touch-action:manipulation}button{font:inherit;cursor:pointer}a{color:inherit}button:focus-visible,a:focus-visible,input:focus-visible{outline:3px solid var(--accent);outline-offset:5px}.masthead{height:100px;border-bottom:1px solid var(--line);display:flex;align-items:center;justify-content:space-between;padding:0 5.2%;gap:20px}.brand{display:flex;align-items:center;gap:12px;text-decoration:none;font:bold 35px Georgia,serif;letter-spacing:-1.5px}.brand-icon{font:bold 24px Georgia,serif;background:var(--green);color:var(--paper);width:38px;height:42px;display:grid;place-items:center;border-radius:3px;transform:rotate(-4deg)}.brand-dot{color:var(--accent)}.edition{font-size:10px;letter-spacing:2.4px;color:var(--muted)}.quiet{background:none;border:0;font-size:12px;text-decoration:none;display:inline-flex;gap:8px;align-items:center;padding:10px 0}.quiet span{font-size:23px}.quiet:hover{color:var(--accent)}main{max-width:1600px;margin:auto;padding:0 5.2%}.dateline{display:flex;justify-content:space-between;padding:24px 0 0;font-size:11px;color:var(--muted)}.live{display:flex;align-items:center;gap:7px}.live i{width:6px;height:6px;background:var(--green);border-radius:50%}.intro{padding:49px 0 44px;display:flex;justify-content:space-between;align-items:center}.eyebrow{font-size:10px;letter-spacing:1.9px;font-weight:700;color:var(--green);margin:0 0 20px}h1{font:normal clamp(45px,4.5vw,70px)/1.04 Georgia,serif;letter-spacing:-2.2px;margin:0}h1 em{color:var(--green);font-weight:normal}.lead{color:var(--muted);font-size:14px;line-height:1.7;margin:22px 0 0}.daily-note{border-left:1px solid var(--line);padding:0 40px 0 44px;min-width:230px}.note-star{font-size:38px;color:var(--accent);display:block;margin-bottom:15px}#issue-count{font:normal 68px/1 Georgia,serif}.daily-note p{font-size:12px;line-height:1.6;color:var(--muted);margin:10px 0}.toolbar{border-top:1px solid var(--line);border-bottom:1px solid var(--line);display:flex;align-items:center;justify-content:space-between;gap:20px;min-height:70px}nav{display:flex;gap:28px;align-self:stretch}.tab{background:none;border:0;border-bottom:2px solid transparent;padding:0;font-size:12px;color:var(--muted)}.tab.active{border-bottom-color:var(--green);color:var(--green);font-weight:bold}.tab span{font-size:10px;background:#e6e7df;border-radius:20px;padding:3px 7px;margin-left:5px}.search{display:flex;align-items:center;gap:8px;color:var(--muted)}.search>span{font-size:26px}.search input{width:180px;background:transparent;border:0;font:12px Arial;color:var(--ink);padding:12px 0}.section-heading{display:flex;gap:14px;align-items:baseline;margin:32px 0 21px}.section-heading h2{font:normal 27px Georgia,serif;letter-spacing:-.5px;margin:0}.section-heading span{font-size:11px;color:var(--muted)}.grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:30px 25px}.card{min-width:0;position:relative}.cover-link{display:block;background:#eae6de;padding:23px 25px 22px;border:1px solid #dfdcd3;width:100%;text-decoration:none;position:relative;transition:background .2s,transform .2s}.card:nth-child(3n+2) .cover-link{background:#e5e9e3}.card:nth-child(3n+3) .cover-link{background:#eee4da}.cover-link:hover{background:#deded3;transform:translateY(-3px)}.cover-link img{width:100%;height:265px;object-fit:contain;filter:drop-shadow(2px 5px 5px #25251d25);display:block}.cover-fallback{height:265px;display:none;align-items:center;justify-content:center;flex-direction:column;background:#fffdf7;box-shadow:2px 5px 5px #25251d25;font:32px Georgia;text-align:center;gap:15px;padding:15px}.cover-fallback small{font:11px Arial;color:var(--muted)}.cover-link.failed img{display:none}.cover-link.failed .cover-fallback{display:flex}.read-overlay{position:absolute;bottom:14px;left:50%;transform:translateX(-50%);background:var(--green);color:white;border-radius:25px;padding:9px 16px;font-size:11px;opacity:0;white-space:nowrap;transition:opacity .2s}.cover-link:hover .read-overlay,.cover-link:focus-visible .read-overlay{opacity:1}.card-info{padding:15px 1px 0;position:relative;min-height:95px}.category{font-size:9px;text-transform:uppercase;letter-spacing:1.3px;color:var(--muted);margin-bottom:7px}.card h3{font:normal 21px/1.15 Georgia,serif;letter-spacing:-.3px;padding-right:28px;margin:0 0 10px}.card h3 a{text-decoration:none}.card h3 a:hover{color:var(--green)}.metadata{display:flex;gap:9px;align-items:center;color:var(--muted);font-size:10px}.today-badge{color:var(--green);background:#e1e9df;padding:4px 7px;border-radius:3px;font-weight:bold}.favorite{position:absolute;right:0;top:31px;padding:0;border:0;background:none;font-size:23px;color:var(--muted)}.favorite[aria-pressed=true]{color:var(--accent)}#status{font-size:12px;color:var(--muted);margin:20px 0}#status:empty{display:none}.empty{padding:55px 20px;text-align:center;border:1px dashed var(--line);margin-top:30px}.empty h2{font:28px Georgia}.empty p{color:var(--muted);line-height:1.7;font-size:14px}footer{border-top:1px solid var(--line);margin-top:52px;padding:24px 0 35px;display:flex;justify-content:space-between;gap:20px;font-size:10px;color:var(--muted)}footer b{font:bold 16px Georgia;color:var(--ink);margin-right:9px}dialog{width:100vw;max-width:none;height:100dvh;max-height:none;padding:0;border:0;background:var(--paper);color:var(--ink)}dialog::backdrop{background:#202b2999}.reader-bar{height:64px;display:flex;align-items:center;justify-content:space-between;padding:0 25px;border-bottom:1px solid var(--line);gap:16px}.reader-bar strong{font:18px Georgia;text-align:center}iframe{border:0;width:100%;height:calc(100dvh - 104px);display:block;background:#525659}.reader-help{font-size:11px;text-align:center;margin:12px;color:var(--muted)}@media(min-width:1200px){.grid{grid-template-columns:repeat(5,minmax(0,1fr))}}@media(max-width:1050px){.grid{grid-template-columns:repeat(3,minmax(0,1fr))}.edition{display:none}.cover-link{padding:20px}.cover-link img,.cover-fallback{height:250px}}@media(max-width:720px){.masthead{height:78px}.brand{font-size:30px}.intro{padding:34px 0}.daily-note{padding-left:20px;padding-right:0;min-width:110px}.daily-note p{font-size:10px}.note-star{font-size:28px}#issue-count{font-size:46px}.eyebrow{font-size:8px;max-width:210px;line-height:1.5}h1{font-size:44px}.lead{font-size:12px}.toolbar{flex-wrap:wrap;gap:0;padding-top:10px}nav{height:45px;gap:20px}.search{width:100%;border-top:1px solid var(--line)}.search input{width:100%}.grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:25px 15px}.cover-link{padding:15px 10px}.cover-link img,.cover-fallback{height:220px}.card h3{font-size:19px}.section-heading{flex-wrap:wrap;gap:8px}.section-heading h2{font-size:25px}footer{flex-direction:column}.reader-bar{padding:8px 12px;height:92px;flex-wrap:wrap;gap:4px}.reader-bar strong{order:3;width:100%;font-size:15px}iframe{height:calc(100dvh - 145px)}.reader-help{padding:0 10px;font-size:10px}}@media(max-width:380px){.daily-note{display:none}.cover-link img,.cover-fallback{height:190px}}

@media(max-width:1050px){.toolbar{flex-wrap:wrap}nav{min-height:52px;flex-wrap:wrap;gap:16px}.search{padding-bottom:8px}}
@media(max-width:720px){nav{height:auto;padding-bottom:8px;row-gap:16px}.tab{min-height:32px}.tab.active{border-bottom-width:2px}}

.pagination{display:flex;flex-wrap:wrap;align-items:center;gap:16px;height:auto;margin:24px 0}.pagination select{padding:10px;background:var(--paper,#f5f2ec);border:1px solid var(--line);font:inherit}.pagination button:disabled{opacity:.4;cursor:default}.source-path{font-size:11px;overflow-wrap:anywhere;color:var(--muted);margin:8px 0}.card h3{overflow-wrap:anywhere}

.toolbar{border-top:0}main{padding-bottom:24px}

#pdf-frame{height:calc(100dvh - 64px)}@media(max-width:720px){#pdf-frame{height:calc(100dvh - 92px)}}

.header-actions{display:flex;align-items:center;gap:20px}.header-actions form{margin:0}@media(max-width:520px){.header-actions{gap:12px}.masthead{gap:12px}.header-actions .quiet{font-size:11px}}

.cover-link.loading img{display:none}.cover-link.loading .cover-fallback{display:flex}
