/* Firefighter Safety Culture - the original DNN-era look: white/#EAEAE6 gradient, crimson accents, gray sans. */
:root{
  --ff-red:#DC143C;
  --ff-dark:#8B0000;
  --ff-ink:#333;
  --ff-gray:#666;
  --ff-line:#d5d5d0;
  --ff-wash:#EAEAE6;
}
*{box-sizing:border-box;margin:0;padding:0}
body{
  background:linear-gradient(to bottom,#FFFFFF 0%,var(--ff-wash) 340px) fixed var(--ff-wash);
  color:var(--ff-ink);
  font-family:Arial,Helvetica,"Segoe UI",sans-serif;
  font-size:14px;line-height:1.7;
}
.ff-shell{max-width:960px;margin:0 auto;padding:0 20px}

.ff-masthead{background:#fff;border-bottom:3px solid var(--ff-red)}
.ff-masthead .ff-shell{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:10px;padding-top:14px;padding-bottom:14px}
.ff-wordmark img{display:block;max-width:100%;height:auto}
.ff-nav{display:flex;gap:16px;flex-wrap:wrap}
.ff-nav a{color:var(--ff-ink);font-size:12px;font-weight:bold;text-decoration:none;text-transform:uppercase;letter-spacing:.05em}
.ff-nav a:hover{color:var(--ff-red)}

main{padding:26px 0 40px}
main>section>.ff-shell,article.ff-article{background:transparent}
h1{color:var(--ff-ink);font-size:24px;line-height:1.3;margin:0 0 10px;font-weight:normal}
h1 strong{font-weight:bold}
h2{color:var(--ff-dark);font-size:17px;margin:28px 0 8px}
h3{color:var(--ff-ink);font-size:14px;margin:16px 0 6px}
p{margin:0 0 13px}
a{color:var(--ff-red)}
a:hover{color:var(--ff-dark)}
ul,ol{margin:0 0 13px 22px}
li{margin-bottom:6px}
.ff-kicker,.ff-tag{color:var(--ff-gray);font-size:10px;font-weight:bold;letter-spacing:.14em;text-transform:uppercase;margin:20px 0 4px}
.ff-lede{color:var(--ff-gray);font-size:15px;margin-bottom:14px}
.ff-byline{color:var(--ff-gray);font-size:12px;margin-bottom:18px}
.ff-more{font-weight:bold}

.ff-feature,.ff-note,.ff-res{background:#fff;border:1px solid var(--ff-line);padding:14px 16px;margin:0 0 14px}
.ff-feature h3 a{color:var(--ff-dark)}
.ff-band{margin:20px 0}
.ff-pull{border-left:4px solid var(--ff-red);background:#fff;padding:12px 16px;margin:0 0 14px;font-style:italic;color:var(--ff-gray)}
.ff-inits{list-style:none;margin:0 0 14px;counter-reset:init}
.ff-inits li{counter-increment:init;padding:6px 0 6px 34px;position:relative;border-bottom:1px solid var(--ff-line)}
.ff-inits li::before{content:counter(init);position:absolute;left:0;top:6px;width:24px;height:24px;background:var(--ff-red);color:#fff;font-size:12px;font-weight:bold;text-align:center;line-height:24px}
.ff-host{color:var(--ff-gray);font-size:12px}
.ff-prose{max-width:760px}

.ff-sources{font-size:12px;color:var(--ff-gray)}
.ff-sources li{margin-bottom:4px}

.ff-foot{background:var(--ff-ink);color:#ccc;font-size:12px;padding:16px 0}
.ff-foot .ff-shell{display:block}
.ff-footlinks{margin-bottom:6px}
.ff-footlinks a{color:#fff;text-decoration:none;margin-right:14px}
.ff-footlinks a:hover{color:var(--ff-red)}

a.ff-feature{display:block;text-decoration:none;color:inherit}
a.ff-feature h3{color:var(--ff-dark);text-decoration:underline;margin:4px 0 6px}