/* RMC4310 V1.9 – gemeinsamer App-Rahmen. Keine Änderungen an API, Lesestatus oder Kompassberechnung. */
:root{--rmc-edge:rgba(204,233,210,.2);--rmc-surface:rgba(7,37,31,.88);--rmc-ink:#f4f9f4;--rmc-mint:#b2e3c6}
html{scroll-padding-top:80px}
body{margin:0!important;min-height:100svh;font-family:system-ui,-apple-system,"Segoe UI",sans-serif!important;background:#061d1a!important;color:var(--rmc-ink)!important}
body::before{content:"";position:fixed;inset:0;z-index:-2;background:linear-gradient(180deg,rgba(3,24,20,.32),rgba(3,24,20,.55) 38%,rgba(3,24,20,.95) 100%),url('/assets/images/background-mobile.webp') center top/cover no-repeat!important;pointer-events:none}
body::after{content:"";position:fixed;inset:0;z-index:-1;background:linear-gradient(90deg,rgba(1,18,14,.26),transparent,rgba(1,18,14,.26));pointer-events:none}
.shell,.rmc-notice-shell.shell{max-width:650px;width:100%;margin:0 auto;min-height:100svh;padding:0 18px 115px;background:transparent;box-sizing:border-box}
.topbar,.rmc-subpage .topbar{display:flex;align-items:center;justify-content:initial;gap:11px;padding:18px 0 12px;border-bottom:1px solid var(--rmc-edge);font-size:inherit}
.topbar .logo{height:49px;width:49px;object-fit:contain;flex:none}
.topbar .brand{display:flex;flex:1;flex-direction:column;align-items:flex-start;gap:3px;min-width:0}
.topbar .brand span{font-size:13px;letter-spacing:.09em;font-weight:750;line-height:1.25}
.topbar .brand small{font-size:11px;color:#bed3c8;letter-spacing:.13em}
.topbar .online{border:1px solid var(--rmc-edge);border-radius:99px;padding:7px;font-size:10px;color:var(--rmc-mint)}
.rmc-subpage main{padding-top:0}
.rmc-subpage .rmc-kicker{font-size:11px;letter-spacing:.20em;color:var(--rmc-mint);margin:29px 0 8px}
.rmc-subpage h1{font-size:clamp(27px,7vw,39px);line-height:1.13;font-weight:650;margin:12px 0 10px}
.rmc-subpage .rmc-subtitle{color:#c6e1d2;font-size:14px;line-height:1.6;margin:0 0 23px}
.rmc-subpage .rmc-notice-card,.rmc-subpage .rmc-detail,.rmc-subpage .market-card,.rmc-subpage .rmc-empty{background:var(--rmc-surface);border:1px solid var(--rmc-edge);border-radius:20px;box-shadow:0 12px 40px #00180e33;overflow:hidden}
.rmc-subpage .rmc-detail{padding:20px}
.rmc-subpage .rmc-notice-card{margin:12px 0}
.rmc-subpage .rmc-filter button{background:rgba(8,42,34,.89);border:1px solid var(--rmc-edge);color:var(--rmc-ink)}
.rmc-subpage .rmc-filter button[aria-pressed="true"]{background:#bce8cb;color:#073124}
.rmc-subpage .rmc-back{display:inline-block;margin:8px 0 20px;color:#c4e8d0;font-size:14px}
.bottomnav{position:fixed;z-index:30;bottom:0;left:0;right:0;display:flex;align-items:stretch;justify-content:space-around;gap:2px;background:rgba(3,27,22,.97);border-top:1px solid var(--rmc-edge);padding:10px 6px calc(10px + env(safe-area-inset-bottom));backdrop-filter:blur(18px)}
.bottomnav a{position:relative;min-width:0;flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:3px;padding:0 2px;text-decoration:none;color:#c0d3c7;font-size:10px;line-height:1.3;text-align:center}
.bottomnav a span:not(.rmc-unread-badge):not(.rmc-market-badge){font-size:23px;line-height:1.15}
.bottomnav a.active,.bottomnav a[aria-current="page"]{color:var(--rmc-mint)}
.bottomnav a:focus-visible,.rmc-subpage a:focus-visible,.rmc-subpage button:focus-visible{outline:2px solid #b2e3c6;outline-offset:2px}
/* preserve badge size/position; badge JS inserts dedicated span elements */
.bottomnav .rmc-market-badge,.bottomnav .rmc-unread-badge{font-size:11px;line-height:1;flex:none}
@media(min-width:700px){body::before{background-size:auto 100%;background-color:#0a2923}.shell,.rmc-notice-shell.shell{padding-inline:28px}}
@media(max-width:360px){.bottomnav a{font-size:9px}.topbar .brand span{font-size:11px}}
@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important}}

/* 6 eigene Modulseiten mit identischer Navigation */
.bottomnav{gap:0;padding-inline:3px}.bottomnav a{font-size:9px;padding:1px}.bottomnav a span:not(.rmc-unread-badge):not(.rmc-market-badge):not(.rmc-event-badge){font-size:21px}