.dispatch-desk {
    --desk-ink:#10232a;--desk-rule:#456065;--desk-brass:#ecc287;
    padding:clamp(48px,6.8vw,122px) var(--g);color:#e9efe7;
    background:radial-gradient(ellipse at 85% 7%,#2b3c39,transparent 49%),#0b1b21;
}
.dispatch-desk [hidden] {display:none!important}
.dispatch-desk .dd-intro,.dispatch-desk .dd-folder>header {
    display:flex;align-items:end;justify-content:space-between;gap:24px;
    position:static;margin:0;padding:0;background:transparent;border:0;
}
.dd-eyebrow,.dd-channels,.dd-print-head,.dd-print-foot,.dd-copyline,.dd-stamp,.dd-action {
    font:600 11px/1.45 ui-monospace,Consolas,monospace;letter-spacing:.07em;
}
.dd-eyebrow {color:#e5be84}
.dd-eyebrow i,.dd-channels a i {display:inline-block;width:7px;height:7px;border-radius:50%;background:#edbd81;vertical-align:middle;margin-right:6px}
.dispatch-desk .dd-intro h2 {margin:10px 0 0;font:600 clamp(54px,7vw,116px)/.96 Hangar,'Arial Narrow',sans-serif;letter-spacing:-.035em}
.dd-intro h2 span {color:var(--desk-brass)}.dd-intro p {width:min(28ch,36%);margin:0;color:#b7cbc4}
.dd-channels {display:flex;border:1px solid var(--desk-rule);margin-top:clamp(20px,3vw,48px)}
.dd-channels a {display:flex;flex:1;align-items:center;gap:10px;min-height:53px;padding:10px clamp(10px,1.7vw,28px);color:#e0ece5;text-decoration:none;background:#14272b}
.dd-channels a+a {border-left:1px solid var(--desk-rule)}.dd-channels a i {width:6px;height:6px;margin:0;background:#637979}
.dd-channels a small {color:#a1b7b4;font:inherit;font-size:9px}.dd-channels a[aria-current=true] {color:#f9d59b;background:#263632;box-shadow:inset 0 -2px #dfba83}
.dd-channels a[aria-current=true] i {background:#ffd597;box-shadow:0 0 10px #d6ab6488}
.dd-channels a:focus-visible,.dispatch-desk :is(a,button):focus-visible {outline:2px solid #f8d292;outline-offset:2px}
.dd-panel {display:grid;grid-template-columns:minmax(0,1.25fr) minmax(0,1fr);border:1px solid var(--desk-rule);border-top:0}
.dd-surface {display:grid;place-items:center;overflow:hidden;position:relative;isolation:isolate;min-height:clamp(320px,32vw,570px);padding:clamp(24px,4.6vw,76px);}
.dd-surface::before {content:'';position:absolute;inset:0;z-index:-1;background:linear-gradient(104deg,#0a171d42,#251a0d50 62%,#311d0b7a),url(dispatch.webp) 52% 93%/auto 200%,#1e2021}
.dd-print {
    width:min(100%,530px);position:relative;padding:clamp(18px,2.15vw,35px);
    transform:rotate(-2deg);color:#233535;
    background:repeating-linear-gradient(0deg,#b9ab8333 0 1px,transparent 1px 4px),
        radial-gradient(ellipse at 96% 1%,#ffebbbba,transparent 54%),
        linear-gradient(110deg,#d6cfb9,#ece5d2 50%,#c9bea2);
    box-shadow:0 7px 2px -5px #e9e2c8,0 16px 30px #0c100ed9,0 3px 4px #34362d77;
}
.dd-print:before {content:'';position:absolute;inset:10px;border:1px solid #5c685a61;pointer-events:none}
.dd-print-head,.dd-print-foot {display:flex;align-items:center;justify-content:space-between;gap:8px;border-bottom:1px solid #52665f99;padding-bottom:9px;font-size:clamp(8px,.77vw,12px)}
.dd-print-foot {border-bottom:0;border-top:1px solid #52665f99;padding:8px 0 0}
.dd-print-foot b {font:700 16px Hangar,sans-serif;letter-spacing:.02em}
.dd-print-main {padding:clamp(12px,1.5vw,23px) 0 4px}
.dd-imprint {font:550 clamp(23px,2.6vw,46px)/1.1 Hangar,sans-serif;letter-spacing:-.012em}
.dd-drawing {width:100%;height:auto;display:block;overflow:visible}
.dd-figure {stroke:#394c48;stroke-width:2;fill:#a9ac9359;stroke-linecap:round;stroke-linejoin:round}
.dd-rule {stroke:#687c70;stroke-width:1.15;stroke-linecap:round;stroke-linejoin:round}
.dd-itinerary ol {position:relative;list-style:none;padding:0;margin:14px 0}
.dd-itinerary li {position:relative;display:flex;gap:12px;align-items:center;min-height:25px;font:600 clamp(11px,.95vw,15px) ui-monospace,monospace}
.dd-itinerary li i {width:9px;height:9px;flex:none;border:1px solid #285357;border-radius:50%;background:#e6dfc8;position:relative}
.dd-itinerary li:last-child i {background:#285357}
.dd-itinerary li:not(:last-child) i::after {content:'';width:1px;height:17px;background:#355a56;position:absolute;top:8px;left:3px}
.dd-console {align-content:center;padding:clamp(20px,3.3vw,62px);background:linear-gradient(125deg,#192c2e,#102024)}
.dd-console h3 {font:550 clamp(32px,3.4vw,58px)/1.06 Hangar,sans-serif;margin:14px 0 10px;color:#f2f4e9;letter-spacing:-.018em;overflow-wrap:anywhere}
.dd-console p {margin:0 0 13px;color:#c2d1c9;max-width:40ch;font:400 clamp(14px,1.05vw,18px)/1.5 system-ui,sans-serif}
.dd-action {display:inline-flex;gap:22px;align-items:center;min-height:46px;padding:10px 14px;background:#ecce9e;color:#192c29;text-decoration:none}.dd-action:hover {background:#ffe2ae}
.dd-lines {margin-top:15px;display:grid;gap:4px}.dd-lines a {display:flex;justify-content:space-between;align-items:center;gap:12px;min-height:36px;padding:5px 0;border-top:1px solid #4b625c86;color:#e6eee7;text-decoration:none;font:14px/1.4 ui-monospace,monospace}.dd-lines a span {font-size:11px;color:#b1c7bc}
.dd-copyline {display:flex;align-items:center;gap:8px;flex-wrap:wrap;color:#bdd0c7;margin-top:10px;font-size:10px}
.dd-copyline button {font:inherit;color:#d4e2d8;text-decoration:underline;text-underline-offset:4px;padding:5px 0;min-height:36px;background:transparent;border:0;cursor:pointer}
.dispatch-desk .dd-folder {
    margin-top:clamp(32px,5vw,85px);padding:clamp(24px,3.6vw,64px);
    background:linear-gradient(145deg,#e9e7da,#dddcca);color:#243a38;
    border-top:5px solid #a79c79;box-shadow:0 2px 0 #bdb69b,0 4px 0 #243631,0 6px 0 #bdb69b;
}
.dd-folder .dd-eyebrow {color:#506961}
.dd-folder h2 {margin:7px 0 0;font:560 clamp(38px,4.6vw,78px)/1 Hangar,sans-serif;color:#1e3937}
.dd-stamp {display:grid;place-items:center;transform:rotate(-4deg);border:2px solid #566b58a8;color:#566b58;padding:4px 12px;font:600 23px/1 Hangar,sans-serif;letter-spacing:.03em}
.dd-stamp span {font:9px ui-monospace,monospace;letter-spacing:.1em}
.dd-source {margin-top:22px;padding-top:18px;border-top:1px solid #849288}
.dd-source h2,.dd-source h3 {margin:20px 0 6px;color:#253d39;font:550 clamp(21px,1.9vw,32px)/1.16 Hangar,sans-serif;letter-spacing:0}
.dd-source h2:first-child {margin-top:0;max-width:40ch}
.dd-source p {margin:.5em 0;max-width:88ch;line-height:1.5;font-size:clamp(14px,1vw,17px);color:#283e39}
.dd-source a {color:#235547;text-underline-offset:4px}.dd-source :is(h2,h3) strong {font-weight:inherit}
@media(min-width:900px){.dd-source {columns:2;column-gap:clamp(34px,5vw,85px)}.dd-source p {break-inside:avoid}.dd-source :is(h2,h3) {break-after:avoid}.dd-source h2:first-child {column-span:all;margin-bottom:15px}}
@media(max-width:720px){
 .dispatch-desk .dd-intro {display:block}.dd-intro p {width:min(100%,33ch);margin:10px 0 0}
 .dd-channels a {gap:5px;justify-content:center;padding:8px 4px;min-height:46px;font-size:10px}
 .dd-channels a small {display:none}.dd-panel {grid-template-columns:1fr}
 .dd-surface {min-height:0;padding:24px clamp(22px,9vw,82px)}.dd-print-main {padding-top:10px}
 .dd-print {max-width:370px}.dd-console h3 {margin:10px 0}.dd-lines {margin-top:10px}
 .dd-lines a,.dd-copyline button {min-height:44px}
 .dispatch-desk .dd-folder {padding:20px 16px}.dd-source p {line-height:1.45}.dd-stamp {font-size:17px}
}
/* The new sheet settles under the desk lamp; the stops light in reading order.
   Run once per channel change and leave the printed information still. */
@media(prefers-reduced-motion:no-preference){
 .dd-panel.st-enter .dd-print {animation:dd-lay-sheet .48s cubic-bezier(.19,.66,.24,1)}
 .dd-panel.st-enter .dd-itinerary li i {animation:dd-mark-stop .6s ease-out both}
 .dd-panel.st-enter .dd-itinerary li:nth-child(2) i {animation-delay:.11s}
 .dd-panel.st-enter .dd-itinerary li:nth-child(3) i {animation-delay:.22s}
 @keyframes dd-lay-sheet {from{transform:translate(3px,9px) rotate(-.8deg);filter:brightness(.91)}to{transform:rotate(-2deg);filter:brightness(1)}}
 @keyframes dd-mark-stop {0%{box-shadow:0 0 0 0 #3474667a}75%{box-shadow:0 0 0 5px #34746624}100%{box-shadow:0 0 0 6px #34746600}}
}