.reader-shell{position:relative;max-width:1440px;margin:0 auto;padding:42px var(--pad) 80px}
.reader-breadcrumbs ol{display:flex;flex-wrap:wrap;gap:8px 14px;list-style:none;margin:0;padding:0;font-size:.875rem;line-height:1.65;color:#596059}
.reader-breadcrumbs li:not(:last-child):after{content:'/';margin-left:14px;color:#777568}
.reader-breadcrumbs li{min-width:0;overflow-wrap:anywhere}
.reader-breadcrumbs a{text-decoration:underline;text-underline-offset:4px}
.reader-header{max-width:1140px;padding:56px 0 42px;border-bottom:1px solid #c9c1b4}
.reader-meta{display:flex;flex-wrap:wrap;gap:10px 28px;font-size:.875rem;color:#635e53;line-height:1.6}
.reader-header h1,.reader-error h1{font:400 clamp(40px,5.8vw,82px)/1.04 Arial,sans-serif;letter-spacing:-.055em;margin:26px 0;overflow-wrap:anywhere}
.reader-header>p{max-width:850px;font-size:clamp(18px,1.6vw,22px);line-height:1.65;color:#565e56;margin:0}
.reader-category-route{display:inline-flex;align-items:center;gap:10px;margin-top:22px;min-height:44px;color:#526159;font-size:1rem;line-height:1.5;text-decoration:underline;text-decoration-thickness:1px;text-underline-offset:5px}
.reader-category-route span{font-size:1rem;line-height:1;transition:transform .2s ease}
.reader-category-route:hover span{transform:translateX(4px)}
.reader-layout{display:grid;grid-template-columns:minmax(180px,260px) minmax(0,760px);gap:clamp(30px,6vw,90px);align-items:start;margin-top:40px}
.reader-toc{position:sticky;top:28px;background:#fffdf8;border:1px solid #d0c8b9;border-radius:16px;padding:24px}
.reader-toc h2{font-size:1rem;margin:0 0 16px;line-height:1.5}
.reader-toc ol{list-style:none;margin:0;padding:0;display:grid;gap:12px}
.reader-toc a{display:block;line-height:1.6;font-size:.875rem;color:#725020;text-decoration:underline;text-underline-offset:3px;overflow-wrap:anywhere}
.reader-prose.article-body{max-width:760px;min-width:0;padding:0;overflow-wrap:anywhere}
.reader-prose:only-child{grid-column:1/-1;margin:0 auto}
.reader-prose.article-body h2{font-size:clamp(28px,3vw,40px);line-height:1.2;margin:50px 0 22px;scroll-margin-top:24px}
.reader-prose.article-body>h2:first-child{margin-top:0}
.reader-prose.article-body h3{font-size:1.375rem;line-height:1.4;margin-top:30px}
.reader-prose.article-body p,.reader-prose.article-body li{font-size:1.0625rem;line-height:1.8;color:#414a43}
.reader-prose.article-body a{color:#79501d;text-decoration:underline;text-underline-offset:3px}
.reader-prose .article-table-wrap{max-width:100%;overflow-x:auto;margin-block:24px;border:1px solid #cfc7b8;border-radius:10px}
.reader-prose table{border-collapse:collapse;width:100%;font-size:1rem;line-height:1.6}
.reader-prose th,.reader-prose td{min-width:130px;padding:14px;text-align:left;vertical-align:top;border-bottom:1px solid #d6d0c4}
.reader-prose th{background:#eee5d6;color:#303a30;font-size:.875rem;letter-spacing:0;text-transform:none}
.reader-prose td{font-size:1rem}
.reader-media{max-width:1050px;margin:36px 0}
.reader-media img{display:block;width:100%;height:auto;border-radius:18px}
.reader-media figcaption{font-size:.875rem;line-height:1.6;color:#5a6158;margin-top:10px}
.reader-prose .reader-note{background:#eeeae0;border-left:3px solid #a27943;padding:24px;margin-top:40px}
.reader-prose .reader-note h2{font-size:1.25rem;margin:0 0 12px}
.reader-prose .reader-note p{font-size:1rem;margin:0}
.reader-cta{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:40px;align-items:center;margin:70px 0 50px;background:#ebe4d6;border:1px solid #c5b99f;border-radius:22px;padding:36px}
.reader-cta h2,.reader-more>h2{font:400 clamp(28px,3vw,40px)/1.15 Georgia,serif;margin:0 0 18px;overflow-wrap:anywhere}
.reader-cta p{font-size:1rem;line-height:1.7;color:#50584e;max-width:690px;margin:0}
.reader-actions{display:flex;flex-direction:column;gap:12px;align-items:stretch}
.reader-actions a{display:flex;justify-content:space-between;gap:20px;align-items:center;min-height:48px;padding:14px 20px;font-size:1rem;line-height:1.5;border-radius:10px}
.reader-actions a:first-child{background:#435d48;color:white}
.reader-actions a:last-child{color:#684413;text-decoration:underline;text-underline-offset:4px}
.reader-more>div{display:grid;grid-template-columns:1fr 1fr;gap:18px}
.reader-more>div>a{min-width:0;background:#fffdf8;border:1px solid #d1c8b9;border-radius:16px;padding:28px;display:flex;flex-direction:column;overflow-wrap:anywhere}
.reader-more h3{font:400 27px/1.25 Georgia,serif;margin:0 0 16px}
.reader-more p{font-size:1rem;line-height:1.7;color:#50594f;margin:0 0 24px}
.reader-more span{margin-top:auto;font-size:.875rem;color:#79501d;text-decoration:underline;text-underline-offset:3px}
.article-reader :is(a,summary,[tabindex="0"]):focus-visible{outline:3px solid #765020;outline-offset:4px;border-radius:3px}
.reader-error{min-height:50vh;max-width:900px;padding-block:50px}
.reader-error p{font-size:1.125rem;line-height:1.7;color:#4e564d}
.reader-error>a{display:inline-flex;align-items:center;min-height:48px;font-size:1rem;text-decoration:underline;text-underline-offset:4px;color:#765020}
.article-reader>footer p a{font-size:.875rem;color:#495c46;text-decoration:underline;text-underline-offset:4px}
@media(max-width:900px){.reader-layout{grid-template-columns:1fr;gap:32px}.reader-toc{position:static}.reader-cta{grid-template-columns:1fr;gap:24px}.reader-actions{align-items:flex-start}.reader-more>div{grid-template-columns:1fr}}
@media(max-width:680px){.reader-shell{padding:26px 20px 50px}.reader-header{padding-top:32px}.reader-cta{padding:24px}.reader-more>div>a{padding:24px}.reader-prose.article-body ul,.reader-prose.article-body ol{padding-left:24px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.reader-category-route span{transition:none}}