:root{--paper:#d8c28a;--paper-light:#ead8a5;--ink:#17120b;--line:rgba(23,18,11,.72);--gold:#e0c27a;--site:#090705}
*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{margin:0;color:#f3e8d0;background:radial-gradient(circle at 50% 0,rgba(200,164,93,.14),transparent 32%),linear-gradient(180deg,#17110b,#090705 38%,#050403);font-family:Inter,ui-sans-serif,system-ui,-apple-system,"Segoe UI",sans-serif}
a{color:inherit}
.skip-link{position:fixed;top:8px;left:8px;z-index:1000;padding:10px 14px;background:#fff;color:#111;transform:translateY(-150%)}
.skip-link:focus{transform:none}
.reader-header{width:min(1180px,calc(100% - 32px));margin:0 auto;padding:30px 0 18px;display:flex;justify-content:space-between;gap:18px;align-items:center;color:#cabb9e;font-size:13px}
.reader-header p{margin:0;text-align:right}
.home-link{font-weight:900;color:var(--gold);text-underline-offset:4px}
.reader-shell{width:min(1180px,calc(100% - 24px));margin:0 auto;padding:0 0 64px}
.paper{position:relative;padding:clamp(18px,3vw,34px);overflow:hidden;color:var(--ink);background:linear-gradient(90deg,rgba(38,24,8,.16),transparent 3% 97%,rgba(38,24,8,.16)),repeating-linear-gradient(0deg,rgba(34,24,12,.04) 0 1px,transparent 1px 9px),repeating-linear-gradient(90deg,rgba(34,24,12,.025) 0 1px,transparent 1px 13px),url("/client/static/img/map-parchment-texture.jpg") center/cover no-repeat,var(--paper);border:1px solid rgba(31,24,11,.82);border-radius:4px;box-shadow:0 34px 110px rgba(0,0,0,.68),inset 0 0 0 2px rgba(255,244,188,.14),inset 0 0 70px rgba(54,34,12,.24);font-family:Georgia,"Times New Roman",serif}
.paper:before{content:"";position:absolute;inset:10px;pointer-events:none;background:radial-gradient(ellipse at 50% 45%,rgba(255,247,199,.16),transparent 48%),radial-gradient(ellipse at 12% 12%,rgba(59,31,8,.21),transparent 38%),linear-gradient(116deg,transparent 0 41%,rgba(91,53,15,.08) 42%,transparent 43% 100%);mix-blend-mode:multiply}
.paper>*{position:relative}
.paper-head h1{margin:0;padding:5px 0 8px;border-top:6px solid #17130c;border-bottom:6px solid #17130c;font-size:clamp(42px,7vw,84px);font-weight:900;line-height:.84;text-align:center;text-transform:uppercase;letter-spacing:-.045em;text-shadow:0 1px 0 rgba(255,248,205,.52)}
.paper-meta{display:flex;justify-content:space-between;gap:8px 18px;margin:8px 0;padding-bottom:8px;border-bottom:2px solid var(--line);font-weight:900;font-size:12px;line-height:1.2;text-transform:uppercase}
.paper-skyline{margin:0 0 13px;padding:7px 10px;border-block:3px double #17130c;font-weight:900;font-size:14px;line-height:1.15;text-align:center;text-transform:uppercase}
.paper-columns{column-count:3;column-gap:20px;column-rule:1px solid rgba(23,17,9,.45)}
.paper-story,.paper-box{display:inline-block;width:100%;margin:0 0 15px;padding-top:8px;border-top:1px solid var(--line);break-inside:avoid;vertical-align:top}
.paper-story h2,.paper-box h2{margin:0 0 7px;font-size:20px;line-height:1.02;font-weight:900;text-transform:uppercase}
.paper-story p{margin:0 0 .72em;font-size:15px;line-height:1.42;text-align:justify;hyphens:auto}
.paper-story.lead{border-top:5px solid #17130c}
.paper-story.lead h2{font-size:clamp(30px,3.2vw,42px);line-height:.94;text-align:center}
.paper-story.secondary h2{font-size:25px}
.paper-story.lead>p:first-of-type:first-letter{float:left;padding:.04em .07em 0 0;font-size:3.5em;line-height:.78;font-weight:900}
.paper-image{width:100%;margin:0 0 9px}
.paper-image img{display:block;width:100%;max-height:300px;object-fit:contain;filter:grayscale(.84) sepia(.26) contrast(1.18);border:1px solid var(--line);background:rgba(44,25,8,.18)}
.paper-box{padding:9px;background:rgba(255,248,214,.13)}
.paper-box h2{font-size:16px}
.paper-box p{margin:0;font-size:13px;line-height:1.32;text-align:center}
.paper-box.ad{border:2px solid rgba(23,17,9,.8)}
.paper-box.ad h2{text-align:center;border-bottom:1px solid rgba(23,17,9,.55);padding-bottom:5px}
.paper-box.classified{border:1px dashed rgba(23,17,9,.72)}
.box-label{display:block;margin-bottom:5px;font:900 10px/1 Georgia,"Times New Roman",serif;text-align:center;text-transform:uppercase}
.paper-foot{display:flex;justify-content:space-between;gap:12px 24px;margin-top:4px;padding-top:12px;border-top:4px double #17130c;font-size:12px;font-weight:800;text-transform:uppercase}
.paper-foot a{text-underline-offset:3px}
.paper-error{max-width:760px;margin:80px auto;padding:48px;text-align:center}
.paper-error h1{font-size:clamp(38px,7vw,68px);text-transform:uppercase}
a:focus-visible{outline:3px solid var(--gold);outline-offset:4px}
@media(max-width:820px){.paper-columns{column-count:2}.paper-head h1{font-size:clamp(38px,9vw,64px)}}
@media(max-width:600px){.reader-header{align-items:flex-start;padding-top:22px}.reader-header p{max-width:190px}.reader-shell{width:calc(100% - 12px);padding-bottom:24px}.paper{padding:16px 13px}.paper-head h1{font-size:clamp(31px,11vw,48px);line-height:.9;border-width:4px}.paper-meta{justify-content:center;flex-direction:column;text-align:center;font-size:10px}.paper-skyline{font-size:11px}.paper-columns{column-count:1;column-rule:none}.paper-story{margin-bottom:13px}.paper-story h2{font-size:22px}.paper-story.lead h2{font-size:30px}.paper-story p{font-size:15px;line-height:1.46}.paper-image img{max-height:260px}.paper-foot{flex-direction:column;text-align:center}.paper-error{margin:20px auto;padding:28px 18px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}
