/* Article composition uses the established archive scale and shared components. */
.reading-page .reading-intro{padding-bottom:36px}
.reading-page .reading-intro h1{max-width:1120px}
.reading-lead{display:grid;grid-template-columns:minmax(0,1fr) minmax(200px,300px);gap:48px;align-items:center;max-width:1050px}
.reading-lead p{font-size:var(--type-body);line-height:1.65;max-width:630px;margin:0 0 20px}
.reading-object{width:100%;height:250px;object-fit:contain;display:block;mix-blend-mode:multiply}
.reading-page .reading-notice{padding:20px 24px;border:1px solid #c4d1c1;border-radius:20px;background:#e3ecdf;line-height:1.6;font-size:var(--type-body);margin-top:22px}
.reading-page .reading-layout{display:grid;grid-template-columns:250px minmax(0,760px);gap:clamp(35px,6vw,100px);align-items:start;padding-top:20px;padding-bottom:75px}
.reading-toc{position:sticky;top:125px;border-top:1px solid #cad4c5;padding-top:18px}
.reading-toc summary{font-size:var(--type-body);font-weight:600;list-style:none;cursor:pointer;min-height:44px;display:flex;align-items:center;position:relative;padding-right:28px}
.reading-toc summary::-webkit-details-marker{display:none}
.reading-toc summary::before,.reading-toc summary::after{content:'';position:absolute;right:4px;top:50%;height:1px;width:14px;background:currentColor;transition:transform .25s ease}
.reading-toc summary::after{transform:rotate(90deg)}
.reading-toc[open] summary::before,.reading-toc[open] summary::after{transform:rotate(180deg)}
.reading-toc nav{display:grid;gap:6px;margin-top:10px}
.reading-toc a{display:flex;align-items:center;min-height:44px;font-size:14px;line-height:1.5;text-decoration:underline;text-underline-offset:4px;padding:7px 0}
.reading-body{min-width:0}
.reading-section{padding:28px 0 36px;border-top:1px solid #cad4c5;scroll-margin-top:125px}
.reading-section h2{margin:0 0 26px;hyphens:none;word-break:normal;overflow-wrap:normal}
.reading-section p,.reading-section li{font-size:var(--type-body);line-height:1.7;margin:0 0 18px}
.reading-section ul{padding-left:22px;margin:0}
.reading-section li{padding-left:5px;margin-bottom:12px}
.reading-section .reading-object{max-width:390px;height:270px;margin:28px auto}
.reading-section .reading-source{font-size:14px;line-height:1.5;margin-top:24px}
.reading-source a{color:var(--muted);text-decoration:underline;text-underline-offset:4px}
.reading-related{padding:30px 0 0;border-top:1px solid #cad4c5}
.reading-related h2{margin:0 0 28px}
.reading-related nav{display:flex;flex-wrap:wrap;gap:14px 28px}
.reading-related a{font-size:var(--type-body);line-height:1.5;min-height:44px;display:flex;align-items:center}
.reading-page :is(.reading-toc a,.reading-toc summary,.reading-source a):focus-visible{outline:0;background:#dce8d7;box-shadow:inset 0 0 0 2px #648170;border-radius:8px}
.reading-page .vitraj-about{display:grid;grid-template-columns:minmax(0,1fr) minmax(230px,400px);align-items:center;gap:60px;padding-top:15px;padding-bottom:55px}
.vitraj-about h2{margin:0 0 26px}.vitraj-about p{font-size:var(--type-body);line-height:1.7}
.vitraj-about img{max-height:360px;width:100%;object-fit:contain;border-radius:22px}
.reading-page .vitraj-catalog{padding-top:25px;padding-bottom:65px}
.reading-page .vitraj-catalog>h2{max-width:850px}
.reading-page .vitraj-catalog>p{max-width:700px;font-size:var(--type-body);line-height:1.65}
@media(prefers-reduced-motion:reduce){.reading-toc summary::before,.reading-toc summary::after{transition:none}}
@media(max-width:1000px){
 .reading-page .reading-layout{grid-template-columns:minmax(0,1fr);gap:30px}
 .reading-toc{position:static;max-width:760px}
 .reading-lead{gap:25px;grid-template-columns:minmax(0,1fr) 220px}
 .reading-object{height:220px}.reading-page .vitraj-about{gap:30px;grid-template-columns:1fr 1fr}
}
@media(max-width:700px){
 .reading-page .reading-intro{padding-bottom:25px}
 .reading-lead{grid-template-columns:minmax(0,1fr);gap:12px}
 .reading-lead p{margin-bottom:0}.reading-lead .reading-object{height:190px;max-width:300px;margin:auto}
 .reading-page .reading-notice{padding:16px 18px;margin-top:18px}
 .reading-page .reading-layout{padding-top:10px;padding-bottom:50px;gap:20px}
 .reading-toc{padding-top:10px}.reading-toc nav{gap:2px}
 .reading-section{padding:22px 0 24px;scroll-margin-top:100px}
 .reading-section h2{margin-bottom:22px}.reading-section p,.reading-section li{line-height:1.65}
 .reading-section .reading-object{height:210px;margin:20px auto}
 .reading-page .vitraj-about{display:flex;flex-direction:column;gap:20px;padding-bottom:35px}
 .vitraj-about img{height:280px}.reading-page .vitraj-catalog{padding-bottom:40px}
 .reading-related nav{display:grid;gap:6px}
}