/* #print: the flatplan and its positions. */
/* ---------- 5. print ---------- */
.fp{position:absolute;inset:0;display:grid;grid-template-columns:repeat(3,1fr);gap:34px 26px;align-content:center}
.spr{position:relative;display:grid;grid-template-columns:1fr 1fr;aspect-ratio:1.414/1;box-shadow:0 0 0 1px var(--line),0 10px 26px rgba(20,22,26,.07);background:#fff}
.pgp{position:relative;overflow:hidden;background:#fff}
.pgp+.pgp{border-left:1px solid #EEE}
.pgp.e{background:transparent}
.spr.first{box-shadow:none}
.spr.first .pgp:last-child{box-shadow:0 0 0 1px var(--line),0 10px 26px rgba(20,22,26,.07)}
.spr.last{box-shadow:none}
.spr.last .pgp:first-child{box-shadow:0 0 0 1px var(--line),0 10px 26px rgba(20,22,26,.07)}
.pgp img{width:100%;height:100%;object-fit:cover}
.pgp .ad,.sfill .ad{font-size:15px;flex-direction:column;justify-content:center;gap:7px;padding:10px;text-align:center;align-items:center}
.pgp .ad .al,.sfill .ad .al{font-size:.52em;max-width:12em}
.pgp .ad .ac,.sfill .ad .ac{display:none}
.pgp.ps{background:repeating-linear-gradient(135deg,#F3F1EC 0 8px,#EEEBE5 8px 16px);box-shadow:inset 0 0 0 1px #D6D2CA}
.sfill{position:absolute;inset:0;z-index:2}
.js .sfill{visibility:hidden}
.sfill .ad{font-size:22px}
.pgp .fill{position:absolute;inset:0}
.js .pgp .fill{visibility:hidden}
.ring{position:absolute;inset:-6px;border:2px solid var(--red);border-radius:3px;opacity:0;pointer-events:none}
.pl{position:absolute;left:0;top:calc(100% + 8px);font:600 14px/1.2 var(--sans);color:var(--red);white-space:nowrap;opacity:0}
.plist{list-style:none;margin:24px 0 0;padding:0;border-top:1px solid var(--line)}
.plist li{display:flex;justify-content:space-between;gap:12px;padding:11px 0;border-bottom:1px solid var(--line);font:500 15px var(--sans);color:var(--pale);transition:color .3s}
.plist li.on{color:var(--ink)}
.plist li .pr{color:var(--red);font-weight:650;font-variant-numeric:tabular-nums}
.shw-view .prn .spr{width:88%;box-shadow:0 10px 26px rgba(20,22,26,.12)}
.shw-view .prn .spr .pgp .ad{font-size:20px}
@media (max-width:959px){
  #print .sc-stage{height:auto}
  .fp{position:relative;grid-template-columns:repeat(2,1fr);gap:30px 14px}
  .fp .spr:nth-child(even) .pl{left:auto;right:0}   /* the right-hand column labels from its right edge, so a long name stays inside the page */
  .shw-view .prn .spr .pgp .ad{font-size:12px}
}
