.handbook-section{--manual-ink:#625251;--manual-accent:#ad716f;--manual-paper:#fff8f1;background:#f4efe8;color:var(--manual-ink);padding:78px 6% 40px;scroll-margin-top:0}
.handbook-heading{display:flex;justify-content:space-between;align-items:flex-end;gap:40px;max-width:1260px;margin:0 auto 34px}
.handbook-heading .eyebrow{font-size:11px;margin-bottom:18px}
.handbook-heading h2{font-size:clamp(36px,4.4vw,64px);font-weight:500;line-height:1.06}
.handbook-heading>p{font-size:16px;line-height:1.6;margin:0 0 3px;max-width:310px}
.handbook-selectors{display:flex;flex-wrap:wrap;gap:10px;max-width:1260px;margin:0 auto 48px}
.handbook-selectors button{display:flex;gap:16px;align-items:center;color:inherit;background:transparent;border:1px solid #62525140;border-radius:99px;font-size:14px;padding:10px 19px;min-height:44px;transition:background .2s,color .2s}
.handbook-selectors button>span{font-size:10px;opacity:.65}
.handbook-selectors button[aria-pressed=true]{background:var(--manual-ink);color:var(--manual-paper);border-color:var(--manual-ink)}
.handbook-selectors button:hover:not([aria-pressed=true]){background:#e7e0d7}
.handbook-views{max-width:1260px;margin:auto}
.handbook-view{position:relative;display:grid;grid-template-columns:1fr 1fr;gap:18px 20px;align-items:start;isolation:isolate}
.handbook-note{position:relative;z-index:4;width:min(100%,270px)}
.handbook-note h3{font:500 19px/1.25 var(--body);letter-spacing:-.02em;display:flex;align-items:center;gap:10px;margin:0 0 10px}
.handbook-note h3>span{font-size:10px;flex-shrink:0;border:1px solid #ad716f60;border-radius:50%;width:25px;height:25px;display:grid;place-items:center;font-weight:400}
.handbook-note p{font-size:14px;line-height:1.55;margin:0;color:#736361;padding-left:35px}
.handbook-note--a{grid-column:1;grid-row:1}
.handbook-note--b{grid-column:1;grid-row:3;margin-top:12px;width:min(100%,310px)}
.handbook-note--c{grid-column:2;grid-row:1;justify-self:end}
.handbook-book{grid-column:1/-1;grid-row:2;position:relative;display:flex;width:82%;margin:34px auto 38px;perspective:1800px;transform:perspective(1800px) rotateX(9deg) rotateZ(-2deg);transform-style:preserve-3d;box-shadow:0 2px 0 #dedad5,0 5px 0 #faf7f2,0 7px 0 #d5cfc8,0 26px 38px -14px #4c3d343d;border-radius:2px}
.handbook-page{padding:0;border:0;position:relative;width:50%;flex:0 0 50%;background:white;cursor:zoom-in;overflow:hidden;border-radius:2px 0 0 2px;transform:rotateY(1.5deg);transform-origin:100% 50%;color:inherit}
.handbook-page--right{border-radius:0 2px 2px 0;transform:rotateY(-1.5deg);transform-origin:0 50%}
.handbook-page img{display:block;width:100%;height:auto}
.handbook-page::after{content:'';position:absolute;inset:0;background:linear-gradient(90deg,#b1a6980d,transparent 6%,transparent 78%,#62525124);pointer-events:none}
.handbook-page--right::after{background:linear-gradient(90deg,#62525129,transparent 18%,transparent 94%,#b1a6980d)}
.handbook-spine{position:absolute;left:calc(50% - 1px);top:0;bottom:0;width:2px;background:#5a4d423d;pointer-events:none}
.handbook-connectors{position:absolute;inset:0;width:100%;height:100%;z-index:3;pointer-events:none;overflow:visible;color:var(--manual-accent)}
.handbook-connectors path{fill:none;stroke:currentColor;stroke-width:1.35;stroke-linecap:round;stroke-linejoin:round}
.handbook-connectors circle{fill:var(--manual-paper);stroke:currentColor;stroke-width:1}
.handbook-connectors text{font:9px var(--body);fill:var(--manual-ink);text-anchor:middle;dominant-baseline:central}
.handbook-page-caption{grid-column:2;grid-row:3;justify-self:end;text-align:right;align-self:center;font-size:18px;margin:12px 0 0;max-width:310px;font-weight:500}
.handbook-page-caption small{display:block;font-size:11px;line-height:1.7;margin-top:8px;color:#887976;font-weight:400}
.handbook-footer{max-width:1260px;margin:40px auto 0;border-top:1px solid #62525125;padding-top:22px;display:flex;gap:24px;align-items:center;justify-content:space-between}
.handbook-footer>p{font-size:11px;line-height:1.7;color:#887976;margin:0}
.handbook-download{display:flex;gap:16px;align-items:center;font-size:13px}
.handbook-download img{width:82px;height:auto;box-shadow:2px 4px 7px #62525125;transform:rotate(-4deg)}
.handbook-download small{display:block;font-size:10px;margin-top:4px;opacity:.65}
.handbook-download:hover{color:#3d3c3d}
.markaplassen-manual-link{margin-left:28px}
.handbook-view.is-entering .handbook-book{animation:handbook-enter .5s ease-out both}
.handbook-view.is-entering .handbook-note{animation:handbook-note-enter .45s .08s ease-out both}
@keyframes handbook-enter{from{opacity:0;translate:0 10px}to{opacity:1;translate:0 0}}
@keyframes handbook-note-enter{from{opacity:0;translate:0 5px}to{opacity:1;translate:0 0}}
.handbook-dialog{position:fixed;inset:0;margin:0;border:0;background:#f4efe8;color:var(--manual-ink);width:100vw;max-width:100vw;height:100dvh;max-height:100dvh;padding:0 28px 40px;overflow:auto}
.handbook-dialog::backdrop{background:#302821ee}
.handbook-dialog-toolbar{position:sticky;top:0;z-index:1;display:flex;align-items:center;justify-content:center;gap:18px;padding:14px 0;background:#f4efe8f5;backdrop-filter:blur(8px)}
.handbook-dialog-toolbar button{min-width:44px;min-height:44px;border:1px solid #62525140;border-radius:99px;background:transparent;color:inherit;padding:8px 14px;font-size:16px}
.handbook-dialog-toolbar button:disabled{opacity:.3;cursor:default}
.handbook-dialog-toolbar>span{font-size:13px;text-align:center;min-width:90px}
.handbook-dialog-toolbar [data-handbook-close]{position:absolute;right:0;font-size:13px}
.handbook-dialog>img{width:100%;max-width:1600px;height:auto;margin:10px auto 0;background:#fff;box-shadow:0 10px 35px #62525120}
html.handbook-open{overflow:hidden}
@media(min-width:1600px){.handbook-note{width:300px}.handbook-note h3{font-size:20px}.handbook-note p{font-size:15px}}
@media(max-width:900px){.handbook-heading>p{font-size:14px}.handbook-note{width:250px}.handbook-note h3{font-size:17px}.handbook-note p{font-size:13px}.handbook-book{width:88%}.handbook-dialog-toolbar [data-handbook-close]{position:static}}
@media(max-width:600px){
 .handbook-section{padding:52px 6% 32px}
 .handbook-heading{display:block;margin-bottom:25px}
 .handbook-heading h2{font-size:40px}
 .handbook-heading>p{margin-top:20px;font-size:14px;max-width:310px}
 .handbook-heading>p br{display:none}
 .handbook-selectors{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;margin-bottom:24px}
 .handbook-selectors button{gap:10px;font-size:12px;padding:10px 14px;min-width:0;overflow-wrap:anywhere;text-align:left}
 .handbook-view{grid-template-columns:1fr;gap:22px}
 .handbook-book{grid-column:1;grid-row:1;width:100%;margin:14px auto 25px;transform:perspective(1500px) rotateX(5deg) rotateZ(-2deg)}
 .handbook-note{grid-column:1;width:100%;max-width:none;padding-left:36px;justify-self:stretch;margin:0}
 .handbook-note--a{grid-row:2}.handbook-note--b{grid-row:3}.handbook-note--c{grid-row:4}
 .handbook-note h3{font-size:17px}.handbook-note p{font-size:13px}
 .handbook-page-caption{grid-column:1;grid-row:5;justify-self:stretch;text-align:left;margin:0 0 0 36px;font-size:16px}
 .handbook-footer{align-items:flex-start;flex-direction:column;margin-top:26px;gap:22px}
 .markaplassen-manual-link{margin-left:0;display:table}
 .handbook-dialog{padding:0 10px 24px}
 .handbook-dialog-toolbar{gap:8px;justify-content:space-between}
 .handbook-dialog-toolbar>span{font-size:11px;min-width:72px}
 .handbook-dialog-toolbar button{padding:8px 11px}
}
@media(prefers-reduced-motion:reduce){.handbook-view.is-entering .handbook-book,.handbook-view.is-entering .handbook-note{animation:none}.handbook-book{transform:none}}
/* Keep every original page intact, including manuals with mixed page sizes. */
.handbook-section{position:relative}
.handbook-anchor{position:absolute;top:0}
.handbook-view[hidden]{display:none!important}
.handbook-page{display:flex;align-items:center;aspect-ratio:var(--page-ratio)}
.handbook-page img{height:100%;object-fit:contain}
.handbook-selectors button:focus-visible,.handbook-page:focus-visible,.handbook-dialog button:focus-visible,.handbook-download:focus-visible{outline:3px solid var(--pink);outline-offset:5px}
@media(prefers-reduced-motion:reduce){.handbook-selectors button{transition:none}}