/* «Своими стенами»: one stylesheet. Mobile first, no inline styles (the CSP forbids them). */

@font-face{font-family:Literata;src:url(/f/588c655e-literata-400.woff2) format("woff2");font-weight:400;font-style:normal;font-display:swap}
@font-face{font-family:Literata;src:url(/f/26fe1b9e-literata-600.woff2) format("woff2");font-weight:600;font-style:normal;font-display:swap}
@font-face{font-family:Geologica;src:url(/f/9feebe21-geologica-500.woff2) format("woff2");font-weight:500;font-style:normal;font-display:swap}
@font-face{font-family:Geologica;src:url(/f/a700d8f8-geologica-700.woff2) format("woff2");font-weight:700;font-style:normal;font-display:swap}

:root{
  --ink:#232830;
  --ink-2:#4e565f;
  --ink-3:#5b626a;
  --bg:#eceef0;
  --paper:#fbfbfb;
  --screed:#626970;
  --screed-d:#4e545a;
  --screed-l:#8f969c;
  --chalk:#f3f5f7;
  --line:#d6dadd;
  --line-2:#e6e9eb;
  --link:#2b5f72;
  --link-h:#19404e;
  --wood:#a9713c;
  --tile:#bf8836;
  --sv-z:#6f7b88;
  --sv-zi:#44505c;
  --sv-acc:#6f7b88;
  --r:3px;
  --w:1180px;
  --wtx:38rem;
  --ff-h:Geologica,"Segoe UI",system-ui,sans-serif;
  --ff-t:Literata,Georgia,"Times New Roman",serif;
}

*,*::before,*::after{box-sizing:border-box}
html{-webkit-text-size-adjust:100%}
body{margin:0;background:var(--bg);color:var(--ink);font:400 1rem/1.64 var(--ff-t);overflow-x:hidden}
h1,h2,h3{font-family:var(--ff-h);font-weight:700;line-height:1.16;margin:0;letter-spacing:-.01em}
p,ul,ol{margin:0}
img,svg{max-width:100%}
a{color:var(--link)}
a:hover{color:var(--link-h)}
:focus-visible{outline:3px solid var(--sv-z);outline-offset:2px}
.sv-sprite{position:absolute;width:0;height:0;overflow:hidden}
.sv-sr{position:absolute;width:1px;height:1px;margin:-1px;padding:0;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap;border:0}

.sv-skip{position:absolute;left:-9999px;top:0;z-index:30;background:var(--ink);color:#fff;padding:.6rem 1rem;font-family:var(--ff-h)}
.sv-skip:focus{left:.5rem;top:.5rem}

/* ---------------------------------------------------------------- header, footer */
.sv-top{background:var(--paper);border-bottom:2px solid var(--line)}
.sv-top-in{max-width:var(--w);margin:0 auto;padding:.7rem 1rem;display:flex;flex-wrap:wrap;gap:.6rem 1.2rem;align-items:center}
.sv-brand{display:flex;align-items:center;gap:.55rem;text-decoration:none;color:inherit}
.sv-logo{width:2.1rem;height:2.1rem;flex:none}
.sv-brand-tx{display:flex;flex-direction:column;line-height:1.1}
.sv-brand-n{font-family:var(--ff-h);font-weight:700;font-size:1.07rem}
.sv-brand-s{font-size:.78rem;color:var(--ink-3)}
.sv-nav{flex:1 1 100%;font-family:var(--ff-h);font-size:.86rem}
.sv-nav ul{list-style:none;padding:0;display:flex;flex-wrap:wrap;gap:.35rem .9rem}
.sv-nav a{display:inline-flex;align-items:center;gap:.4rem;text-decoration:none;color:var(--ink-2);padding:.15rem 0;border-bottom:2px solid transparent}
.sv-nav a:hover{color:var(--ink);border-bottom-color:var(--sv-z)}
.sv-nav a[aria-current]{color:var(--ink);border-bottom-color:var(--sv-z)}
.sv-nav [data-zone="1"]{--sv-z:#6f7b88}
.sv-nav [data-zone="2"]{--sv-z:#bf8836}
.sv-nav [data-zone="3"]{--sv-z:#4e7a8a}
.sv-nav [data-zone="4"]{--sv-z:#a9713c}
.sv-dot{width:.6rem;height:.6rem;background:var(--sv-z);flex:none}
.sv-nav-about a{color:var(--ink-3)}

.sv-foot{background:var(--paper);border-top:2px solid var(--line);margin-top:3rem}
.sv-foot-in{max-width:var(--w);margin:0 auto;padding:1.6rem 1rem 2.2rem;display:grid;gap:1.2rem}
.sv-foot-note{max-width:34rem;color:var(--ink-2)}
.sv-foot-c{color:var(--ink-3);font-size:.86rem;margin-top:.4rem}
.sv-foot-nav ul{list-style:none;padding:0;display:flex;flex-wrap:wrap;gap:.4rem 1.1rem;font-family:var(--ff-h);font-size:.86rem}

.sv-main{display:block}
.sv-sec-in{max-width:var(--w);margin:0 auto;padding:0 1rem}
.sv-sec-intro{max-width:40rem;color:var(--ink-2);margin:.6rem 0 1.3rem}
.sv-crumbs{font-family:var(--ff-h);font-size:.82rem;padding:.9rem 0 .2rem}
.sv-crumbs ol{list-style:none;padding:0;display:flex;flex-wrap:wrap;gap:.3rem}
.sv-crumbs li+li::before{content:"/";color:var(--ink-3);padding-right:.3rem}
.sv-crumbs span[aria-current]{color:var(--ink-3)}

.sv-btn{display:inline-block;font-family:var(--ff-h);font-weight:700;font-size:.9rem;background:var(--ink);color:#fff;text-decoration:none;padding:.55rem 1.1rem;border:0;cursor:pointer}
.sv-btn:hover{background:var(--sv-zi);color:#fff}
.sv-btn-ghost{background:transparent;color:var(--ink);border:2px solid var(--ink)}
.sv-btn-ghost:hover{background:var(--ink);color:#fff}

/* ---------------------------------------------------------------- home: the floor of one room */
.sv-floor-in{max-width:var(--w);margin:0 auto;padding:1.6rem 1rem 0}
.sv-p-home h1{font-size:clamp(1.55rem,4.6vw,2.5rem)}
.sv-lead{max-width:40rem;color:var(--ink-2);margin:.8rem 0 1.4rem}

.sv-room{background:var(--paper);border:2px solid var(--line);padding:.9rem}
.sv-room-top{display:grid;gap:.8rem;margin-bottom:1rem}
.sv-zone-btns{display:flex;flex-wrap:wrap;gap:.4rem}
.sv-zone-btn{font-family:var(--ff-h);font-size:.82rem;display:inline-flex;align-items:center;gap:.4rem;background:var(--bg);border:2px solid var(--line);color:var(--ink-2);padding:.35rem .7rem;cursor:pointer}
.sv-zone-btn:hover{color:var(--ink);border-color:var(--sv-z)}
.sv-zone-btn[aria-pressed="true"]{background:var(--sv-z);border-color:var(--sv-z);color:#fff}
.sv-zone-btn[aria-pressed="true"] .sv-dot{background:#fff}
.sv-zone-btns [data-zone="1"]{--sv-z:#6f7b88}
.sv-zone-btns [data-zone="2"]{--sv-z:#bf8836}
.sv-zone-btns [data-zone="3"]{--sv-z:#4e7a8a}
.sv-zone-btns [data-zone="4"]{--sv-z:#a9713c}

.sv-strip{display:flex;flex-wrap:wrap;align-items:baseline;gap:.4rem .6rem;font-family:var(--ff-h);font-size:.84rem}
.sv-strip input{width:1.1rem;height:1.1rem;accent-color:var(--ink)}
.sv-strip label{font-weight:700;cursor:pointer}
.sv-strip-h{flex:1 1 100%;font-family:var(--ff-t);font-size:.84rem;color:var(--ink-3)}

.sv-room-mid{display:grid;gap:1.2rem}
.sv-grid{position:relative;display:grid;grid-template-columns:1fr;gap:.7rem;background:var(--screed);background-image:radial-gradient(var(--screed-d) 1px,transparent 1px);background-size:9px 9px;padding:.7rem;border:2px solid var(--screed-d)}
.sv-zone{display:grid;grid-template-columns:repeat(3,1fr);gap:.4rem;padding:.45rem;border:1px dashed rgba(255,255,255,.4)}
.sv-zone-tag{grid-column:1 / -1;font-family:var(--ff-h);font-size:.9rem;letter-spacing:.02em;color:var(--chalk);opacity:.9}
.sv-zone.is-dim{opacity:.4}

.sv-sq{position:relative;display:block;aspect-ratio:1;color:var(--sv-z);text-decoration:none;isolation:isolate}
.sv-sq-bed{position:absolute;inset:0;display:flex;flex-direction:column;justify-content:center;gap:.2rem;padding:.3rem;background:var(--screed-d);border:1px solid rgba(255,255,255,.25)}
.sv-sq-chalk{display:none;font-family:var(--ff-h);font-weight:500;font-size:.9rem;line-height:1.3;color:var(--chalk);text-align:center;overflow:hidden}
.sv-sq-bn{display:none;font-family:var(--ff-h);font-size:.9rem;color:var(--chalk);opacity:.8;text-align:center}
.sv-sq.is-screed .sv-sq-bn,.sv-sq.is-up .sv-sq-bn{display:block}
.sv-sq-lid{position:absolute;inset:0;background:var(--paper);border:1px solid var(--screed-d);display:block;transform:translate(0,0) rotate(0deg);transition:transform .22s ease,box-shadow .22s ease;box-shadow:0 1px 0 rgba(0,0,0,.12)}
.sv-sq-svg{position:absolute;inset:8%;width:84%;height:84%}
.sv-sq-nn{position:absolute;right:.25rem;bottom:.1rem;font-family:var(--ff-h);font-weight:700;font-size:.9rem;color:var(--ink-3)}
.sv-sq:hover .sv-sq-lid{transform:translate(16%,-12%) scale(.9) rotate(-5deg);box-shadow:-3px 4px 7px rgba(0,0,0,.22)}
.sv-sq:focus-visible .sv-sq-lid,.sv-sq.is-up .sv-sq-lid{transform:translate(32%,-36%) scale(.56) rotate(-10deg);box-shadow:-5px 7px 11px rgba(0,0,0,.3)}
.sv-sq.is-up{z-index:2}
.sv-sq.is-screed{border:0;background:none;cursor:default;padding:0}
.sv-sq.is-screed .sv-sq-bed{background:transparent;border:2px dashed rgba(255,255,255,.55)}
.sv-room.is-stripped .sv-sq .sv-sq-lid{transform:translate(32%,-36%) scale(.56) rotate(-10deg);box-shadow:-5px 7px 11px rgba(0,0,0,.3)}

.sv-stack{position:absolute;left:-.1rem;bottom:.3rem;display:flex;gap:1px;pointer-events:none}
.sv-stack span{display:block;width:1.3rem;height:1.3rem;background:var(--paper);border:1px solid var(--screed-d);box-shadow:0 -1px 0 rgba(0,0,0,.1)}
.sv-stack svg{width:100%;height:100%}
.sv-mini-bank{display:none}

.sv-aside{display:grid;gap:.9rem;align-content:start}
.sv-card{min-height:11rem}
.sv-card-one{display:none}
.sv-card-one.is-on{display:block}
.sv-card-top{display:flex;flex-wrap:wrap;gap:.3rem .7rem;align-items:baseline;font-family:var(--ff-h);font-size:.78rem;color:var(--ink-3);padding-bottom:.5rem;border-bottom:2px solid var(--sv-z)}
.sv-card-nn{font-weight:700;color:var(--ink)}
.sv-card-zone{color:var(--sv-zi)}
.sv-card-cover{flex:1 1 100%;color:var(--ink-3)}
.sv-card-h{font-family:var(--ff-h);font-weight:700;font-size:1.06rem;line-height:1.22;margin:.7rem 0 .4rem}
.sv-card-h.is-soon{color:var(--ink-2)}
.sv-card-tz{color:var(--ink-2);font-size:.95rem}
.sv-card-when{font-family:var(--ff-h);font-size:.78rem;color:var(--ink-3);margin-top:.5rem}
.sv-card-go{margin-top:.8rem}
.sv-steps{display:flex;gap:.4rem}
.sv-step{font-family:var(--ff-h);font-size:.8rem;background:var(--bg);border:2px solid var(--line);color:var(--ink-2);padding:.3rem .7rem;cursor:pointer}
.sv-step:hover{color:var(--ink);border-color:var(--ink-3)}
.sv-hint{font-size:.84rem;color:var(--ink-3)}





.sv-all-nn{font-family:var(--ff-h);font-weight:700;font-size:.78rem;color:var(--ink-3);min-width:1.6rem}



/* ---------------------------------------------------------------- chalk index on the screed */
.sv-styazhka{margin-top:2.4rem}
.sv-styazhka .sv-sec-in{padding-top:1.4rem}
.sv-chalk-cols{display:grid;gap:1px;background:var(--screed-d);border:2px solid var(--screed-d)}
.sv-chalk-col{background:var(--screed);background-image:radial-gradient(var(--screed-d) 1px,transparent 1px);background-size:9px 9px;padding:1rem;border-top:4px solid var(--sv-z)}
.sv-chalk-col h3{font-size:.95rem;color:var(--chalk)}
.sv-chalk-col h3 a{color:var(--chalk);text-decoration-thickness:1px;text-underline-offset:3px}
.sv-chalk-col ol{list-style:none;padding:0;margin:.7rem 0 0;display:grid;gap:.5rem}
.sv-chalk-col li{display:flex;gap:.5rem;align-items:baseline;font-size:.9rem;color:var(--chalk)}
.sv-chalk-col a{color:var(--chalk)}
.sv-chalk-col .sv-all-nn{color:var(--chalk);opacity:.75}
.sv-chalk-col li.is-soon{opacity:.72}

/* ---------------------------------------------------------------- notes about everyday life */
.sv-byt{margin-top:2.4rem}
.sv-notes{list-style:none;padding:0;display:grid;gap:.8rem}
.sv-note-in{background:var(--paper);border:2px solid var(--line);height:100%}
.sv-note-btn{display:flex;align-items:center;gap:.7rem;width:100%;text-align:left;background:var(--screed);border:0;border-bottom:2px solid var(--screed-d);padding:.7rem .8rem;cursor:pointer;font-family:var(--ff-h);font-weight:700;font-size:.97rem;color:var(--chalk)}
.sv-note-art{width:2.6rem;height:auto;flex:none;color:var(--chalk);--sv-acc:var(--chalk)}
.sv-note-btn[aria-expanded="true"]{background:var(--paper);color:var(--ink);border-bottom-color:var(--sv-z)}
.sv-note-btn[aria-expanded="true"] .sv-note-art{color:var(--ink-3);--sv-acc:var(--sv-z)}
.sv-note-back{padding:.8rem}
.sv-js .sv-note-back{display:none}
.sv-js .sv-note-back.is-on{display:block}
.sv-note-back p{color:var(--ink-2);font-size:.95rem}
.sv-note-back ul{list-style:none;padding:0;margin:.7rem 0 0;display:grid;gap:.4rem;font-size:.93rem}
.sv-note-back li.is-soon{color:var(--ink-3)}

/* ---------------------------------------------------------------- the stack block */
.sv-shtabel{margin-top:2.4rem}
.sv-shtabel-list{display:grid;gap:.4rem}
.sv-shtabel-list ol{list-style:none;padding:0;margin:0;display:grid;gap:.4rem}
.sv-shtabel-list li{display:flex;gap:.55rem;align-items:baseline;font-size:.93rem;border-left:4px solid var(--sv-z);padding-left:.6rem}
.sv-shtabel-go{margin-top:1rem}

/* ---------------------------------------------------------------- article */
.sv-art-main{max-width:var(--w);margin:0 auto;padding:0 1rem}
.sv-paper{background:var(--paper);border:2px solid var(--line);padding:1.1rem;margin-bottom:2rem}
.sv-slip{display:flex;flex-wrap:wrap;gap:.25rem .9rem;font-family:var(--ff-h);font-size:.76rem;color:var(--ink-3);padding-bottom:.6rem;margin-bottom:.9rem;border-bottom:3px solid var(--sv-z)}
.sv-slip-c:first-child{font-weight:700;color:var(--ink)}
.sv-slip a{color:var(--sv-zi)}
.sv-paper h1{font-size:clamp(1.45rem,4.2vw,2.1rem)}
.sv-art-desc{color:var(--ink-2);margin:.8rem 0 .5rem;max-width:var(--wtx)}
.sv-art-meta{display:flex;flex-wrap:wrap;gap:.2rem .9rem;font-family:var(--ff-h);font-size:.78rem;color:var(--ink-3);margin-bottom:1rem}
.sv-photo{margin:0 0 1.2rem}
.sv-photo img{display:block;width:100%;height:auto;aspect-ratio:4 / 3;object-fit:cover}

.sv-toc{margin:0 0 1.4rem;padding:.8rem 0 .8rem .9rem;border-left:4px solid var(--screed)}
.sv-toc h2{font-size:.84rem;font-family:var(--ff-h);color:var(--ink-3);text-transform:uppercase;letter-spacing:.05em}
.sv-toc-list{list-style:none;padding:0;margin:.6rem 0 0;display:grid;gap:.35rem;font-size:.9rem}
.sv-toc-list a{color:var(--ink-2);text-decoration:none;border-bottom:1px solid var(--line)}
.sv-toc-list a:hover{color:var(--ink);border-bottom-color:var(--sv-z)}

.sv-body{max-width:var(--wtx)}
.sv-body p{margin:0 0 1rem}
.sv-body h2{font-size:clamp(1.1rem,2.6vw,1.34rem);margin:1.9rem 0 .7rem}
.sv-body ul{margin:0 0 1.1rem;padding-left:1.1rem}
.sv-body li{margin:0 0 .45rem}
.sv-body a.sv-money{color:var(--link);text-decoration-thickness:2px;text-underline-offset:3px}
.sv-faq{margin:2rem 0 0;padding:1.1rem 0 .3rem;border-top:3px solid var(--screed)}
.sv-faq h2{margin-top:0}
.sv-faq h3{font-size:1rem;font-family:var(--ff-h);margin:1.2rem 0 .35rem}
.sv-tbl{overflow-x:auto;margin:0 0 1.3rem}
.sv-tbl table{border-collapse:collapse;width:100%;font-size:.92rem}
.sv-tbl th,.sv-tbl td{border:1px solid var(--line);padding:.5rem .6rem;text-align:left;vertical-align:top}
.sv-tbl th{background:var(--line-2);font-family:var(--ff-h);font-size:.84rem}

.sv-before{max-width:var(--wtx);margin:2rem 0 0;background:var(--line-2);border-left:5px solid var(--sv-z);padding:.9rem 1rem}
.sv-before h2{font-size:.95rem;margin-bottom:.4rem}
.sv-src{max-width:var(--wtx);margin:2rem 0 0}
.sv-src h2{font-size:1rem}
.sv-src-list{list-style:none;padding:0;margin:.7rem 0 0;display:grid;gap:.5rem;font-size:.93rem}
.sv-src-dom{font-family:var(--ff-h);font-size:.76rem;color:var(--ink-3)}
.sv-src-note{font-size:.82rem;color:var(--ink-3);margin-top:.7rem}

.sv-near{margin:2.2rem 0 0;padding-top:1.2rem;border-top:2px solid var(--line)}
.sv-near h2{font-size:1rem}
.sv-near-list{list-style:none;padding:0;margin:.8rem 0 0;display:grid;gap:.6rem}
.sv-near-one{display:flex;gap:.7rem;align-items:center;text-decoration:none;color:inherit;background:var(--bg);border:1px solid var(--line);padding:.5rem}
.sv-near-one:hover{border-color:var(--sv-z)}
.sv-near-svg{width:2.6rem;height:2.6rem;flex:none;color:var(--sv-z)}
.sv-near-nn{display:block;font-family:var(--ff-h);font-size:.74rem;color:var(--ink-3)}
.sv-near-h{display:block;font-size:.94rem}
.sv-near-list li.is-soon .sv-near-h{color:var(--ink-3)}

/* ---------------------------------------------------------------- zone page */
.sv-zone-main .sv-sec-in{padding-top:.5rem}
.sv-zone-main h1{font-size:clamp(1.5rem,4.4vw,2.2rem)}
.sv-zone-art{width:3.4rem;height:auto;display:block;margin:.7rem 0 .2rem;color:var(--sv-z)}
.sv-zone-intro{max-width:40rem;color:var(--ink-2);margin:0 0 1.4rem}
.sv-zstrip{display:grid;grid-template-columns:repeat(5,1fr);gap:.4rem;background:var(--screed);padding:.5rem;border:2px solid var(--screed-d);margin-bottom:1.8rem;max-width:40rem}
.sv-zsq{position:relative;display:block;aspect-ratio:1;background:var(--paper);border:1px solid var(--screed-d);color:var(--sv-z)}
.sv-zsq:hover{border-color:var(--sv-zi)}
.sv-zsq.is-screed{background:transparent;border:2px dashed rgba(255,255,255,.55)}
.sv-zsq.is-screed .sv-zsq-nn{color:var(--chalk)}
.sv-zsq-svg{position:absolute;inset:8%;width:84%;height:84%}
.sv-zsq-nn{position:absolute;right:.2rem;bottom:.05rem;font-family:var(--ff-h);font-weight:700;font-size:.9rem;color:var(--ink-3)}
.sv-entries{list-style:none;padding:0;display:grid;gap:0}
.sv-entry{display:flex;flex-wrap:wrap;gap:.9rem;padding:1.1rem 0;border-top:1px solid var(--line)}
.sv-entry:first-child{border-top:0}
.sv-entry-ph{flex:none;width:100%;max-width:11rem}
.sv-entry-ph img{display:block;width:100%;height:auto;aspect-ratio:4 / 3;object-fit:cover}
.sv-entry-tx{flex:1 1 16rem}
.sv-entry-nn{font-family:var(--ff-h);font-size:.76rem;color:var(--ink-3)}
.sv-entry-tx h2{font-size:1.08rem;margin:.25rem 0 .4rem}
.sv-entry-tx h2 a{color:inherit;text-decoration:none;border-bottom:2px solid var(--sv-z)}
.sv-entry-tz{color:var(--ink-2);font-size:.95rem}
.sv-entry-pl{font-family:var(--ff-h);font-size:.76rem;color:var(--ink-3);margin-top:.4rem}
.sv-entry.is-soon .sv-entry-tx h2{color:var(--ink-3);font-weight:500}

/* ---------------------------------------------------------------- about, 404 */
.sv-about-main h1{font-size:clamp(1.5rem,4.4vw,2.2rem);margin-top:.4rem}
.sv-about-intro{max-width:40rem;color:var(--ink-2);margin:.9rem 0 1.6rem}
.sv-rules{max-width:var(--wtx);display:grid;gap:1.5rem;padding-left:1rem;border-left:4px solid var(--screed)}
.sv-rule-one h2{font-size:1.1rem;margin-bottom:.45rem}
.sv-rule-one p{color:var(--ink-2)}
.sv-about-after{max-width:var(--wtx);margin:1.8rem 0 0;color:var(--ink-2)}

.sv-nf-main{text-align:left}
.sv-nf-art{max-width:20rem;margin:1.4rem 0 1rem;color:var(--screed-d)}
.sv-nf{display:block;width:100%;height:auto}
.sv-nf-main h1{font-size:clamp(1.4rem,4vw,2rem)}
.sv-nf-tx{max-width:36rem;color:var(--ink-2);margin:.8rem 0 1.4rem}
.sv-nf-links,.sv-nf-zones{list-style:none;padding:0;display:flex;flex-wrap:wrap;gap:.4rem 1.1rem;font-family:var(--ff-h);font-size:.9rem}
.sv-nf-h{font-family:var(--ff-h);font-size:.84rem;color:var(--ink-3);margin:1.4rem 0 .5rem}
.sv-nf-zones li{border-left:4px solid var(--sv-z);padding-left:.5rem}

/* ---------------------------------------------------------------- wider screens */
@media (min-width:40em){
  .sv-notes{grid-template-columns:repeat(2,1fr)}
  .sv-chalk-cols{grid-template-columns:repeat(2,1fr)}
  .sv-entry-ph{width:11rem}

  .sv-room{padding:1.2rem}
  .sv-zone{grid-template-columns:repeat(5,1fr)}
  .sv-grid{grid-template-columns:1fr}
}

@media (min-width:44em){
  .sv-photo img{aspect-ratio:3 / 2}
  .sv-entry-ph img{aspect-ratio:4 / 3}
}

@media (min-width:62em){
  .sv-nav{flex:0 1 auto;margin-left:auto}
  .sv-foot-in{grid-template-columns:minmax(20rem,1fr) auto;align-items:start;gap:2.5rem}
  .sv-room-mid{grid-template-columns:1fr minmax(17rem,22rem);gap:1.6rem;align-items:start}
  .sv-grid{grid-template-columns:repeat(2,1fr)}
  .sv-zone{grid-template-columns:repeat(3,1fr)}
  .sv-notes{grid-template-columns:repeat(3,1fr)}
  .sv-chalk-cols{grid-template-columns:repeat(4,1fr)}
  .sv-near-list{grid-template-columns:repeat(3,1fr)}
  .sv-sq-chalk{display:flex;flex-direction:column;justify-content:center;font-size:.95rem}
  .sv-stack span{width:1.7rem;height:1.7rem}
}

@media (min-width:75em){
  .sv-art-main{display:grid;grid-template-columns:minmax(0,1fr);justify-items:center}
  .sv-paper{display:grid;grid-template-columns:13rem minmax(0,1fr);column-gap:2rem;align-items:start;width:100%;padding:1.6rem}
  .sv-paper>.sv-slip,.sv-paper>h1,.sv-paper>.sv-art-desc,.sv-paper>.sv-art-meta,.sv-paper>.sv-photo{grid-column:1 / -1}
  .sv-toc{grid-column:1;grid-row:span 6;position:sticky;top:1rem;margin:0}
  .sv-paper>.sv-body,.sv-paper>.sv-before,.sv-paper>.sv-src,.sv-paper>.sv-near{grid-column:2}
}

@media (prefers-reduced-motion:reduce){
  .sv-sq-lid{transition:none}
  *{scroll-behavior:auto}
}

/* generated by build.py: the four zones of the floor */
[data-zone="1"]{--sv-z:#6f7b88;--sv-zi:#44505c;--sv-acc:#6f7b88}
[data-zone="2"]{--sv-z:#bf8836;--sv-zi:#7a5518;--sv-acc:#bf8836}
[data-zone="3"]{--sv-z:#4e7a8a;--sv-zi:#2f5160;--sv-acc:#4e7a8a}
[data-zone="4"]{--sv-z:#a9713c;--sv-zi:#6d441d;--sv-acc:#a9713c}