/* footprintchat.com - boxed tech news river */
*{box-sizing:border-box}
html{-webkit-text-size-adjust:100%}
body{margin:0;background:#EFF1F2;color:#23282D;font:16px/1.55 Georgia,'Times New Roman',serif}
a{color:#0F7490}
a:focus-visible{outline:2px solid #0F7490;outline-offset:2px}
.shell{max-width:1100px;margin:0 auto;background:#fff}
.band{height:88px;background:#23282D;display:flex;align-items:center;justify-content:space-between;padding:0 28px}
.band .wordmark{font:700 30px/1 Arial,Helvetica,sans-serif;color:#fff;text-transform:lowercase;letter-spacing:-.5px;text-decoration:none}
.band .era{font:11px/1.4 Verdana,Geneva,sans-serif;color:#B9C0C5;letter-spacing:.08em;text-transform:uppercase}
.topicline{height:30px;display:flex;align-items:stretch;border-bottom:1px solid #E2E5E7;padding:0 28px;flex-wrap:wrap}
.topicline a{font:13px/30px Arial,Helvetica,sans-serif;color:#0F7490;text-decoration:none;padding:0 12px;border-right:1px solid #E2E5E7;white-space:nowrap}
.topicline a:first-child{padding-left:0}
.topicline a:last-child{border-right:0}
.topicline a:hover{text-decoration:underline}
.wrap{padding:24px 28px 8px}
.river-grid{display:grid;grid-template-columns:minmax(0,1fr) 300px;gap:40px;align-items:start}
.divider{font:700 12px/1 Arial,Helvetica,sans-serif;letter-spacing:.14em;text-transform:uppercase;color:#23282D;border-top:2px solid #23282D;border-bottom:1px solid #E2E5E7;padding:8px 0;margin:32px 0 16px}
.entry{border-bottom:1px solid #E2E5E7;padding-bottom:20px;margin-bottom:20px}
.entry h2,.entry h3{margin:6px 0 8px;font:700 26px/1.2 Arial,Helvetica,sans-serif}
.entry h3{font-size:22px}
.entry p.excerpt{margin:0 0 8px;font:16px/1.6 Georgia,serif}
.meta{margin:0;font:11px/1.5 Verdana,Geneva,sans-serif;text-transform:uppercase;letter-spacing:.07em;color:#5A6469}
.meta .sep,.excerpt .sep,.brief .sep{color:#0F7490}
.more{font:11px/1.5 Verdana,Geneva,sans-serif;text-transform:uppercase;letter-spacing:.07em}
.statpanel{border:1px solid #0F7490;background:#0F7490;color:#fff;padding:14px 18px;margin:12px 0;display:inline-block}
.statpanel .value{font:700 34px/1 Arial,Helvetica,sans-serif}
.statpanel .label{font:11px/1.5 Verdana,Geneva,sans-serif;text-transform:uppercase;letter-spacing:.08em}
.brief{border-bottom:1px solid #E2E5E7;padding:12px 0}
.brief h3{margin:4px 0 4px;font:700 18px/1.25 Arial,Helvetica,sans-serif}
.brief p.line{margin:0;font:15px/1.5 Georgia,serif}
.rail h2{font:700 12px/1 Arial,Helvetica,sans-serif;letter-spacing:.14em;text-transform:uppercase;border-bottom:2px solid #23282D;padding-bottom:6px;margin:0 0 8px}
.rail section{margin-bottom:28px}
.rail ul{list-style:none;margin:0;padding:0}
.rail li{border-bottom:1px solid #E2E5E7;padding:6px 0;font:13px/1.4 Arial,Helvetica,sans-serif;display:flex;justify-content:space-between;gap:10px}
.rail li span{font:11px/1.4 Verdana,Geneva,sans-serif;color:#5A6469}
.about{padding:2px 0 14px}
.era-mobile{display:none}
.about h2{font:700 12px/1 Arial,Helvetica,sans-serif;letter-spacing:.14em;text-transform:uppercase;margin:0 0 10px}
.about p{margin:0 0 8px;font:16px/1.6 Georgia,serif}
.sitefoot{background:#F7F8F9;border-top:1px solid #E2E5E7;padding:20px 28px}
.foot-cols{display:grid;grid-template-columns:1fr 1fr;gap:32px}
.sitefoot h2{font:700 12px/1 Arial,Helvetica,sans-serif;letter-spacing:.14em;text-transform:uppercase;margin:0 0 8px}
.sitefoot a{font:13px/1.9 Arial,Helvetica,sans-serif}
.sitefoot .copy{margin:16px 0 0;font:11px/1.5 Verdana,Geneva,sans-serif;color:#5A6469}
.article{max-width:660px}
.article h1{font:700 30px/1.2 Arial,Helvetica,sans-serif;margin:6px 0 12px}
.article h2{font:700 20px/1.25 Arial,Helvetica,sans-serif;margin:26px 0 8px}
.article p{margin:0 0 12px}
.article .role{font:11px/1.5 Verdana,Geneva,sans-serif;text-transform:uppercase;letter-spacing:.07em;color:#5A6469;margin:0}
.article .person{border-bottom:1px solid #E2E5E7;padding:12px 0}
.article .person h3{font:700 18px/1.25 Arial,Helvetica,sans-serif;margin:0 0 4px}
.related{border-top:2px solid #23282D;margin-top:28px;padding-top:12px}
.related h2{font:700 12px/1 Arial,Helvetica,sans-serif;letter-spacing:.14em;text-transform:uppercase;margin:0 0 8px}
.related ul{margin:0;padding-left:18px;font:14px/1.8 Arial,Helvetica,sans-serif}
@media (max-width:860px){
  .river-grid{grid-template-columns:minmax(0,1fr);gap:0}
  .foot-cols{grid-template-columns:1fr;gap:20px}
  .entry h2{font-size:22px}
  .statpanel{display:block;width:100%}
}
@media (max-width:560px){
  .band{height:56px;padding:0 16px}
  .band .wordmark{font-size:24px}
  .band .era{display:none}
  .era-mobile{display:block;font:11px/1.4 Verdana,Geneva,sans-serif;color:#5A6469;text-transform:uppercase;letter-spacing:.08em;padding:6px 16px;border-bottom:1px solid #E2E5E7}
  .topicline{height:auto;padding:0 16px}
  .topicline a{line-height:28px}
  .wrap{padding:16px}
  .sitefoot{padding:18px 16px}
  .divider{margin:24px 0 12px}
}
