/* Reference navigation: compact brand, numbered capsule, chapter-local progress. */
.topbar.reference-header{position:fixed;inset:0 3.5vw auto;height:94px;padding:0;margin:0;display:flex;align-items:center;justify-content:space-between;gap:22px;z-index:50;border:0;pointer-events:auto}
.reference-header .brand{display:flex;align-items:center;gap:10px;padding:0;position:static;font-size:19px;font-weight:800;letter-spacing:-.5px;line-height:1.15;text-align:left}
.reference-header .brand .ip{width:43px;height:43px;flex:none;border-radius:12px;overflow:hidden;display:block}
.reference-header .brand img{width:100%;height:100%;object-fit:cover;display:block}
.reference-header .brand small{display:block;font-size:8px;letter-spacing:2.5px;font-weight:500;margin-top:5px}
.reference-header #chapter-progress{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);display:flex;gap:2px;padding:5px;background:#fffaf0;border:0;border-radius:30px;align-items:center;width:auto;height:auto}
.reference-header #chapter-progress button{position:relative;display:flex;align-items:center;justify-content:center;width:auto;min-width:43px;height:34px;min-height:34px;padding:0 14px;background:transparent;border:0;border-radius:24px;color:var(--ink);font-size:11px;line-height:1;overflow:visible;transition:background .25s,color .25s}
.reference-header #chapter-progress button>span{position:static;transform:none;opacity:1;width:auto;display:inline;font-size:11px;font-weight:650}
.reference-header #chapter-progress button>small{display:none;position:static;transform:none;opacity:1;max-width:none;width:auto;font-size:11px;letter-spacing:0;white-space:nowrap;color:inherit;font-weight:650}
.reference-header #chapter-progress button.selected{background:var(--ink);color:#fffaf0;width:auto;padding:0 17px}
.reference-header #chapter-progress button.selected>span{display:none}.reference-header #chapter-progress button.selected>small{display:inline}
.reference-header #chapter-progress button:hover{background:var(--red);color:#fffaf0}

.bottom-bar.reference-footer{position:fixed;inset:auto 0 0;min-height:110px;height:110px;padding:20px 3.5vw;display:flex;justify-content:space-between;align-items:center;gap:20px;background:#ffce53;z-index:50;border:0;pointer-events:auto}
.reference-footer .position{width:225px;text-align:left;display:block;font-size:11px;font-weight:600;line-height:1.5;padding:0}
#act-dots{display:flex;gap:5px;margin-top:12px}#act-dots span{display:block;width:18px;height:5px;background:#fff1bf;border-radius:4px;transition:width .3s,background .3s}#act-dots span.read{background:#e7b674}#act-dots span.current{background:var(--red);width:31px}
.reference-footer .page-controls{position:static;display:flex;align-items:center;justify-content:center;gap:16px;padding:0;border:0;background:none;border-radius:0}
.reference-footer #prev,.reference-footer #next{width:46px;height:46px;min-width:46px;flex:0 0 46px;padding:0;display:grid;place-items:center;font-size:22px;border:0;border-radius:50%;background:#fffaf0;color:var(--ink);line-height:1}
.reference-footer #next{background:var(--ink);color:#fffaf0}.reference-footer #next:not(:disabled):hover{background:var(--red)}
.reference-footer button:disabled{opacity:.35;cursor:default}
.reference-footer #nextPrompt{height:46px;min-width:175px;padding:0 7px;font-size:13px;font-weight:650;line-height:1.5;display:flex;align-items:center;justify-content:center}.reference-footer #nextPrompt:hover{color:var(--red)}
.reference-footer .help{width:225px;text-align:right;font-size:11px;color:#7c622d}
.slide [data-next]{visibility:hidden!important;pointer-events:none!important}
.shared-product-page .product-print-copy{visibility:hidden}
#shared-product{position:fixed;inset:112px 5.2vw 124px;z-index:25;background:#ffce53}
#shared-product[hidden]{display:none}
#product-frame{display:block;width:100%;height:100%;border:0;background:transparent}
body.product-visible #track{visibility:hidden}
@media(max-height:760px) and (min-width:761px){.topbar.reference-header{height:76px}.bottom-bar.reference-footer{height:92px;min-height:92px;padding-top:12px;padding-bottom:12px}#shared-product{inset:88px 5.2vw 102px}}
@media(max-width:760px){.topbar.reference-header{inset:0 0 auto;height:108px;min-height:0;padding:10px 18px 8px;display:grid;grid-template-columns:1fr auto;grid-template-rows:34px 44px;gap:6px 12px;background:#ffce53}.reference-header .brand{font-size:15px;gap:9px}.reference-header .brand .ip{width:33px;height:33px;border-radius:9px}.reference-header .brand small{font-size:7px;margin-top:2px;letter-spacing:2px}.reference-header #chapter-progress{grid-row:2;grid-column:1/-1;position:static;transform:none;width:100%;height:44px;display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:2px;padding:3px}.reference-header #chapter-progress button,.reference-header #chapter-progress button.selected{width:100%;height:38px;min-width:0;min-height:38px;padding:0!important}.reference-header #chapter-progress button>small{font-size:10px}.reference-header #chapter-progress button>span{font-size:12px}.bottom-bar.reference-footer{height:108px;min-height:108px;padding:10px 18px 12px;display:grid;grid-template-columns:1fr;grid-template-rows:18px 46px;gap:8px}.reference-footer .position{width:100%;display:flex;align-items:center;justify-content:space-between;font-size:9px}#act-dots{margin:0;gap:4px}#act-dots span{width:14px;height:4px}#act-dots span.current{width:24px}.reference-footer .page-controls{gap:12px;width:100%;grid-row:2}.reference-footer #nextPrompt{min-width:0;flex:1;font-size:12px;padding:0 4px}.reference-footer .help{display:none}#shared-product{inset:120px 18px 118px}.slide:not(.shared-product-page){padding-top:max(125px,14vh)}
}
@media print{.topbar,.bottom-bar,#shared-product{display:none!important}.shared-product-page .product-print-copy{visibility:visible}body.product-visible #track{visibility:visible}}
.topbar.reference-header{width:auto;max-width:none;box-sizing:border-box}
body .reference-header .brand{visibility:visible!important}
body .reference-footer #chapter-label{position:static;display:block!important;width:auto;height:auto;padding:0;margin:0;overflow:visible;clip-path:none;white-space:normal;font-size:11px;line-height:1.5}
@media(max-width:760px){body .reference-footer #chapter-label{font-size:9px}}