/* ShortForge public site. Tokens come from style.css (:root). */
.sf-skip { position:absolute; left:-9999px; top:0; background:var(--sf-accent); color:#fff; padding:10px 16px; z-index:1000; }
.sf-skip:focus { left:8px; top:8px; }
a:focus-visible, button:focus-visible, video:focus-visible, main:focus-visible { outline:3px solid var(--sf-accent2); outline-offset:2px; }
main:focus { outline:none; }
.sf-section { margin:0 0 40px; }
.sf-section h2, .sf-main h1 { margin:0 0 16px; }
.sf-channels { list-style:none; margin:0; padding:0; display:flex; flex-wrap:wrap; gap:10px; }
.sf-channel-link { display:inline-block; padding:8px 16px; border:1px solid var(--sf-accent); border-radius:999px; color:var(--sf-fg); text-decoration:none; }
.sf-channel-link:hover { background:var(--sf-accent); }
.sf-card h3 { font-size:1.05rem; margin:0 0 8px; }
.sf-card h3 a { color:var(--sf-fg); text-decoration:none; }
.sf-card h3 a:hover { text-decoration:underline; }
.sf-thumb img { width:100%; height:auto; border-radius:4px; display:block; margin-bottom:8px; }
.sf-badges { margin:0 0 8px; display:flex; gap:8px; align-items:center; font-size:.8rem; }
.sf-badge { background:var(--sf-accent); color:#fff; padding:1px 8px; border-radius:4px; text-transform:uppercase; letter-spacing:.04em; }
.sf-meta { color:var(--sf-muted); margin:0; font-size:.85rem; }
.sf-article { max-width:760px; }
.sf-article h1 { font-size:2rem; line-height:1.2; }
.sf-content { font-size:1.05rem; }
.sf-content h2 { margin-top:2em; border-bottom:1px solid #33204f; padding-bottom:4px; }
.sf-content img, .sf-content video, .sf-content iframe { max-width:100%; height:auto; }
.sf-video-embed { margin:0 0 24px; }
.sf-video-embed video, .sf-video-embed iframe { width:100%; aspect-ratio:16/9; background:#000; border:0; border-radius:6px; }
@media (max-width:600px) { .sf-article h1 { font-size:1.5rem; } .sf-grid { grid-template-columns:1fr; } }
@media (prefers-reduced-motion:reduce) { * { scroll-behavior:auto !important; transition:none !important; } }