/* Compact, accessible mode groups. */
header nav.grouped-navigation{display:flex!important;flex-wrap:wrap!important;overflow:visible!important;gap:5px;justify-content:center;grid-template-columns:none!important}.nav-group{position:relative}.nav-group-trigger{white-space:nowrap}.nav-group-panel{display:none;position:absolute;top:100%;left:0;min-width:210px;padding:10px;background:#fffdf6;border:1px solid #c5d2c8;border-radius:14px;box-shadow:0 15px 35px #102b2630;z-index:100}.nav-group.is-open .nav-group-panel{display:grid;gap:5px}header nav .nav-group-panel button{width:100%;text-align:left;padding:12px 14px;color:#23473e;border-radius:8px;white-space:nowrap}header nav .nav-group-panel button:hover,header nav .nav-group-panel button:focus-visible{background:#e9f1e7}header nav .nav-group-panel button.active{background:#dcebdd;color:#174435}
/* Deep green cloth binding and warm editorial paper. */
#album .magazine-cover{background:repeating-linear-gradient(90deg,#ffffff04 0 1px,transparent 1px 4px),radial-gradient(ellipse at 80% 0,#356353,#122e29 75%);border-color:#567761;padding:35px 45px;box-shadow:inset 12px 0 18px #00181066,4px 5px 0 #e9dcb9,7px 8px 0 #bba881,0 20px 45px #102c2920}#album .cover-body h2{color:#fff4db;font-size:clamp(38px,5vw,68px)}#album .cover-body h2 em{color:#e6c780}#album .cover-medallion{background:radial-gradient(ellipse,#44745c,#163a2f);border-color:#e7ca85;box-shadow:inset 0 0 0 7px #214635,inset 0 0 0 8px #dcc47c77}#album .album-chapters{margin:28px 0;gap:12px}#album .chapter-summary{border-radius:12px;border-top:3px solid #3e6b54;background:#fffdf6;box-shadow:0 4px 15px #163c2708}#album .chapter-summary span{color:#274d3e}#album .album-controls{background:#f4f1e6;border-color:#d5d7c5;border-radius:14px;padding:20px;gap:12px}#album .album-book{background:#254638;border-color:#526b50;padding:0 9px 14px;border-radius:8px 14px 14px 8px}#album .album-pagebar{background:#f6efde;padding:18px 26px}#album .album-family-heading{background:linear-gradient(110deg,#fff9eb,#ece7d5);padding:30px 35px;border-bottom:1px solid #d6c6a4}#album .album-family-heading h2{font-size:clamp(28px,3.5vw,42px);color:#254738}#album .album-family-heading p{font-size:12px;color:#746851;max-width:100%}#album .album-family-progress{height:6px}#album .album-family-progress i{background:linear-gradient(90deg,#406c54,#bca35d)}#album .magazine-sheet{padding:30px 25px;background-color:#fff9ec}#album .sheet-running-head{font-size:9px;letter-spacing:1.2px;color:#6f7657;margin-bottom:24px;padding-bottom:12px}#album .sheet-stickers{gap:26px 18px}#album .album-slot{padding:10px;border-radius:10px;background:#f3ead6;border-color:#dbccaa}#album .album-slot.pasted{background:#fffaf0;box-shadow:0 5px 13px #77644313}#album .album-slot.missing{background:#f4ecd955;border-color:#c9b992}#album .sticker-number{font-size:11px;color:#62704d}#album .sticker-number:after{font-size:6px}#album .sticker-note{font-size:10px;color:#657055;margin-top:13px}#album .family-emblem-slot{border:2px solid #b7964f;background:#f6eed5}#album .family-emblem-slot .sticker-number{color:#927029}#album .magazine-sheet .card{aspect-ratio:auto;min-height:0;height:auto;width:100%;margin:0;border-radius:10px;transform:none}#album .magazine-sheet .card .portrait{height:clamp(170px,19vw,260px);min-height:0}#album .magazine-sheet .card .card-bottom{min-height:94px;padding:14px 9px 10px}#album .magazine-sheet .card h3{font-size:clamp(16px,1.6vw,22px);line-height:1.15}#album .magazine-sheet .blank-sticker{height:360px;min-height:360px;border-radius:9px;background:radial-gradient(ellipse,#fffaf0,#eee3cc);color:#6d7555}#album .blank-sticker .sticker-silhouette{color:#c9c6ac;font-size:72px}#album .blank-sticker strong{color:#6b7354}#album .sheet-folio{padding-top:20px;margin-top:28px;color:#6e7655}#album .sheet-folio b{color:#3f5c45;font-size:30px}
@media(max-width:650px){header nav.grouped-navigation{gap:4px}header nav.grouped-navigation>button,.nav-group-trigger{font-size:12px!important;padding:10px 8px!important}.nav-group-panel{min-width:185px}.nav-group:last-of-type .nav-group-panel{left:auto;right:0}#album .magazine-cover{padding:27px 24px}#album .album-family-heading{padding:24px 20px}#album .magazine-sheet{padding:24px 15px}#album .sheet-stickers{gap:22px 12px}#album .album-slot{padding:7px}#album .magazine-sheet .card .portrait{height:clamp(145px,40vw,230px)}#album .magazine-sheet .blank-sticker{height:330px;min-height:330px}#album .sheet-running-head{font-size:7px}#album .sticker-note{font-size:8px}}
