.article-reader{position:fixed;inset:0;width:min(1040px,calc(100vw - 36px));height:min(92dvh,1100px);max-width:none;max-height:none;padding:0;border:1px solid #a88b3b;border-radius:18px;background:#f4f1e8;color:#20221b;box-shadow:0 28px 100px #0009;overflow:hidden}
.article-reader[open]{display:flex;flex-direction:column}
.article-reader::backdrop{background:#080a09df;backdrop-filter:blur(6px)}
.reader-toolbar,.reader-navigation{display:flex;justify-content:space-between;align-items:center;gap:15px;background:#171914;color:#ebd484;padding:15px 22px;flex-shrink:0}
.reader-toolbar{border-bottom:1px solid #776336}
.reader-toolbar>span{font-size:10px;letter-spacing:1.8px;font-weight:700}
.reader-toolbar>div{display:flex;gap:20px;align-items:center}
.reader-full{font-size:12px;text-decoration:underline;text-underline-offset:4px;color:#e8d8a5}
.article-reader button{border:1px solid #756334;border-radius:8px;background:#282a20;color:#fff1ba;padding:10px 14px;font:600 12px Manrope,Arial,sans-serif;cursor:pointer;white-space:nowrap}
.article-reader button:hover{background:#ffca05;color:#171914}
.article-reader a:focus-visible,.article-reader button:focus-visible{outline:3px solid #d4a929;outline-offset:3px}
.reader-close span{font-size:19px;margin-left:9px;vertical-align:middle}
.reader-scroll{flex:1;min-height:0;overflow:auto;overscroll-behavior:contain;background:linear-gradient(#f4f1e8f2,#f4f1e8f2),url('/assets/varied-honeycomb.svg') center/800px;scrollbar-color:#a38c4d #e7e0d1}
.reader-content{max-width:820px;margin:auto;padding:38px 34px 42px;background:linear-gradient(90deg,#f4f1e800,#f4f1e8e8 10%,#f4f1e8ed 90%,#f4f1e800)}
.reader-content>h2{font-size:clamp(29px,3.2vw,42px);line-height:1.18;letter-spacing:-1.3px;color:#23251b;margin:0 0 20px}
.reader-status{font-size:14px;color:#736c55;line-height:1.7}
.reader-status:empty{display:none}
.reader-story .article-meta{color:#84703b;font-size:12px;margin:0 0 18px}
.reader-story .detail-lead{color:#5b5d50;font-size:16px;line-height:1.8;margin-bottom:25px}
.reader-story .article-body{padding:0;max-width:none}
.reader-story .article-body:before{display:none}
.reader-story .article-banner{border-radius:10px;max-height:285px;width:100%;object-fit:cover;margin-bottom:28px}
.reader-story .article-body h2{font-size:26px;line-height:1.3;letter-spacing:-.8px;margin:30px 0 14px}
.reader-story .article-body p{font-size:15px;line-height:1.9;color:#45473f}
.reader-story .article-body .included{margin:16px 0}
.reader-story .article-note{font-size:14px;line-height:1.8;padding:20px;background:#f8efcf;border-left:3px solid #b59029}
.reader-story .article-note strong{display:block}
.reader-story .detail-cta{margin:30px 0 0;padding:25px;border-radius:10px;background:#20231a;color:#fff}
.reader-story .detail-cta .wrap{width:100%;padding:0}
.reader-story .detail-cta h2{font-size:26px;margin:0 0 14px;letter-spacing:-.8px}
.reader-story .detail-cta p{font-size:14px;line-height:1.7}
.reader-story .detail-cta .button{font-size:12px;padding:14px 18px}
.reader-navigation{border-top:1px solid #776336;padding:12px 22px}
.reader-count{font-size:12px;color:#c7bd98}
@media(max-width:680px){.article-reader{width:calc(100vw - 16px);height:95dvh;border-radius:12px}.reader-toolbar{padding:10px 13px}.reader-toolbar>span{font-size:8px;letter-spacing:.8px;max-width:100px}.reader-toolbar>div{gap:10px}.reader-full{font-size:10px}.article-reader button{padding:9px 10px;font-size:10px}.reader-content{padding:26px 20px}.reader-story .detail-lead{font-size:15px}.reader-story .article-body h2{font-size:23px}.reader-navigation{padding:10px 13px}.reader-story .detail-cta{padding:20px}}