/* Retro laptop artwork around a live, accessible exercise window. */
.listening-view.announcement-board{padding:0}
.announcement-board>.listening-back{display:block;margin:0;padding:18px 4%;background:#182d3f;color:#f2e5ca}
.announcement-laptop{position:relative;padding:12% 16.5% 19% 23%;background:#24384f url('assets/announcement-laptop-reference.webp') center/100% 100% no-repeat;min-height:800px}
.announcement-window{position:relative;border:4px ridge #b2aea0;border-radius:3px;background:#efe2c4;box-shadow:0 0 0 2px #153b60,4px 5px 10px #13223766;padding:46px 24px 22px;color:#103e70;min-height:490px}
.announcement-window-bar{position:absolute;top:0;left:0;right:0;padding:8px 12px;background:#103e70;color:#f6e8c8;font:600 12px 'DM Mono',monospace;letter-spacing:1px;border-bottom:3px ridge #c5c0ae}
.announcement-window>h1{font:700 clamp(26px,3vw,46px)/1.2 'DM Mono',monospace;letter-spacing:-1px;margin:5px 0 14px;text-align:center;color:#103e70}
.announcement-window>.instruction{font:500 15px/1.5 'DM Mono',monospace;text-align:center;margin:8px 0 3px}
.announcement-window>.translation{color:#a52d54;text-align:center}
.announcement-window .listening-meta{font-size:12px;margin:18px 0}
.announcement-window select{background:#f3e7cd;color:#103e70}
.announcement-window .listening-deck{background:transparent;color:#103e70;border:0;padding:0;margin:16px 0 0}
.announcement-window .listening-deck form{max-width:none}
.announcement-window .board-motto{font:600 15px 'DM Mono',monospace;padding:10px 12px;border-block:1px solid #a79c83;margin:0}
.announcement-window .board-motto:before{content:'●';color:#d7849e;margin-right:12px;text-shadow:1px 2px #8a687750}
.announcement-window .listening-audio{margin:16px 0;justify-content:center}
.announcement-window .listening-audio button{background:#e4d5b4;border:2px outset #b7b09d;color:#103e70;min-height:48px}
.announcement-window .listening-audio button:active{border-style:inset}
.announcement-window .listening-fields{grid-template-columns:1fr;gap:12px;margin:16px 0}
.announcement-window .listening-fields label{background:#f5ead4;color:#103e70;border:1px solid #a4977f;letter-spacing:0;padding:12px 15px;font:500 14px 'DM Mono',monospace}
.announcement-window .listening-fields input{background:#faf3e4;color:#103e70;border:2px inset #bab39d;padding:10px;font-size:16px}
.announcement-window .action{display:block;margin:18px auto 0;background:#d58aa5;color:#103e70;border:3px outset #d5b1b6;min-width:160px}
.announcement-window .listening-notice{text-align:center;color:#665d4b}
.announcement-window .listening-feedback{background:#e9dab5;color:#103e70}
.announcement-window .listening-feedback .translation{color:#a52d54}
.announcement-board>.listening-notice{margin:22px 4%}
.announcement-board>.ear-report-local{padding:0 3%}
@media(max-width:950px){.announcement-laptop{padding:12% 10% 18% 17%}.announcement-window{padding:45px 18px 20px}.announcement-window>h1{font-size:30px}.announcement-window .listening-meta{gap:8px}}
@media(max-width:600px){.announcement-laptop{padding:60px 5% 95px;background-size:auto 100%}.announcement-window{padding:43px 12px 18px;min-height:0}.announcement-window>h1{font-size:25px;overflow-wrap:anywhere}.announcement-window-bar{font-size:10px;letter-spacing:0}.announcement-window .listening-fields label{padding:10px}.announcement-window .listening-meta label{margin-left:0}.announcement-window .listening-audio{gap:8px}.announcement-window .listening-audio button{padding:10px;font-size:14px}}