/* Article-only styles; shared cards, images and navigation remain unchanged. */
.shuku-reading { color: #33233f; line-height: 1.95; font-size: 1rem; overflow-wrap: anywhere; margin: 26px 0; }
.shuku-reading-panel { background: #fffefa; border: 2px solid #33233f; border-radius: 22px; box-shadow: 4px 4px 0 #e5c8ea; padding: 24px; margin: 22px 0; }
.shuku-reading h1 { font-size: 1.85rem; line-height: 1.55; margin: 12px 0 20px; }
.shuku-reading h2 { font-size: 1.3rem; line-height: 1.6; margin: 0 0 18px; }
.shuku-reading p { font-size: 1rem; line-height: 1.95; margin: 14px 0; }
.shuku-reading a { color: #743254; text-decoration: underline; text-underline-offset: .18em; }
.shuku-reading a:focus-visible, .shuku-reading summary:focus-visible { outline: 3px solid #743254; outline-offset: 4px; }
.shuku-reading .shuku-reading-meta { font-size: .875rem; color: #584352; }
.shuku-reading .shuku-reading-kicker { font-size: .875rem; font-weight: 800; margin-top: 0; }
.shuku-reading-toc { display: flex; flex-wrap: wrap; gap: 10px; margin: 20px 0; }
.shuku-reading-toc a { display: inline-flex; align-items: center; min-height: 44px; padding: 7px 13px; border: 2px solid #33233f; border-radius: 12px; background: #fff3a6; color: #33233f; font-weight: 700; text-decoration: none; }
.shuku-reading section { scroll-margin-top: 24px; }
.shuku-reading-facts { margin: 0; }
.shuku-reading-facts div { padding: 12px 0; border-bottom: 1px solid #c4b8bd; }
.shuku-reading-facts dt { font-size: .875rem; font-weight: 700; }
.shuku-reading-facts dd { margin: 3px 0 0; }
.shuku-reading-neighbors { display: flex; flex-wrap: wrap; align-items: center; gap: 10px; margin: 22px 0; }
.shuku-reading-neighbors > * { border: 1px solid #743254; border-radius: 9px; padding: 8px 12px; min-height: 44px; }
.shuku-reading-neighbors span[aria-current] { background: #ffd9e9; font-weight: 800; }
.shuku-reading .shuku-reading-note { background: #fff0f6; border-left: 4px solid #b42364; border-radius: 8px; padding: 14px; }
.shuku-reading details { border-top: 1px solid #c4b8bd; padding: 10px 0; }
.shuku-reading summary { min-height: 44px; font-weight: 700; cursor: pointer; padding: 10px 0; }
.shuku-reading ul { padding-left: 1.3em; }
.shuku-reading li { margin: 16px 0; }
.shuku-reading-all { display: inline-block; padding: 10px 0; min-height: 44px; font-weight: 700; }
.shuku-reading .shuku-reading-index { list-style: none; padding: 0; margin: 0; }
.shuku-reading-index a { display: block; border: 1px solid #b894a5; border-radius: 14px; background: #fff3f8; padding: 15px; text-decoration: none; }
.shuku-reading-index strong { text-decoration: underline; text-underline-offset: .2em; }
.shuku-reading-index span { display: block; color: #584352; font-size: .9rem; margin-top: 6px; }
@media(max-width:390px) { .shuku-reading-panel { padding: 17px; } }
@media print { .shuku-reading-panel { box-shadow: none; } }