.layout-beacon {}
.layout-beacon { color-scheme:dark; }
.beacon-shell { background:#1c1917; }
.beacon-header { padding:24px 16px; position:relative; overflow:hidden; }
.beacon-glow { position:absolute; top:-40px; left:50%; transform:translateX(-50%); width:200px; height:200px; background:radial-gradient(circle,rgba(250,204,21,0.3),transparent 70%); pointer-events:none; }
.beacon-header h1 { font-family:var(--font-display); font-size:2.8rem; letter-spacing:0.1em; margin:0; position:relative; color:var(--theme-primary); text-shadow:0 0 20px rgba(250,204,21,0.5); }
.beacon-footer { padding:20px 16px 40px; border-top:1px solid #44403c; display:flex; flex-wrap:wrap; justify-content:space-between; gap:12px; font-size:0.8rem; color:#a8a29e; }

.beacon-main { width: min(var(--content-max-width), calc(100% - 32px)); margin: 0 auto; padding-bottom: 40px; }
.beacon-intro { margin: 24px 0; }
.beacon-intro h2 { font-family: var(--font-display); margin: 0 0 8px; }
.beacon-about { margin-top: 32px; padding: 20px; border: 1px solid var(--border-color); background: var(--theme-card); }
.beacon-tag { margin: 8px 0 0; font-size: 0.85rem; color: var(--text-muted); }
.beacon-shell h1 a { text-decoration: none; color: inherit; }