/*
Theme Name: HamShack
Description: Dunkles, responsives WordPress-Theme für die HamShack-Funkcommunity.
Version: 3.1.0
Requires at least: 6.4
Requires PHP: 7.4
*/
* { box-sizing:border-box; }
body { margin:0; background:#091111; color:#e8f1ed; font:16px/1.6 system-ui,sans-serif; }
a { color:#a7f36c; }
a:focus-visible { outline:2px solid #a7f36c; outline-offset:4px; }
.site-shell { width:min(1220px,calc(100% - 32px)); margin-inline:auto; }
.site-head,.site-foot { display:flex; flex-wrap:wrap; align-items:center; justify-content:space-between; gap:16px; padding-block:22px; }
.site-head { border-bottom:1px solid #30453e; }
.site-brand { display:flex; gap:10px; align-items:center; font:800 1.05rem ui-monospace,monospace; text-decoration:none; letter-spacing:.08em; }
.site-brand svg { width:28px; height:28px; }
.site-tagline,.site-foot { color:#a8beb7; }
.site-main { padding-block:24px 44px; min-height:65vh; overflow-wrap:anywhere; }
.site-main img { max-width:100%; height:auto; }
.site-foot { border-top:1px solid #30453e; font-size:.9rem; }
.site-foot ul { display:flex; flex-wrap:wrap; gap:14px; list-style:none; margin:0; padding:0; }
.site-main > article { max-width:76ch; }
.site-main > article:has(.hsc) { max-width:none; }
.site-main > article:has(.hsc) > h1 { position:absolute; width:1px; height:1px; overflow:hidden; clip-path:inset(50%); white-space:nowrap; }
@media (max-width:600px) { .site-tagline { display:none; } .site-shell { width:calc(100% - 20px); } }
body { background:#131614; color:#eeefea; }
.site-head,.site-foot { border-color:#353b32; }
.site-brand, a { color:#bbc990; }
.site-shell .hsc { --ink:#eeefea; --muted:#c2c8be; --line:#41493c; --signal:#bbc990; background:#1b201c; }
.site-shell .hsc .hsc-card { background:#242a25; }
.site-shell .hsc .hsc-profile-cover { background:#1a1e1a; padding:clamp(16px,3vw,30px); border-radius:12px; }
.site-shell .hsc .hsc-profile-cover h2 { font-size:clamp(2rem,6vw,4rem); line-height:1.1; }