.story-header{height:78px;padding:0 clamp(20px,5vw,70px);display:flex;justify-content:space-between;align-items:center;border-bottom:2px solid #32332f;background:#f7f0e5}.story-header>a:first-child{display:flex;align-items:center;gap:12px;font-weight:800}.story-header small{display:block;font-size:9px;letter-spacing:.13em}.story-mark{display:grid;place-items:center;background:#30312f;color:#fff6e8;border-radius:12px 10px 13px 11px;width:45px;height:43px;transform:rotate(-4deg);font-weight:900}.story-home{font-size:13px;font-weight:800;border-bottom:1px solid #32332f;padding:7px}.story-intro{background:#f9eddc;text-align:center;padding:90px 20px 95px;border-bottom:2px solid #32332f}.story-intro h1{font:700 clamp(50px,9vw,102px) var(--hand);letter-spacing:-.06em;margin:12px auto 14px;line-height:1.12}.story-subtitle{font:700 clamp(20px,3vw,28px) var(--hand);color:#b36b50;margin:0 auto 32px}.story-lead{max-width:640px;margin:0 auto 35px;font-size:16px;line-height:1.8;color:#4f5049;word-break:keep-all}.story-scroll{display:inline-block;padding:14px 24px;border:2px solid #32332f;border-radius:13px;background:#fff8ef;font-weight:800;box-shadow:4px 4px 0 #d7b39f}.story-comic{max-width:740px;margin:auto;padding:55px 14px 20px}.story-panel{margin:0 0 60px;position:relative;background:#fff8ed}.story-panel img{width:100%;height:auto;display:block}.story-panel figcaption{min-height:150px;padding:34px 25px 55px;text-align:center;font:700 clamp(22px,4vw,30px) var(--hand);line-height:1.5;word-break:keep-all}.panel-number{display:block;color:#a06049;font:800 11px var(--body);letter-spacing:.12em;margin-bottom:22px}.story-dialogue{position:absolute;top:43%;left:54%;max-width:39%;padding:12px 18px;background:#fffaf1;border:2px solid #39332e;border-radius:48% 53% 51% 46%;font:700 clamp(16px,3.2vw,28px) var(--hand);text-align:center;transform:rotate(-4deg)}.story-audio{display:flex;align-items:center;justify-content:center;gap:15px;flex-wrap:wrap;margin:-5px 0 32px;font:700 17px var(--hand)}.story-audio audio{width:min(430px,100%)}.story-end{text-align:center;padding:50px 20px 90px;background:#e9e0d0}.story-end p{font:700 30px var(--hand)}.story-end nav{display:flex;flex-wrap:wrap;justify-content:center;gap:14px}.story-end a{background:#fff7e9;border:2px solid #32332f;padding:13px 18px;border-radius:12px;font-weight:800}.story-footer{padding:30px clamp(20px,5vw,70px);display:flex;justify-content:space-between;gap:15px;background:#30312f;color:#fff8ea;font-size:12px}.story-footer a{font-weight:800}@media(max-width:700px){.story-intro{padding:68px 22px}.story-comic{padding:35px 0 0}.story-panel{margin-bottom:35px}.story-panel figcaption{padding:32px 20px 55px}.story-dialogue{padding:8px 10px;font-size:clamp(15px,4vw,21px)}.story-footer{display:block}.story-footer span{display:block;margin-top:10px}}