/* The four stories in the v4 site's fonts and navy (build_resources.py, 9 Nov). Loaded after series.css and
   sx-chrome.css; the header and footer are _shared/sx-chrome.js. */
:root { --navy: #102D7B; --navy-deep: #0B2161; --blue-deep: #027AA2; --teal-deep: #027AA2; --on-navy: #D5E6F4; --cyan-light: #B3E8F7;
  --display: 'Jost', 'Futura PT', 'Century Gothic', sans-serif; --sans: 'Montserrat', system-ui, -apple-system, 'Segoe UI', sans-serif; --bar: 0px; }
body { font-family: var(--sans); }
h1, h2, h3, .num, .more-list b { font-family: var(--display); font-weight: 600; letter-spacing: -0.01em; }
h1 { font-weight: 700; }
h1, h2, h3 { color: var(--navy); }
.drawing-svg text { font-family: 'Montserrat', sans-serif; }
.btn { border-radius: 8px; font-weight: 600; }
.more-in { position: relative; }
.more-all { position: absolute; right: 0; top: 4px; font: 600 15px/1.4 var(--sans); color: var(--teal-deep); text-decoration: none; }
.more-all:hover { text-decoration: underline; }
/* the shared footer: its .top row is not the story's .top, and its elevation drawing needs sx-draw.css's line rules */
.kc-f .top { background: none; isolation: auto; }
.kc-f .top::before { content: none; }
.ft-elev { overflow: visible; }
.ft-elev .k-obj, .ft-elev .k-ground, .ft-elev .k-thin, .ft-elev .k-hid { fill: none; stroke-linecap: round; stroke-linejoin: round; }
.ft-elev .k-obj, .ft-elev .k-ground { stroke: rgba(16, 45, 123, .28); stroke-width: 1.1; }
.ft-elev .k-thin, .ft-elev .k-hid { stroke: rgba(0, 161, 224, .35); stroke-width: .85; }
.ft-elev .k-hid { stroke-dasharray: 6 4; }
.ft-elev .p-timber { fill: #efdcc0; } .ft-elev .p-peri { fill: #d6dcf6; } .ft-elev .p-crane { fill: #F0C64D; }