:root{--d2-cyan:#00cccc;--d2-green:#00c000;--d2-red:#dd2222;--d2-yellow:#dddd00;--d2-magenta:#cc00cc;--d2-blue:#3333dd}
body.design-teletext::after{content:"";position:fixed;inset:0;z-index:999;pointer-events:none;background:repeating-linear-gradient(180deg,transparent 0,transparent 3px,rgba(0,0,0,.10) 3px,rgba(0,0,0,.10) 4px)}
.design-masthead{display:flex;justify-content:space-between;align-items:center;gap:18px;padding:.55rem 1.1rem;background:#00cccc;color:#000;border-bottom:2px solid #000;position:relative;z-index:2}.teletext-left{display:flex;align-items:baseline;gap:.7rem;min-width:0}.teletext-logo{font-size:clamp(1.6rem,4vw,2.45rem);letter-spacing:.11em}.teletext-app-name{font-size:.9rem;letter-spacing:.12em;text-transform:uppercase;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.teletext-cursor{animation:blink 1s step-end infinite}.teletext-right{text-align:right;font-size:.78rem;letter-spacing:.09em;line-height:1.3;text-transform:uppercase}.teletext-page{display:block;font-size:1.15rem;font-weight:900}@keyframes blink{50%{opacity:0}}@media(max-width:650px){.design-masthead{padding:.45rem .65rem;align-items:flex-start}.teletext-app-name{display:none}.teletext-right span:not(.teletext-page){display:none}}