/* Concise task instructions and complete-image viewing. */
.step-alias{position:absolute;top:0;left:0;scroll-margin-top:0}
.sl__side>.sl__do:first-of-type{margin-top:0}
.sl__hint{font-size:max(10px,.9cqw);color:var(--sl-ink3);margin-top:1.2cqw}
.sl__side .sl__note{padding:1cqw 1.1cqw;border-left:3px solid var(--sl-amber);background:var(--sl-paper);border-radius:0 .6cqw .6cqw 0;font-size:max(12px,1.06cqw)}
.sl__side .sl__open{display:flex;flex-wrap:wrap;gap:.6em 1.2em}
.sl__side .sl__open .sl__alt{margin-left:0}
.image-open{overflow:hidden}
dialog.lb{margin:0;width:100%;height:100dvh;max-width:none;max-height:none;border:0;padding:4.4rem 4rem 3.6rem;overflow:hidden;color:white}
dialog.lb::backdrop{background:rgb(15 20 36 / .9)}
dialog.lb figure{width:min(1440px,100%);height:100%;max-height:100%;min-height:0}
.lb__scroll{width:100%;flex:1;min-height:0;overflow:auto;overscroll-behavior:contain;border-radius:8px;background:rgb(255 255 255 / .08)}
.lb .lb__scroll img{display:block;width:100%;max-width:1440px;height:auto;max-height:none;object-fit:initial;margin-inline:auto;border-radius:0}
.lb .lb__scroll.is-phone img{max-width:420px}
.lb .lb__scroll.is-actual img{width:auto;max-width:none}
.lb .lb__z{top:1rem;left:1rem;width:auto;min-width:112px;border-radius:8px;padding:.6rem .9rem;font-size:12px;font-weight:600}
.lb figcaption{flex:none;max-width:100%;font-size:12px}
html.dk-present .lb[open]{visibility:visible}
html.dk-present .sl .shot{pointer-events:auto}
html.dk-present .sl__side .sl__note{font-size:calc(1.06cqw * var(--k,1))}
/* Compact task cards. Preserve the original palette and colour hierarchy. */
.o6-section .o6-tiles{gap:24px}
.o6-section .o6-tile{min-height:0;gap:8px;padding:14px 16px}
.o6-section .o6-tile::after{top:16px;right:14px;font-size:16px}
.o6-section .o6-tile__hd{gap:9px;padding-right:19px;align-items:flex-start}
.o6-section .o6-tile__hd b{padding-top:2px;font:650 17px/1.35 var(--font-body);letter-spacing:0}
.o6-section .o6-tile__n{width:26px;height:26px;font:650 12px/1 var(--font-body)}
.o6-section .o6-tile__t{font-size:13px;line-height:1.5}
.o6-section .o6-tile__m{padding-top:8px;font-size:11px;line-height:1.5}
.o6-section .o6-group+.o6-group{margin-top:48px}
.o6-section .o6-group__h{margin-bottom:18px;gap:8px 18px}
.o6-section .o6-group__h p{font-size:13px;line-height:1.5}
.o6-section .o6-others{gap:12px}
.o6-section>.v2-h2{margin-top:42px}
@media(max-width:767.98px){dialog.lb{padding:4.1rem 10px 4.2rem}.lb figcaption{font-size:10px}.lb .lb__z{left:10px;top:10px}.lb__x{top:10px;right:10px}.sl__hint{font-size:11px}.sl__side .sl__note{font-size:12px;padding:10px 12px}.sl__side .sl__open{font-size:12px;gap:10px}}
@media(max-width:767.98px){.o6-section .o6-tiles{gap:18px}.o6-section .o6-tile{padding:14px 15px;gap:9px}.o6-section .o6-tile__hd b{font-size:16px}.o6-section .o6-tile__t{font-size:13px}.o6-section .o6-group+.o6-group{margin-top:38px}}
@media(prefers-reduced-motion:reduce){*,*:before,*:after{scroll-behavior:auto!important;transition:none!important;animation:none!important}}
@media print{.lb,.sl__hint{display:none!important}}