/* Embeddable widgets (/widget/*). Self-contained: loaded inside other
   people's pages, so nothing here may depend on style.css. */

.w {
    --bg: #000; --fg: #ececec; --dim: #8f8f8f; --accent: #ff7600; --line: #262626;
    margin: 0;
    background: var(--bg);
    color: var(--fg);
    font: 14px/1.45 "Courier New", Courier, monospace;
}
.w-light { --bg: #fff; --fg: #1a1a1a; --dim: #5c5c5c; --accent: #b34f00; --line: #ddd; }

.w-box { border: 1px solid var(--line); border-top: 3px solid var(--accent); padding: 12px 14px; }
.w a { color: var(--accent); text-decoration: none; }
.w a:hover, .w a:focus { text-decoration: underline; }

.w-kicker { margin: 0 0 6px; font-size: 11px; font-weight: bold; letter-spacing: 1px; text-transform: uppercase; color: var(--dim); }
.w-dot { display: inline-block; width: 8px; height: 8px; margin-right: 6px; border-radius: 50%; background: var(--accent); }
.w-head { margin: 0 0 4px; font-size: 16px; font-weight: bold; }
.w-meta { display: block; font-size: 12px; color: var(--dim); }

.w-list { list-style: none; margin: 0; padding: 0; }
.w-list li { padding: 7px 0; border-top: 1px solid var(--line); }
.w-list li:first-child { border-top: 0; padding-top: 0; }

.w-credit { margin: 10px 0 0; font-size: 11px; text-align: right; }