.reader{position:fixed;inset:0;z-index:20;display:grid;place-items:center;padding:3vh 3vw}.reader[hidden]{display:none}.reader-shade{position:absolute;inset:0;background:rgba(2,8,6,.82);backdrop-filter:blur(12px)}.reader-panel{position:relative;width:min(860px,94vw);height:min(900px,94vh);overflow:auto;background:#f3f0e8;color:#17201c;border-radius:8px;box-shadow:0 30px 100px rgba(0,0,0,.55)}.reader-close{position:sticky;float:right;top:18px;right:18px;z-index:2;width:40px;height:40px;border:0;border-radius:50%;background:#17201c;color:white;font-size:26px;cursor:pointer}.reader-body{max-width:690px;margin:auto;padding:70px 42px 90px}.reader-kicker{font-size:11px;letter-spacing:.14em;color:#3a795d;font-weight:700}.reader-body h1{font:500 clamp(32px,5vw,55px)/1.08 var(--serif);letter-spacing:-.035em;margin:18px 0}.reader-time{color:#718078;font-size:12px;border-bottom:1px solid #ccd2cc;padding-bottom:24px;margin-bottom:30px}.reader-body .article-text p{font:17px/1.9 var(--serif);margin:0 0 1.35em}.reader-actions{display:flex;gap:10px;margin-top:38px;padding-top:25px;border-top:1px solid #ccd2cc}.reader-actions a{color:#173f30;text-decoration:none;font-weight:700;font-size:13px}.cache-note{margin-left:auto;color:#718078;font-size:11px}.reader-loading{padding:100px 0;text-align:center;color:#637168}.reader-error{text-align:center;padding:90px 0}.reader-error a{color:#173f30}@media(max-width:580px){.reader{padding:0}.reader-panel{width:100vw;height:100vh;border-radius:0}.reader-body{padding:60px 24px 70px}.reader-body .article-text p{font-size:16px}.reader-close{top:12px;right:12px}}