/* Map Dept sample sheet + computer/phone frames (classes md-show*, md-laptop, md-phone, md-fit, mds-*) */
/* "On a computer and on a phone": a real map from our builder inside a laptop and a phone */
.md-show-card .md-show{display:grid;grid-template-columns:1fr 172px;gap:22px;align-items:end;margin-top:6px}
@media (max-width:600px){.md-show-card .md-show{grid-template-columns:1fr;justify-items:center}}
.md-laptop{width:100%}
.md-laptop .scr{background:#1d1c1a;border-radius:10px 10px 0 0;padding:10px 10px 12px}
.md-laptop .base{height:12px;background:#d8d1c2;border-radius:0 0 8px 8px;margin:0 -4%;box-shadow:inset 0 3px 0 #c7bfae}
.md-phone{width:172px;background:#1d1c1a;border-radius:24px;padding:10px 8px 14px}
.md-phone .notch{width:46px;height:5px;border-radius:3px;background:#3a3732;margin:0 auto 8px}
.md-phone .pscr{background:#f3eee3;border-radius:14px;overflow:hidden;min-height:300px;display:flex;flex-direction:column}
.md-phone .pbar{background:#fff;border-bottom:1px solid #d8d1c2;font:500 8px/1 var(--md-font-mono,ui-monospace,monospace);letter-spacing:.06em;color:#3b3934;padding:8px 8px 7px;text-align:center}
.md-phone .pgap{flex:1;display:flex;align-items:center;justify-content:center;padding:10px 8px;font:500 9px/1.4 var(--md-font,sans-serif);color:#5b5850;text-align:center}
.md-fit{position:relative;width:100%;aspect-ratio:1100/850;overflow:hidden;background:#fff}
.md-fit>.mds{position:absolute;left:0;top:0;transform-origin:0 0;transform:scale(var(--mdk,.5))}
.md-show-note{font-size:12.5px;color:var(--mute);margin:12px 0 0}
/* the sheet itself (1100 x 850, like the PDF) */
.mds{width:1100px;height:850px;background:#fff;color:#111;font-family:var(--md-font,"Helvetica Neue",Arial,sans-serif);display:grid;grid-template-rows:62px 523px 235px 30px;text-align:left}
.mds-h{background:#1d1c1a;color:#fff;display:grid;grid-template-columns:260px 1fr 260px;align-items:center;padding:0 30px}
.mds-h b{display:block;font-weight:700;font-size:17px;line-height:1.1}.mds-h div:first-child b{font-size:19px;letter-spacing:.02em}
.mds-h i{display:block;font:500 7.5px/1.5 var(--md-font-mono,ui-monospace,monospace);letter-spacing:.14em;color:#c9c2b2;font-style:normal;margin-top:2px}
.mds-h .c{text-align:center}.mds-h .chip{display:inline-block;margin-top:3px;background:#b83a25;color:#fff;font:500 7.5px/1.2 var(--md-font-mono,ui-monospace,monospace);letter-spacing:.12em;padding:2px 8px;border-radius:2px}
.mds-h dl{margin:0;display:grid;grid-template-columns:auto 1fr;gap:1px 10px;justify-self:end;font-size:7.5px}
.mds-h dt{font:500 7px/1.4 var(--md-font-mono,ui-monospace,monospace);letter-spacing:.14em;color:#c9c2b2}.mds-h dd{margin:0;font-weight:600;line-height:1.4}
.mds-m{position:relative;overflow:hidden;background:#eef0ef;border-bottom:2px solid #1d1c1a}
.mds-map{position:absolute;inset:0;width:100%;height:100%;display:block}
.mds-ov{position:absolute;inset:0;width:100%;height:100%}
.mds-start,.mds-loc,.mds-st{position:absolute;transform:translate(-50%,-50%);white-space:nowrap;text-transform:uppercase}
.mds-start{background:#1d1c1a;color:#fff;padding:3px 7px;font:800 8.5px/1.15 var(--md-font,sans-serif);letter-spacing:.05em}
.mds-loc{background:#b83a25;color:#fff;border:2px solid #1d1c1a;padding:3px 8px;font:800 10px/1.15 var(--md-font,sans-serif);letter-spacing:.06em}
.mds-st{background:#fff;border:1.5px solid #1d1c1a;border-radius:2px;padding:2px 5px;font:800 8px/1.1 var(--md-font,sans-serif);letter-spacing:.04em;color:#1d1c1a}
.mds-legend{position:absolute;right:18px;top:16px;background:rgba(255,255,255,.94);border:1px solid #d8d1c2;padding:6px 9px;font:600 7.5px/1.7 var(--md-font,sans-serif)}
.mds-legend .sw{display:inline-block;width:16px;height:4px;background:#b83a25;border-radius:2px;vertical-align:middle;margin-right:6px}
.mds-legend .pin{display:inline-block;width:9px;height:9px;border-radius:50%;background:#b83a25;border:2px solid #1d1c1a;vertical-align:middle;margin:0 9px 0 3px}
.mds-inset{position:absolute;left:18px;bottom:34px;width:330px;height:225px;border:2px solid #1d1c1a;background:#eef0ef;overflow:hidden}
.mds-inset img{width:100%;height:100%;display:block}
.mds-inset span{position:absolute;left:4px;top:4px;background:#1d1c1a;color:#fff;font:500 7px/1 var(--md-font-mono,ui-monospace,monospace);padding:3px 5px;letter-spacing:.1em}
.mds-i{display:grid;grid-template-columns:300px 160px 215px 165px 1fr;gap:0 14px;padding:14px 30px 0}
.mds-i>div{border-left:1px solid #c9c4b8;padding-left:14px;min-width:0}.mds-i>div:first-child{border-left:0;padding-left:0}
.mds-i h4{margin:0 0 6px;font:500 7.5px/1 var(--md-font-mono,ui-monospace,monospace);letter-spacing:.14em;color:#1d1c1a}
.mds-i ol{margin:0;padding:0;list-style:none;counter-reset:d;font:800 12.5px/1.3 var(--md-font,sans-serif)}
.mds-i li{display:grid;grid-template-columns:1.5em 1fr;gap:4px;margin-bottom:4px}
.mds-i li:before{counter-increment:d;content:counter(d)".";color:#b83a25;font-weight:900}
.mds-i p{margin:0;font:600 8.4px/1.45 var(--md-font,sans-serif)}
.mds-i p.sm{margin-top:6px;font-size:7px;color:#555}
.mds-i .nm{font-size:10px}.mds-i .ph{font-size:10.5px}
.mds-locb{display:grid;grid-template-columns:1fr 78px;gap:6px}.mds-qr svg{width:78px;height:78px;display:block}
.mds-h-er{display:grid;grid-template-columns:34px 1fr;gap:6px;align-items:start}.mds-h-er span{width:34px;height:34px;background:#1d5fa3;color:#fff;font:900 20px/34px var(--md-font,sans-serif);text-align:center;border-radius:3px}
.mds-f{display:flex;align-items:center;justify-content:space-between;padding:0 30px;border-top:1px solid #c9c4b8;font:500 6.6px/1 var(--md-font-mono,ui-monospace,monospace);letter-spacing:.06em;color:#555}
.mds-f .wm{height:18px;width:auto;vertical-align:middle}