/* Zeitungsarchiv 179: Spiegelsaal. Volle Breite, dunkle Bühne, HUD darüber. */
.mh179{position:relative;margin:-26px -26px 34px;height:clamp(540px,calc(100vh - 250px),800px);height:clamp(540px,calc(100svh - 250px),800px);background:#000;color:#eaf1fb;overflow:hidden;outline:none;--accent:#9fd45f}
.mh179:focus-visible{box-shadow:inset 0 0 0 3px var(--accent)}
.mh179.mh179-off{display:none}
.mh179-stage{position:absolute;inset:0}
.mh179 canvas{display:block;width:100%;height:100%;touch-action:pan-y;cursor:grab}
.mh179 canvas.-dragging{cursor:grabbing}
.mh179 canvas.-link{cursor:pointer}
.mh179-css3d{position:absolute;inset:0;z-index:1;pointer-events:none;overflow:hidden}
.mh179-label{white-space:nowrap;text-align:center;text-transform:uppercase;-webkit-font-smoothing:antialiased;text-shadow:0 1px 12px rgba(0,0,0,.7);backface-visibility:hidden;-webkit-backface-visibility:hidden}

.mh179-hud{position:absolute;inset:0;z-index:3;pointer-events:none}
.mh179-vignette{position:absolute;inset:0;background:radial-gradient(130% 90% at 50% 42%,transparent 52%,rgba(2,4,9,.55) 100%),linear-gradient(to bottom,rgba(2,4,9,.42) 0%,transparent 20%,transparent 62%,rgba(2,4,9,.62) 100%)}
.mh179-frame{position:absolute;inset:clamp(14px,2.4vh,26px);border:1px solid rgba(160,200,255,.11);border-radius:3px;box-shadow:inset 0 0 60px rgba(3,6,14,.5);opacity:0;transition:opacity 1.6s ease}
.mh179-frame::before,.mh179-frame::after{content:'';position:absolute;width:9px;height:9px;border:1px solid rgba(180,214,255,.5)}
.mh179-frame::before{top:-1px;left:-1px;border-right:0;border-bottom:0}
.mh179-frame::after{bottom:-1px;right:-1px;border-left:0;border-top:0}

.mh179-mast{position:absolute;top:clamp(30px,6.6vh,66px);left:50%;width:92%;text-align:center}
.mh179-kicker{font-size:clamp(8.5px,.95vw,10px);letter-spacing:.42em;text-transform:uppercase;color:rgba(180,206,244,.55);margin-bottom:15px}
.mh179-kicker b{color:var(--accent);font-weight:600}
.mh179 h1{margin:0;font-weight:300;font-size:clamp(30px,5.6vw,66px);line-height:1;letter-spacing:.015em;color:#f2f7ff;text-shadow:0 2px 44px rgba(70,140,220,.4),0 1px 3px rgba(0,0,0,.55)}
.mh179-sub{margin-top:16px;font-size:clamp(10.5px,1.25vw,13px);font-weight:300;letter-spacing:.05em;color:rgba(206,222,246,.6)}

.mh179-focus{position:absolute;bottom:clamp(30px,6vh,64px);left:50%;width:92%;display:flex;flex-direction:column;align-items:center;gap:12px}
.mh179-counter{display:flex;align-items:baseline;gap:8px;font:500 12px/1 ui-monospace,'SF Mono',Menlo,monospace;letter-spacing:.16em;text-transform:uppercase;color:rgba(190,214,246,.6)}
.mh179-num{color:var(--accent);font-size:14px;text-shadow:0 0 16px rgba(159,212,95,.5)}
.mh179-name{font-weight:300;font-size:clamp(20px,3.4vw,34px);letter-spacing:.12em;text-transform:uppercase;color:#eef4ff;text-shadow:0 2px 30px rgba(50,120,200,.4),0 1px 2px rgba(0,0,0,.6)}
.mh179-date{margin-top:-5px;min-height:1em;font-size:11px;letter-spacing:.22em;text-transform:uppercase;color:rgba(196,218,248,.55)}
@keyframes mh179Swap{from{opacity:0;transform:translateY(9px);filter:blur(5px)}to{opacity:1;transform:none;filter:blur(0)}}
.mh179-name.-swap{animation:mh179Swap .5s cubic-bezier(.22,.61,.36,1) both}
.mh179-nav{display:flex;align-items:center;gap:12px;pointer-events:auto}
.mh179-nav button{width:40px;height:40px;border-radius:50%;border:1px solid rgba(196,218,248,.35);background:rgba(4,8,18,.55);color:#eef4ff;font:400 22px/1 inherit;font-family:inherit;cursor:pointer;transition:border-color .2s,background .2s}
.mh179-nav button:hover{border-color:var(--accent);background:rgba(20,30,50,.75)}
.mh179-nav a{padding:11px 18px;border-radius:999px;background:var(--accent);color:#10220a;font-weight:700;font-size:12px;letter-spacing:.12em;text-transform:uppercase;text-decoration:none}
.mh179-nav a:hover{background:#b5e27b;text-decoration:none}
.mh179-nav :focus-visible{outline:2px solid #fff;outline-offset:3px}
.mh179-dots{display:flex;align-items:center;gap:9px}
.mh179-dots i{width:5px;height:5px;border-radius:4px;background:rgba(176,204,244,.26);transition:width .5s cubic-bezier(.22,.61,.36,1),background .5s ease}
.mh179-dots i.-on{width:22px;background:var(--accent)}

.mh179-hint{position:absolute;bottom:clamp(30px,6vh,64px);right:clamp(26px,4vw,58px);display:flex;align-items:center;gap:9px;font-size:10px;letter-spacing:.26em;text-transform:uppercase;color:rgba(196,218,248,.5);transition:opacity .8s ease}
.mh179-hint::before{content:'';width:22px;height:1px;background:rgba(196,218,248,.4);animation:mh179Hint 2.4s ease-in-out infinite}
@keyframes mh179Hint{0%,100%{transform:translateX(0);opacity:.35}50%{transform:translateX(6px);opacity:.9}}

.mh179-mast,.mh179-focus,.mh179-hint{opacity:0;transition:opacity 1.1s ease,transform 1.1s cubic-bezier(.22,.61,.36,1)}
.mh179-mast{transform:translateX(-50%) translateY(-12px)}
.mh179-focus{transform:translateX(-50%) translateY(14px)}
.mh179.-ready .mh179-mast,.mh179.-ready .mh179-focus{opacity:1;transform:translateX(-50%) translateY(0)}
.mh179.-ready .mh179-hint,.mh179.-ready .mh179-frame{opacity:1}
.mh179.-nudged .mh179-hint{opacity:0!important}

.mh179-listhead{margin:0 0 18px}
@media(max-width:900px){.mh179-hint{display:none}}
@media(max-width:620px){.mh179{margin:-26px -26px 26px;height:clamp(520px,78vh,680px)}.mh179-focus{bottom:clamp(22px,4vh,36px)}}
@media(prefers-reduced-motion:reduce){.mh179-name.-swap{animation:none}.mh179-hint::before{animation:none}}