/* Screen styles share one publication. */
.area-preference-host{grid-column:1/-1;min-width:0}
.area-preference{margin:16px 0;padding:12px;border:1px solid #aeb7a4;border-radius:4px;font:13px/1.45 Arial,sans-serif;color:#233c31;background:#f0f1e9}
.area-preference p{margin:0 0 8px;font-size:13px;letter-spacing:normal}
.area-preference label{display:flex;align-items:flex-start;gap:8px;font:13px/1.45 Arial,sans-serif;margin:0 0 8px;letter-spacing:normal;text-transform:none}
.area-preference input[type=checkbox]{width:20px;height:20px;min-width:20px;padding:0;margin:0;letter-spacing:normal;accent-color:#233c31}
.area-preference>div{display:flex;flex-direction:column;align-items:stretch;gap:8px}
.area-preference button,.area-preference a{font:13px/1.4 Arial,sans-serif;letter-spacing:normal;white-space:normal;overflow-wrap:anywhere;min-height:44px;padding:8px;text-align:left;color:#233c31}
.area-preference button{border:1px solid #aeb7a4;background:#fffdf5;border-radius:4px}
.area-preference [hidden]{display:none!important}.area-preference-status:empty{display:none}
body{min-height:100vh;background:var(--paper);color:var(--ink)}
/* Ceefax-inspired colour bands; KopKen remains the publisher. */
body[data-skin=ceefax] .screen .header{color:#ffff00}
body[data-skin=ceefax] .screen .header .page-number{color:#fff;background:#0000ff}
body[data-skin=ceefax] .screen .logo{background:#0000ff}
body[data-skin=ceefax] .screen .logo rect{fill:#ffff00}
body[data-skin=ceefax] .screen .page-title{background:#0000ff;color:#ffff00;border-bottom:0}
body[data-skin=ceefax] .screen .page-link .destination{color:#00ffff}
body[data-skin=ceefax] .screen .tagline{background:#ffff00;color:#000}
body[data-skin=ceefax] .screen .page-link:hover,body[data-skin=ceefax] .screen .page-link:focus-visible{background:#0000ff;color:#fff}
.display-column{min-width:0}.skin-control{margin-top:16px}.skin-control select{width:100%;min-height:44px;border:1px solid #aeb7a4;border-radius:4px;background:#f0f1e9;color:#253921;padding:8px;font:12px Arial,sans-serif}.keypad button,.step-buttons button,.languages button,.effect-toggle,.reading-toggle{min-height:44px}.sub-controls{display:flex;gap:8px;align-items:center;justify-content:center;padding:12px 0;flex-wrap:wrap}.sub-controls button,.sub-controls label{min-height:44px;display:flex;align-items:center}.sub-controls button{padding:9px 14px;border:1px solid #a5ad9e;border-radius:4px;background:#e5e9dd;color:#233c31}.sub-controls label{font-size:12px;margin:0;gap:7px}.sub-controls input{width:18px;letter-spacing:normal;padding:0}.sub-controls [aria-pressed=true]{background:#233c31;color:#fff}.source-status{font-size:12px;color:#765500}.interaction-panel{margin-top:24px;padding:24px;background:#fffdf5;border:1px solid #d4d8cd;border-radius:8px;line-height:1.55;scroll-margin-top:20px}.interaction-panel h2{font-size:24px;margin:0 0 8px}.interaction-panel h3{font-size:19px}.interaction-panel p{max-width:65ch}.interaction-panel button{min-width:44px;min-height:44px;border:1px solid #aab3a2;background:#e7ebdf;color:#1f3f2b;border-radius:4px;padding:8px 12px;font-size:15px}.interaction-panel button:hover{background:#d0ddc3}.interaction-panel button[aria-pressed=true]{background:#27513b;color:#fff}.interaction-panel input,.interaction-panel textarea,.interaction-panel select{font:17px Arial,sans-serif;letter-spacing:normal;background:#fff;color:#233c31;border:1px solid #aab3a2;border-radius:4px;padding:10px;min-height:44px;width:100%;max-width:100%}.interaction-panel label{font-size:14px;margin-top:12px}.game-host{max-width:560px}.game-tools,.number-pad{display:flex;flex-wrap:wrap;gap:8px;margin:16px 0}.number-pad button{font-size:20px}.game-status{font-weight:bold;min-height:24px}.update-note:empty{display:none}.sudoku-board,.word-board,.crossword-board{display:grid;grid-template-columns:repeat(var(--cells),minmax(0,1fr));width:100%;max-width:490px;aspect-ratio:1;gap:0;border:2px solid #233c31;background:#233c31}.sudoku-board button,.word-board button{min-width:0;min-height:0;padding:0;border-radius:0;border:1px solid #c2cabc;font-size:clamp(16px,2vw,26px);background:#fffdf5;color:#31472b;aspect-ratio:1}.sudoku-board .given{font-weight:bold;background:#e0e6d6;color:#162718}.sudoku-board .notes{font-size:12px;white-space:normal;word-spacing:4px}.sudoku-board .box-right{border-right:3px solid #233c31}.sudoku-board .box-bottom{border-bottom:3px solid #233c31}.sudoku-board .selected,.word-board .selected{background:#ffe587!important;color:#172e20!important;box-shadow:inset 0 0 0 2px #775b00}.word-board{touch-action:none}.word-board .found{background:#c7e4bf;color:#133d13}.word-list{display:flex;flex-wrap:wrap;gap:8px 14px;padding:16px 0}.word-list .found{text-decoration:line-through;color:#497348}.cross-cell{background:#fff;position:relative;aspect-ratio:1}.cross-cell.blocked{background:#253c31}.cross-cell small{position:absolute;top:1px;left:3px;font-size:10px;pointer-events:none;z-index:1}.cross-cell input{height:100%;width:100%;min-height:0!important;border-radius:0;padding:5px 0 0!important;text-align:center;font-weight:bold;font-size:22px}.chess-board{display:grid;grid-template-columns:repeat(8,1fr);max-width:490px;width:100%;aspect-ratio:1;border:2px solid #283f31}.chess-board button{min-width:0;min-height:0;aspect-ratio:1;border:0;border-radius:0;padding:0;font:clamp(25px,3.4vw,48px) 'Segoe UI Symbol','Arial Unicode MS',serif;color:#101c16;line-height:1}.chess-board .light-square{background:#f1e7cb}.chess-board .dark-square{background:#96aa82}.chess-board .selected{background:#edce57}.chess-board .legal{box-shadow:inset 0 0 0 5px #4b7695}.math-question{font:32px Bedstead,monospace}.local-form{display:grid;grid-template-columns:1fr 2fr 1fr;gap:8px 12px}.local-form label{grid-row:1}.local-form input,.local-form select{grid-row:2}.local-form button{grid-row:3;margin-top:8px}.local-form button:last-child{grid-column:2/4}.local-card{margin:16px 0;padding:16px;border-left:4px solid #b2c9a0;background:#eef1e7}.local-card a{font-weight:bold;display:block;min-height:44px}.local-card p{margin:8px 0}.source-note{font-size:12px!important;color:#57664e}.contribution-form .consent{display:flex;gap:10px;align-items:start;margin-bottom:18px}.consent input{width:22px;height:22px;min-height:22px;margin:2px 0}.contribution-form button{width:100%}.touch-links{display:none}[hidden]{display:none!important}
body[data-skin=minitel]{--paper:#e9e2d2;--ink:#313d28;--cyan:#77ff75;--yellow:#9cff8b;--green:#77ff75;--white:#92ff79;--magenta:#77ff75;--blue:#032506}.body[data-skin=minitel] .brand{color:#2e482c}body[data-skin=minitel] .television{background:#dbd0b7;border-color:#b2a285;border-radius:28px 28px 14px 14px;box-shadow:0 5px 0 #ae9f83,0 12px 22px #423a2e24;padding-top:35px}body[data-skin=minitel] .glass{border:9px solid #454737;border-radius:12px;box-shadow:0 0 0 2px #a29379}body[data-skin=minitel] .screen{background:#001707;color:#8bff7c;text-shadow:0 0 3px #70ff7540}body[data-skin=minitel] .screen .tt-line{color:#8bff7c}body[data-skin=minitel] .screen .header{background:#001707;color:#8bff7c}body[data-skin=minitel] .page-title,body[data-skin=minitel] .tagline{background:#174e22;color:#b4ffa0}body[data-skin=minitel] .logo rect{fill:#8bff7c}body[data-skin=minitel] .page-link .destination{color:#b4ffa0}body[data-skin=minitel] .screen .action button,body[data-skin=minitel] .screen .action a,body[data-skin=minitel] .screen .fastext button{background:#184b20;color:#a9ff8b;border-right:1px solid #8bff7c}body[data-skin=minitel] .television-chin{color:#484c38}body[data-skin=minitel] .model span{color:#555b43}body[data-skin=minitel] .remote{background:#d8ceb6;border-color:#b8ad96;box-shadow:0 3px 0 #b9ad96}body[data-skin=minitel] .keypad button{background:#695b44;border-color:#594b37;box-shadow:0 2px 0 #483e2d}body[data-skin=minitel] .remote-divider{background:#b8ad96}
body[data-skin=ceefax]{--paper:#e9edf1;--ink:#193750;--line:#c9d4df}body[data-skin=ceefax] .television{background:#303b49;border-color:#172534;border-radius:8px;box-shadow:0 4px 0 #1b2631,0 12px 20px #22334424}body[data-skin=ceefax] .tagline{background:#001cad;color:#fff}body[data-skin=ceefax] .page-title{background:#000;color:#00ffff;border-bottom:2px solid #ffff00}body[data-skin=ceefax] .remote{background:#d7dfe8;border-color:#bac7d4;box-shadow:0 3px 0 #b7c5d2}body[data-skin=ceefax] .keypad button{background:#293e55;border-color:#23374d;box-shadow:0 2px 0 #182d43}body[data-skin=ceefax] .intro .status-dot{background:#1a5386}body[data-skin=ceefax] .languages button[aria-pressed=true]{background:#243e69}
@media(max-width:640px){.display-column{width:100%}.interaction-panel{padding:18px 12px}.skin-control{grid-column:1/-1;margin-top:0}.remote .effect-toggle,.remote .reading-toggle{min-height:44px}.remote label{font-size:12px}.sub-controls{gap:6px}.sub-controls button{padding:8px 12px}.sub-controls label{font-size:12px}.local-form{grid-template-columns:1fr 1fr}.local-form label:nth-of-type(2){grid-row:3;grid-column:1/-1}.local-form #place{grid-row:4;grid-column:1/-1}.local-form label:nth-of-type(3){grid-row:1;grid-column:2}.local-form #radius{grid-row:2;grid-column:2}.local-form button{grid-row:5!important;grid-column:auto!important}.sudoku-board .notes{font-size:10px;word-spacing:0}.game-tools{gap:6px}.game-tools button{font-size:13px;padding:8px}.chess-board button{font-size:30px}.touch-links:not([hidden]){display:grid;grid-template-columns:1fr 1fr;gap:6px;padding:12px 0}.touch-links a{display:flex;align-items:center;min-height:44px;border:1px solid #cad2c1;border-radius:4px;background:#e7ecdf;padding:8px;text-decoration:none;font-size:13px}.television{padding:9px 9px 0}body[data-skin=minitel] .television{padding:18px 9px 0}body[data-skin=minitel] .glass{border-width:5px}.receiver{gap:16px}}

.screen .subpage-navigation {display:grid;grid-template-columns:1fr auto 1fr;gap:1ch}
.screen .subpage-navigation button:first-child {justify-self:start}
.screen .subpage-navigation button:last-child {justify-self:end}
.screen .subpage-count {text-align:center;color:var(--cyan);font-variant-numeric:tabular-nums}

/* Receiver casing: a readable badge and a clearer bevel, outside the 25-row page. */
.television,
body[data-skin] .television {
  --case-top: #53594e;
  --case-face: #363c33;
  --case-bottom: #272d25;
  --case-edge: #1b211b;
  --case-highlight: #929a856b;
  --glass-edge: #10170f;
  --glass-rim: #9ba28e70;
  --badge-color: #e0e4d6;
  --badge-shadow: #10180e;
  padding: 26px 26px 0;
  border: 2px solid var(--case-edge);
  background: linear-gradient(155deg, var(--case-top), var(--case-face) 42%, var(--case-bottom));
  box-shadow: inset 0 2px 0 var(--case-highlight), inset 0 0 0 5px #ffffff08,
    0 5px 0 var(--case-edge), 0 14px 24px #26382b26;
}
body[data-skin=minitel] .television {
  --case-top: #eee3c9;
  --case-face: #d6c9ab;
  --case-bottom: #bdae8e;
  --case-edge: #807354;
  --case-highlight: #fff9e4b3;
  --glass-edge: #454737;
  --glass-rim: #8e8061;
  --badge-color: #3d422e;
  --badge-shadow: #fff4d0;
}
body[data-skin=ceefax] .television {
  --case-top: #576371;
  --case-face: #3a4655;
  --case-bottom: #293440;
  --case-edge: #172534;
  --case-highlight: #b8c7d570;
  --glass-edge: #101c28;
  --glass-rim: #97a9be80;
}
.television > .glass,
body[data-skin] .television > .glass {
  border: 4px solid var(--glass-edge);
  box-shadow: 0 0 0 2px var(--glass-rim), 0 -3px 6px #0008, 0 2px 0 #ffffff1a;
}
.television-chin,
body[data-skin] .television-chin {
  height: 46px;
  justify-content: flex-start;
  color: var(--badge-color);
}
.television-chin .model {
  font-size: 11px;
  font-weight: 800;
  letter-spacing: 1px;
  line-height: 1;
  text-shadow: 0 1px 0 var(--badge-shadow);
}
/* Fullscreen displays only the glass; casing styles must not become an overlay. */
body.teletekst-fullscreen .television > .glass.fullscreen-screen {
  border: 0;
  box-shadow: none;
}
@media (max-width: 640px) {
  .television, body[data-skin] .television { padding: 11px 11px 0; }
  .television > .glass, body[data-skin] .television > .glass { border-width: 3px; }
  .television-chin, body[data-skin] .television-chin { height: 36px; }
  .television-chin .model { font-size: 10px; letter-spacing: .7px; }
}