/* Illustrated writing covers; default rendering stays visible without JavaScript. */
.card-art{display:block;overflow:hidden;background:#eee8dc}
.card-art img{display:block;width:100%;height:auto;aspect-ratio:3/2;object-fit:cover}
.writing-card .card-art{margin:-28px -27px 24px;width:calc(100% + 54px)}
.archive-card .card-art{margin-bottom:20px}
.reading-art{margin:0 0 34px}
.reading-art-frame{overflow:hidden;background:#eee8dc;border:1px solid var(--line)}
.reading-art img{display:block;width:100%;height:auto;aspect-ratio:3/2;object-fit:contain}
.reading-art figcaption{margin-top:10px;color:var(--muted);font-size:11px;line-height:1.7}
.reading-progress{display:none;position:fixed;inset:0 0 auto;height:3px;z-index:1000;pointer-events:none;background:transparent}
.reading-progress.is-enabled{display:block}
.reading-progress span{display:block;width:100%;height:100%;background:var(--gold);transform:scaleX(0);transform-origin:left}
.admin-bar .reading-progress{top:32px}
@media(max-width:1050px){.writing-card .card-art{margin:-22px -22px 22px;width:calc(100% + 44px)}}
@media(max-width:760px){.writing-card .card-art{margin:-23px -23px 23px;width:calc(100% + 46px)}.reading-art{margin-bottom:25px}.reading-art figcaption{font-size:10px}.admin-bar .reading-progress{top:46px}}
@media(prefers-reduced-motion:no-preference){
  .reveal-pending{opacity:0;transform:translateY(16px);transition:opacity .65s ease,transform .65s cubic-bezier(.2,.65,.3,1)}
  .reveal-pending.is-revealed,.reveal-pending:focus-within{opacity:1;transform:none}
  .button>span,.text-link>span{transition:transform .25s ease}
  .button:hover>span,.button:focus-visible>span,.text-link:hover>span,.text-link:focus-visible>span{transform:translate(3px,-2px)}
  .hero-portrait .portrait-corner{animation:nishita-bloom 1s ease-out both}
  @keyframes nishita-bloom{from{opacity:0;transform:rotate(-35deg) scale(.7)}to{opacity:1;transform:none}}
  @media(hover:hover) and (pointer:fine){
    .card-art img{transition:transform .65s cubic-bezier(.2,.65,.3,1)}
    .card-art:hover img{transform:scale(1.035)}
    .writing-card,.archive-card{transition:box-shadow .3s ease,border-color .3s ease}
    .writing-card:hover{border-color:#b9a780;box-shadow:0 12px 30px #292b4610}
  }
}
@media(prefers-reduced-motion:reduce){.reveal-pending{opacity:1;transform:none}.reading-progress{display:none!important}}
@media print{.reading-progress{display:none!important}.reveal-pending{opacity:1!important;transform:none!important}.reading-art{break-inside:avoid;max-width:420px;margin-inline:auto}.reading-art img{max-height:220px;object-fit:contain}}