.hero-grid>*{min-width:0}
.hero h1{font-size:clamp(1.7rem,3.65vw,3.25rem);overflow-wrap:normal;word-break:normal;hyphens:none;line-height:1.15}
.hero h1 .keep-word{white-space:nowrap}
.erp-monitor{width:100%;margin:0;text-align:center;min-width:0}
.erp-monitor-device{position:relative;width:100%;aspect-ratio:5/4}
.erp-monitor-frame{width:100%;height:auto;display:block}
.erp-monitor-overlay{position:absolute;left:5.2%;top:6.8%;width:89.5%;height:63.2%;background:white;overflow:hidden}
.erp-monitor-overlay img{display:block;width:100%;height:100%;object-fit:contain}
.erp-monitor figcaption strong{color:var(--ose-blue-dark);font-size:1.15rem}
.hero .erp-monitor figcaption p{font-size:.8rem;line-height:1.5;margin:8px auto 14px;max-width:460px;color:var(--muted)}
.erp-monitor-controls{display:flex;flex-wrap:wrap;justify-content:center;gap:12px}
.erp-monitor-controls[hidden],.erp-monitor-overlay[hidden]{display:none}
.erp-monitor-tabs{display:flex;gap:6px;flex-wrap:wrap;justify-content:center}
.erp-monitor-controls button{font:inherit;font-size:.8rem;padding:9px 12px;min-height:44px;border:1px solid #e97824;border-radius:22px;background:white;color:#9f460a;cursor:pointer}
.erp-monitor-controls button[aria-pressed="true"],.erp-monitor-controls button:hover{background:#e97824;color:white}
.erp-monitor-controls button:focus-visible{outline:3px solid var(--ose-blue-dark);outline-offset:3px}
@media(max-width:980px){.topbar .brand{min-width:0!important;flex:1 1 auto!important}.topbar .nav{gap:8px!important}.topbar .anniversary-logo img{width:82px!important;max-width:82px!important}}
@media(max-width:600px){.hero h1{font-size:clamp(1.65rem,7.8vw,2.8rem)}.hero-grid{gap:28px}}
body{overflow-wrap:anywhere}.topbar{overflow-wrap:normal}