/* capitaldiplomacy.com — site layer on saint-clair.css (v7). The broadside: every monument
   line set to the full measure (.mon--fill). From the v7 drawing
   saint-clair/v7/websites/capitaldiplomacy.com/local.css. */

/* nav scrolls with the sheet: a fixed nav would sit on the full-measure words */
.nav{position:absolute}

/* the title: two words, each filled; spacing must sit on the element that carries the size */
h1.mon{font-size:1em}
h1.mon span{display:block;letter-spacing:-.024em;line-height:.86}
.mon--fill{line-height:.86}

.sheet .sys+*{margin-top:clamp(14px,1.6vw,30px)}
.sheet .body+.body{margin-top:.8em}
.meas{max-width:34em}
.to{display:block;margin-top:1.4em;font:400 var(--sys)/1.6 var(--O);letter-spacing:.06em;color:var(--c)}
.pillar{padding-top:clamp(14px,1.6vw,28px);padding-bottom:clamp(10px,1.2vw,22px)}
.pillar .mon{margin-top:clamp(10px,1.2vw,22px)}
@media (max-width:900px){.nav{display:none}}
/* system order: .lat>.cell follows .lat--win>.cell in sc7.css and resets the padding; restated here */
.lat.lat--win>.cell{padding-left:var(--edge);padding-right:var(--edge)}

/* live build */
.cd a{text-decoration:none}
.sheet{grid-template-columns:1fr 1fr 1fr}
.sheet .to{text-decoration:none}
.cd .body a{color:var(--c)}
.sheet footer .colophon{margin:0}
.sheet footer .colophon+.colophon{margin-top:.6em}
