.mf-album{--blue:#092b63;--yellow:#ffc400;max-width:1240px;margin:auto;padding:40px 24px 64px;color:var(--blue)}.mf-album *{box-sizing:border-box}.album-intro{display:grid;grid-template-columns:minmax(200px,300px) 1fr;align-items:center;gap:60px;padding:40px;background:linear-gradient(125deg,#fff8d8,#fff 65%);border:1px solid #e4eaf2;border-radius:28px;margin-bottom:36px}.album-cover{width:100%;height:auto;box-shadow:12px 18px 32px #092b6326;transform:rotate(-3deg);border-radius:4px}.album-tag{font-size:12px;letter-spacing:2px;font-weight:800}.album-intro h1{font-size:clamp(24px,3.2vw,42px);line-height:1.4;margin:18px 0}.album-intro strong{display:block}.album-intro p{line-height:1.9;color:#52627a}.album-actions{display:flex;gap:12px;flex-wrap:wrap;margin:24px 0 16px}.album-actions a{padding:13px 20px;background:var(--yellow);color:var(--blue);border-radius:12px;text-decoration:none;font-weight:700}.album-actions .album-download{background:var(--blue);color:white}.album-reader{border:1px solid #d8e0ed;border-radius:20px;overflow:hidden;background:#f2f5fa;scroll-margin-top:100px}.album-toolbar{background:var(--blue);color:white;padding:18px 24px}.album-toolbar h2{font-size:20px;margin:0 0 14px}.album-tools{display:flex;gap:8px;align-items:center;flex-wrap:wrap}.album-tools button,.album-tools a,.album-navigation button{border:0;border-radius:8px;padding:10px 14px;font:inherit;font-size:14px;cursor:pointer;background:white;color:var(--blue);text-decoration:none}.album-tools output{min-width:44px}.album-tools button[aria-pressed=true]{background:var(--yellow)}.album-stage{height:690px;max-height:75vh;overflow:auto;display:block;text-align:center;padding:24px;overscroll-behavior:contain;touch-action:pan-x pan-y}.album-stage img{display:block;width:auto;height:100%;max-width:100%;object-fit:contain;margin:auto;box-shadow:0 4px 18px #092b6320}.album-navigation{display:flex;align-items:center;justify-content:center;gap:24px;padding:16px}.album-navigation button{background:var(--blue);color:white}.album-navigation button:disabled{opacity:.4;cursor:default}.album-thumbnails{display:flex;overflow-x:auto;gap:10px;padding:12px 20px 20px}.album-thumbnails button{flex:none;border:2px solid transparent;background:white;border-radius:8px;padding:5px;cursor:pointer;color:var(--blue)}.album-thumbnails button[aria-current=page]{border-color:var(--blue);background:#fff2b5}.album-thumbnails img{display:block;object-fit:contain}.album-thumbnails span{display:block;padding-top:4px}.album-hint{text-align:center;font-size:12px;color:#53637a;padding:0 14px 14px}.mf-album button:focus-visible,.mf-album a:focus-visible{outline:3px solid #e89b00;outline-offset:3px}.album-reader:fullscreen{border-radius:0;overflow:auto;width:100%;height:100%;background:#f2f5fa}.album-reader:fullscreen .album-stage{height:calc(100vh - 330px)}@media(max-width:650px){.mf-album{padding:24px 12px 40px}.album-intro{grid-template-columns:1fr;gap:28px;padding:28px 20px}.album-cover{max-width:180px;margin:auto}.album-tag{font-size:10px;letter-spacing:1px}.album-intro h1{font-size:26px}.album-toolbar{padding:16px 12px}.album-toolbar h2{font-size:17px}.album-tools button,.album-tools a{padding:9px;font-size:12px}.album-stage{height:500px;padding:12px}.album-navigation{gap:14px}.album-navigation button{font-size:12px}.album-thumbnails img{width:56px;height:79px}}@media(prefers-reduced-motion:reduce){.mf-album *{scroll-behavior:auto}}