/* DTW Flame D identity. These rules style branding, not operational unit colors. */
:root{--dtw-brand-charcoal:#18212b;--dtw-brand-amber:#f2ac38;--dtw-brand-white:#fff}
body .dtw-brand{display:inline-flex;align-items:center;flex:0 0 auto;text-decoration:none;max-width:100%}
/* The reverse wordmark has an opaque black export to preserve its clean edges. */
body .dtw-brand .dtw-wordmark{display:block;width:244px;height:auto;max-width:100%;object-fit:contain;mix-blend-mode:screen}
.dtw-brand:focus-visible,.dtw-brand-mark:focus-visible{outline:3px solid var(--dtw-brand-amber);outline-offset:5px;border-radius:4px}
.dtw-heading-brand{display:flex;align-items:center;gap:16px;min-width:0}
.dtw-heading-brand>div{min-width:0}
.dtw-brand-mark{display:inline-flex;align-items:center;justify-content:center;flex:0 0 auto;border-radius:12px;overflow:hidden}
.dtw-brand-mark img{display:block;width:56px;height:56px;object-fit:contain}
.legal-page header{align-items:center}
.legal-page .dtw-wordmark{width:216px}
.station-card>.dtw-brand{margin-bottom:24px}
.station-card>.eyebrow{display:block}
.candidate-station-page{background:var(--dtw-brand-charcoal)}
.station-card button{background:var(--dtw-brand-amber);color:var(--dtw-brand-charcoal)}
.builder-heading .dtw-brand{display:flex;width:200px;margin-bottom:20px}
#waiting .dtw-brand{width:280px;margin:0 auto 24px}
body #toolbar .dtw-worksheet-mark{display:block;flex:0 0 36px;width:36px;height:36px;object-fit:contain;border-radius:8px;margin-right:3px}
@media(max-width:650px){body .dtw-brand .dtw-wordmark{width:208px}.dtw-heading-brand{gap:12px}.dtw-brand-mark img{width:48px;height:48px}.dtw-heading-brand h1{font-size:26px}.legal-page header{gap:20px}}
@media print{.dtw-brand,.dtw-brand-mark,.dtw-worksheet-mark{display:none!important}}