/* Bredbyn: svensk sambandscentral. Gemensamt tema för entré, register och editor. */
:root{--bg:#111a17;--panel:#1c2822;--line:#405046;--text:#eee9da;--muted:#b6bdae;--accent:#d99b68;--paper:#dcd8c5;--ink:#25342b}
body{background-color:var(--bg)}
.landing-shell,.site-shell{background-image:linear-gradient(#d3d9bb06 1px,transparent 1px),linear-gradient(90deg,#d3d9bb06 1px,transparent 1px),radial-gradient(ellipse at 80% 10%,#334238 0%,#14211b 45%,#111a17 85%);background-size:64px 64px,64px 64px,100% 100%;background-attachment:fixed}
header,.landing-shell header,.site-shell header,.editor-shell header{background:#101a16;border-bottom:1px solid #4e5b48;height:78px;padding:0 4%}
.brand{font-family:Arial,sans-serif;letter-spacing:3px;font-size:20px}.brand small{font-family:monospace;font-size:8px;letter-spacing:1.8px;color:#b1b9a5}
.station-mark{width:46px;height:46px;border:1px solid #98a187;display:flex;align-items:center;justify-content:center;font:700 29px Georgia,serif;position:relative;color:var(--paper);transform:rotate(-3deg)}
.station-mark span{position:absolute;right:-6px;top:-7px;background:#101a16;color:var(--accent);font:18px monospace;padding:0 2px}
.button{border-radius:2px;background:#d99b68;border-color:#d99b68;color:#192219;letter-spacing:.3px;box-shadow:inset 0 1px #f8ddb54d}
.button:hover{background:#edb98d;border-color:#edb98d;color:#142018}
.button.secondary{background:#17241d;color:var(--text);border-color:#69755f;box-shadow:none}
.button.secondary:hover{background:#2b392b;color:#fff0d8;border-color:#d99b68}
.eyebrow,.count,.mod-id,.dialog-label{font-family:'Courier New',monospace}
.landing-main{max-width:1400px;gap:8%;padding:30px 5%;grid-template-columns:1.05fr 1fr}
.landing-copy>.eyebrow{display:inline-block;border-left:3px solid var(--accent);padding-left:12px;font-size:10px;letter-spacing:1.7px}
.landing-copy h1{font-family:Georgia,'Times New Roman',serif;font-weight:400;font-size:clamp(48px,5.6vw,78px);letter-spacing:-2.5px;line-height:1.06;margin:22px 0;max-width:560px}
.landing-lead{font-size:17px;line-height:1.7;color:#e0e1d1}.landing-note{font-size:13px;max-width:430px;line-height:1.7}
.landing-server,.connection{position:relative;background:repeating-linear-gradient(0deg,#b3c2a203 0,#b3c2a203 1px,transparent 1px,transparent 4px),#101b15;border:1px solid #59684d;border-left:4px solid #7e8d62;border-radius:3px;box-shadow:inset 0 0 25px #0005,0 8px 24px #0002}
.landing-server{padding:17px 18px;margin-top:28px;gap:14px}.landing-server:after,.connection:after{content:'+';position:absolute;right:7px;top:3px;color:#69795f;font:14px monospace}
.landing-server .signal{color:#a6b88a;font-size:26px}.landing-server .eyebrow{color:#b1b99a;font-size:9px}.landing-server p{color:#e1e4ce;font-size:15px}.landing-server>a{color:#d5ac80}
.server-status[data-state=online]{color:#b5d395}.server-status[data-state=online]:before{background:#a3ce7d;box-shadow:0 0 8px #a3ce7d55}
.landing-guide{background:var(--paper);color:var(--ink);padding:12px 12px 0;border:1px solid #b4b69e;border-radius:2px;box-shadow:8px 9px 0 #060d0955;backdrop-filter:none;transform:rotate(.7deg)}
.field-photo{height:180px;background:linear-gradient(#14231322,#14231355),url('/background.jpg') center 48%/cover;position:relative;overflow:hidden;border:1px solid #6b7861}
.field-photo:before{content:'';position:absolute;inset:0;background-image:linear-gradient(#d5e0bd22 1px,transparent 1px),linear-gradient(90deg,#d5e0bd22 1px,transparent 1px);background-size:48px 48px;pointer-events:none}
.photo-label,.photo-caption{position:absolute;font:9px monospace;letter-spacing:2px;background:#142219d9;color:#e2e8cf;padding:7px 10px}.photo-label{top:10px;left:10px}.photo-caption{right:10px;bottom:10px}.photo-cross{position:absolute;left:48%;top:38%;font:42px monospace;color:#e0e5c9a6}
.landing-guide>.guide-title{color:#556343;padding:18px 14px 0;margin:0;font-size:9px;letter-spacing:2px}
.landing-route{margin:0 14px;padding:15px 0;gap:14px;border-color:#aab098}.landing-route:first-of-type{border-top:0}.landing-route h2{font-size:18px;letter-spacing:-.3px}.landing-route p{font-size:12px;color:#52604c}.landing-route .route-number{color:#6b7659;font-size:11px}.landing-route>span:last-child{color:#7f5839}.landing-route:hover{color:#70482e;transform:translateX(3px)}
.landing-caption{color:#5d694f;border-color:#aab098;margin:0 14px;padding:13px 0;letter-spacing:1px}
footer,.landing-shell footer,.site-shell footer{background:#101a16;border-top:1px solid #4e5b48;padding:14px 4%}.landing-shell footer p{font-size:10px}
.content-tabs{gap:5px;border-color:#67705a;padding-top:18px!important}.content-tabs [role=tab]{border:1px solid #516049;border-bottom:0;border-radius:5px 5px 0 0;background:#223126;color:#bdc4ae;max-width:220px;padding:14px 22px;font:700 13px 'Courier New',monospace;position:relative}
.content-tabs [role=tab]:before{content:'•';color:#768367;margin-right:10px}.content-tabs [role=tab]:hover{background:#344332;color:#f1eedf}.content-tabs [aria-selected=true]{background:var(--paper);color:var(--ink);border-color:var(--paper)}.content-tabs [aria-selected=true]:before{color:#9a613c}
.site-shell .section .eyebrow{color:#a9b595}.site-shell h2{font-family:Georgia,serif;font-weight:400;letter-spacing:-.6px}.site-shell .connection strong{color:#dfe5ce}.site-shell .about aside{background:#202e24;border:1px solid #536048;box-shadow:4px 4px 0 #0002}
.site-shell .mod{background:#202e24;border-color:#4c5c45;border-radius:2px;border-top:3px solid #7e8d67;box-shadow:3px 3px 0 #0002}.mod-trigger .mod-top .eyebrow{color:#b3bf9e}.mod-trigger:hover{background:#2b3b2d;border-color:#d99b68}.mod-trigger .mod-id{color:#a4b093;letter-spacing:1px}.mod-trigger .mod-title{font-weight:600}.mod-trigger .mod-hint{font:10px 'Courier New',monospace;color:#d4ab7a;letter-spacing:.4px}.mod-trigger .mod-expand{color:#d4ab7a}
.mod-dialog{background:var(--paper);color:var(--ink);border:1px solid #b8bda4;border-radius:3px;box-shadow:9px 9px 0 #08110a88,0 30px 120px #0008}.mod-dialog .eyebrow,.mod-dialog .dialog-label{color:#5f6d50}.mod-dialog .dialog-top{border-bottom:1px solid #a8af96;padding-bottom:15px;margin-bottom:20px}.mod-dialog .dialog-close{border-color:#8b987b;color:#31462f;border-radius:2px}.mod-dialog .dialog-close:hover{background:#c8cdb6;color:#172416}.site-shell .mod-dialog h2{font-family:Georgia,serif;font-weight:400}.mod-dialog #dialog-description{color:#34442f}.mod-dialog .mod-id,.mod-dialog .dialog-actions>span{color:#58644b}.dialog-actions{border-color:#a8af96}
.editor-shell{background:#15211a}.editor-row,.category-manager{background:#202e24;border-color:#4c5c45}.editor-shell h2,.editor-shell h3{color:var(--text)}.editor-shell .admin-title{font-family:Georgia,serif;font-weight:400}.editor-shell .admin-toolbar{border-color:#4c5c45}input,select,textarea{background:#111e17;border-color:#4c5c45;color:var(--text)}
@media(prefers-reduced-motion:no-preference){.server-status[data-state=online]:before{animation:radio-signal 4s ease-in-out infinite}@keyframes radio-signal{0%,100%{box-shadow:0 0 4px #a3ce7d33}50%{box-shadow:0 0 10px #a3ce7d88}}}
@media(min-width:1001px) and (max-height:800px){.landing-main{padding-top:22px;padding-bottom:22px}.landing-copy h1{font-size:64px;margin:16px 0}.landing-lead{font-size:16px}.field-photo{height:135px}.landing-route{padding:13px 0}.landing-server{margin-top:20px}}
@media(max-width:1000px){.landing-main{gap:5%;padding:30px 5%}.landing-copy h1{font-size:54px}.landing-server>a{margin-left:0}.landing-guide{padding:10px 10px 0}.field-photo{height:150px}}
@media(max-width:760px){header,.landing-shell header,.site-shell header,.editor-shell header{height:auto;min-height:76px;padding:16px 5%}.landing-main{grid-template-columns:1fr;padding:28px 6% 36px;gap:30px}.landing-copy h1{font-size:52px}.landing-guide{transform:none}.field-photo{height:200px}.landing-copy>.eyebrow{font-size:9px}.brand small{font-size:7px;letter-spacing:1px}.station-mark{width:36px;height:36px;font-size:23px}.landing-server{padding:16px}.content-tabs [role=tab]{padding:13px 9px;font-size:12px}.content-tabs [role=tab]:before{margin-right:6px}.landing-server p{font-size:13px}.landing-route h2{font-size:17px}}