.mag-shelf{--mag-ink:#492d36;--mag-paper:#faf5ee;color:var(--mag-ink);background:var(--mag-paper);box-sizing:border-box;max-width:100%;padding:48px clamp(20px,5vw,72px);font-family:serif}.mag-shelf *{box-sizing:border-box}.mag-heading{justify-content:space-between;align-items:center;gap:20px;max-width:1100px;margin:0 auto 30px;display:flex}.mag-heading span{letter-spacing:.24em;font:11px sans-serif}.mag-heading h2{margin:10px 0;font-size:clamp(24px,3vw,36px)}.mag-heading p{margin:0;font:13px sans-serif}.mag-shelf button{font:inherit;color:inherit;cursor:pointer}.mag-arrows{gap:8px;display:flex}.mag-arrows button{background:0 0;border:1px solid #b7a3a4;border-radius:50%;width:42px;height:42px}.mag-covers{scroll-snap-type:x mandatory;scrollbar-width:thin;gap:28px;max-width:1100px;margin:auto;padding:0 4px 24px;display:flex;overflow-x:auto}.mag-cover{scroll-snap-align:start;text-align:left;background:0 0;border:0;flex:0 0 min(70vw,290px);padding:0}.mag-cover-image{aspect-ratio:3/4;background:#eee;display:block;position:relative;overflow:hidden;box-shadow:5px 9px 18px #492d3620}.mag-cover-image img{object-fit:contain;width:100%;height:100%;transition:transform .3s;display:block}.mag-cover:hover img{transform:scale(1.02)}.mag-read{color:#492d36;background:#fffef4eb;padding:9px 13px;font:12px sans-serif;position:absolute;bottom:18px;right:16px}.mag-caption{padding:18px 0 0;display:block}.mag-caption small{letter-spacing:.12em;margin-bottom:7px;font:10px sans-serif;display:block}.mag-caption strong{font-size:17px}.mag-shelf button:focus-visible{outline-offset:4px;outline:3px solid #ae6479}.mag-reader{color:#fff;background:0 0;border:0;width:100vw;max-width:100vw;height:100dvh;max-height:100dvh;margin:auto;padding:12px;overflow:auto}.mag-reader::backdrop{background:#21191cf2}.mag-reader-inner{max-width:650px;margin:auto}.mag-reader header,.mag-reader footer{justify-content:space-between;align-items:center;gap:16px;padding:10px 0;font:14px sans-serif;display:flex}.mag-reader header button,.mag-reader footer button{color:#fff;background:#fff1;border:1px solid #fff5;border-radius:4px;min-height:44px;padding:10px 14px}.mag-reader button:disabled{opacity:.3;cursor:default}.mag-page{perspective:1500px;aspect-ratio:3/4;touch-action:pan-y;width:min(100%,75dvh - 130.5px);margin:auto}.mag-page img{object-fit:contain;transform-origin:0;background:#f6f0e9;width:100%;height:100%;display:block;box-shadow:0 10px 40px #0006}.mag-flip{animation:.35s ease-out mag-turn}.mag-flip-back{animation:.35s ease-out mag-return}.mag-reader-hint{text-align:center;color:#d4c9cc;margin:5px 0;font:11px sans-serif}@keyframes mag-turn{0%{opacity:.4;transform:rotateY(-16deg)}to{opacity:1;transform:rotateY(0)}}@keyframes mag-return{0%{opacity:.4;transform:rotateY(16deg)}to{opacity:1;transform:rotateY(0)}}@media (prefers-reduced-motion:reduce){.mag-page img{animation:none}.mag-cover-image img{transition:none}}@media (width<=500px){.mag-shelf{padding:32px 20px}.mag-covers{gap:20px}.mag-arrows button{width:36px;height:36px}.mag-reader{padding:10px}.mag-reader header{font-size:12px}}.mag-heading{text-align:center;justify-content:center;margin-bottom:28px}.mag-heading h2{font-weight:500}.mag-feature{max-width:360px;margin:auto}.mag-feature .mag-cover{text-align:center;width:100%;display:block}.mag-feature .mag-caption{padding-top:18px}.mag-feature .mag-caption strong{font-weight:500;display:block}.mag-feature .mag-caption small{color:#856d73;margin-top:8px}.mag-selector{justify-content:center;align-items:center;gap:30px;margin-top:20px;display:flex}.mag-selector button{background:0 0;border:1px solid #b7a3a4;border-radius:50%;width:42px;height:42px;font:20px serif}.mag-selector button:disabled{opacity:.25;cursor:default}.mag-selector span{letter-spacing:.13em;font:12px sans-serif}.mag-selector b{font-size:17px;font-weight:500}.mag-selector i{color:#b7a3a4;margin:0 12px;font-style:normal}.mag-index-toggle{letter-spacing:.08em;background:0 0;border:0;border-bottom:1px solid #cdbbbc;min-height:44px;margin:22px auto 0;padding:10px 14px;display:block;font-size:13px!important}.mag-index-toggle span{margin-left:20px}.mag-index{grid-template-columns:repeat(5,minmax(0,1fr));gap:18px;max-width:780px;margin:30px auto 0;display:grid}.mag-index button{background:0 0;border:1px solid #0000;min-width:0;padding:5px}.mag-index button[aria-pressed=true]{border-color:#8f5c6a}.mag-index img{aspect-ratio:3/4;object-fit:contain;width:100%;height:auto;display:block}.mag-index span{margin:10px 0 5px;font:12px sans-serif;display:block}.mag-index strong{overflow-wrap:anywhere;font-size:12px;font-weight:400;display:block}@media (width<=500px){.mag-feature{max-width:310px}.mag-index{grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}.mag-heading p{font-size:12px}}