@font-face{font-family:"Golos Text";font-style:normal;font-weight:400;font-display:swap;src:url(/a/t/golos-text-cyrillic-400.woff2) format("woff2");unicode-range:U+0301,U+0400-045F,U+0490-0491,U+04B0-04B1,U+2116}
@font-face{font-family:"Golos Text";font-style:normal;font-weight:400;font-display:swap;src:url(/a/t/golos-text-latin-400.woff2) format("woff2");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}
@font-face{font-family:"Golos Text";font-style:normal;font-weight:600;font-display:swap;src:url(/a/t/golos-text-cyrillic-600.woff2) format("woff2");unicode-range:U+0301,U+0400-045F,U+0490-0491,U+04B0-04B1,U+2116}
@font-face{font-family:"Golos Text";font-style:normal;font-weight:600;font-display:swap;src:url(/a/t/golos-text-latin-600.woff2) format("woff2");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}
@font-face{font-family:"JetBrains Mono";font-style:normal;font-weight:400;font-display:swap;src:url(/a/t/jetbrains-mono-cyrillic-400.woff2) format("woff2");unicode-range:U+0301,U+0400-045F,U+0490-0491,U+04B0-04B1,U+2116}
@font-face{font-family:"JetBrains Mono";font-style:normal;font-weight:400;font-display:swap;src:url(/a/t/jetbrains-mono-latin-400.woff2) format("woff2");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}

:root{
  --ink:#0e2a47;--ink2:#143a62;--ink3:#1f4d7d;
  --line:#dbeaff;--line2:#9fc3ea;
  --teal:#2fc7b5;--teal-d:#12857a;
  --sand:#ead9b9;--sand2:#d8bf92;
  --paper:#f6f3ec;--paper2:#ebe5d8;--paper3:#e1d8c5;
  --text:#15273b;--muted:#55677a;
  --rust:#c4643a;
  --mono:"JetBrains Mono",ui-monospace,"Cascadia Mono",Consolas,monospace;
  --sans:"Golos Text",system-ui,-apple-system,"Segoe UI",Roboto,Arial,sans-serif;
  --wrap:1180px;
}
*,*::before,*::after{box-sizing:border-box}
html{-webkit-text-size-adjust:100%;scroll-behavior:smooth}
body{margin:0;background:var(--paper);color:var(--text);font:400 17px/1.65 var(--sans);overflow-x:hidden;min-height:100vh;display:flex;flex-direction:column}
body>main{flex:1 0 auto}
img{max-width:100%;height:auto;display:block}
a{color:var(--ink3);text-decoration-thickness:1px;text-underline-offset:3px}
a:hover{color:var(--rust)}
:focus-visible{outline:3px solid var(--rust);outline-offset:2px}
h1,h2,h3{line-height:1.2;font-weight:600;color:var(--ink)}
.no-js .js-only{display:none!important}
.tr-wrap{max-width:var(--wrap);margin:0 auto;padding:0 16px}
.tr-narrow{max-width:820px}
.tr-skip{position:absolute;left:-9999px;top:0;background:var(--rust);color:#fff;padding:8px 14px;z-index:50}
.tr-skip:focus{left:8px;top:8px}
.tr-kick{font:400 13px/1.4 var(--mono);letter-spacing:.06em;text-transform:uppercase;color:var(--teal-d);margin:0 0 10px}
.tr-lead{font-size:19px;color:var(--muted);max-width:62ch}
.tr-sub{color:var(--muted);margin-top:-6px}
.tr-vh{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}
.tr-btn{display:inline-block;background:var(--ink);color:var(--line);padding:12px 20px;border-radius:2px;text-decoration:none;font:400 15px var(--mono)}
.tr-btn:hover{background:var(--ink3);color:#fff}

/* top bar */
.tr-top{background:var(--ink);color:var(--line);border-bottom:1px solid var(--ink3)}
.tr-top-in{max-width:var(--wrap);margin:0 auto;padding:12px 16px;display:flex;align-items:center;gap:18px;flex-wrap:wrap}
.tr-logo{display:flex;align-items:center;gap:10px;color:var(--line);text-decoration:none;margin-right:auto}
.tr-logo:hover{color:#fff}
.tr-drop{width:34px;height:34px;flex:0 0 34px}
.tr-drop path{fill:var(--teal)}
.tr-drop .tr-drop-l{fill:none;stroke:var(--ink);stroke-width:2;stroke-linecap:round}
.tr-logo-t{display:flex;flex-direction:column;line-height:1.1}
.tr-logo-n{font:600 21px var(--sans);letter-spacing:.01em}
.tr-logo-s{font:400 11px var(--mono);letter-spacing:.08em;text-transform:uppercase;color:var(--line2)}
.tr-nav ul{list-style:none;margin:0;padding:0;display:flex;flex-wrap:wrap;gap:4px 18px}
.tr-nav a{color:var(--line);text-decoration:none;font-size:15px;padding:6px 0;display:inline-block;border-bottom:1px solid transparent}
.tr-nav a:hover{color:#fff;border-bottom-color:var(--teal)}
.tr-burger{display:none;align-items:center;gap:8px;background:transparent;color:var(--line);border:1px solid var(--ink3);padding:8px 12px;font:400 14px var(--mono);cursor:pointer;border-radius:2px}
.tr-burger-i{width:16px;height:10px;border-top:2px solid currentColor;border-bottom:2px solid currentColor;position:relative}
.tr-burger-i::after{content:"";position:absolute;left:0;right:0;top:2px;border-top:2px solid currentColor}
@media (max-width:860px){
  .js .tr-burger{display:inline-flex}
  .js .tr-nav{display:none;width:100%}
  .js .tr-nav.is-open{display:block}
  .tr-nav ul{flex-direction:column;gap:0}
  .tr-nav li{border-top:1px solid var(--ink3)}
  .tr-nav a{display:block;padding:10px 0}
}

/* home hero with the plan */
.tr-hero{background-color:var(--ink);color:var(--line);
  background-image:linear-gradient(rgba(159,195,234,.07) 1px,transparent 1px),linear-gradient(90deg,rgba(159,195,234,.07) 1px,transparent 1px),linear-gradient(rgba(159,195,234,.12) 1px,transparent 1px),linear-gradient(90deg,rgba(159,195,234,.12) 1px,transparent 1px);
  background-size:20px 20px,20px 20px,100px 100px,100px 100px}
.tr-hero-in{max-width:1320px;margin:0 auto;padding:28px 16px 36px;display:grid;grid-template-columns:1fr;grid-template-areas:"tx" "pl" "ctl";gap:22px}
.tr-hero-tx{grid-area:tx}.tr-hero-pl{grid-area:pl}.tr-ctl{grid-area:ctl}
@media (min-width:1080px){.tr-hero-in{grid-template-columns:330px 1fr;grid-template-areas:"tx pl" "ctl pl";grid-template-rows:auto 1fr;align-items:start;padding-top:40px;row-gap:18px}}
.tr-hero h1{color:#fff;font-size:clamp(28px,4.4vw,42px);margin:0 0 12px}
.tr-hero .tr-kick{color:var(--teal)}
.tr-hero .tr-lead{color:var(--line2);font-size:17px;margin:0 0 18px}
.tr-ctl{border:1px solid var(--ink3);background:rgba(14,42,71,.85);padding:16px;display:grid;gap:14px}
.tr-seg{display:grid;grid-template-columns:1fr 1fr;border:1px solid var(--line2);border-radius:2px;overflow:hidden}
.tr-seg-b{background:transparent;color:var(--line);border:0;padding:10px 8px;font:400 14px var(--mono);cursor:pointer}
.tr-seg-b[aria-pressed="true"]{background:var(--sand);color:var(--ink)}
.tr-seg-b:first-child[aria-pressed="true"]{background:var(--line2);color:var(--ink)}
.tr-rng{display:grid;gap:6px;font:400 13px var(--mono);color:var(--line2)}
.tr-rng span{display:flex;justify-content:space-between;gap:10px}
.tr-rng output{color:#fff}
.tr-rng input{width:100%;accent-color:var(--teal);height:28px}
.tr-dew{margin:0;font:400 14px var(--mono);color:var(--line2);display:flex;justify-content:space-between;align-items:baseline;border-top:1px dashed var(--ink3);padding-top:12px}
.tr-dew b{font:600 26px var(--sans);color:var(--teal)}
.tr-dew-n{margin:0;font-size:14px;line-height:1.5;color:var(--line)}
.tr-hero-pl{position:relative;min-width:0}
.tr-rooms{display:flex;flex-wrap:wrap;gap:6px;margin-bottom:10px}
.tr-room{background:transparent;color:var(--line2);border:1px solid var(--ink3);padding:7px 11px;font:400 13px var(--mono);cursor:pointer;border-radius:2px}
.tr-room:hover{color:#fff;border-color:var(--line2)}
.tr-room[aria-pressed="true"]{background:var(--teal);color:var(--ink);border-color:var(--teal)}
.tr-plan{margin:0;position:relative}
.tr-plan figcaption{margin-top:10px}
.tr-legend{list-style:none;margin:0;padding:0;display:flex;flex-wrap:wrap;gap:6px 18px;font:400 12px var(--mono);color:var(--line2)}
.tr-legend li{display:flex;align-items:center;gap:8px}
.lg{width:16px;height:16px;border-radius:50%;display:inline-block}
.lg-live{background:var(--ink);border:2px solid var(--line)}
.lg-soon{border:2px dashed var(--line2)}
.lg-wet{background:radial-gradient(var(--teal),transparent 70%)}
.lg-raw{border-radius:0;background:repeating-linear-gradient(45deg,rgba(219,234,255,.4) 0 2px,transparent 2px 6px)}

/* svg plan */
.pl{display:block;width:100%;height:auto;background:var(--ink);border:1px solid var(--ink3)}
.tr-hero .pl{aspect-ratio:1200/760}
@media (max-width:720px){.js .tr-hero .pl{aspect-ratio:1/1}}
.pl-bg{fill:var(--ink)}
.pl .hatch{stroke:rgba(219,234,255,.2);stroke-width:2}
.pl .raw{fill:url(#ph)}
.pl .blk{fill:rgba(219,234,255,.22);stroke:var(--line2);stroke-width:1}
.pl .blk-j{stroke:var(--line2);stroke-width:1}
.pl .stub{stroke:var(--rust);stroke-width:2.5}
.pl .stub-e{fill:var(--rust)}
.pl .riser{fill:none;stroke:var(--line2);stroke-width:2;stroke-dasharray:3 3}
.pl .tag-raw{fill:var(--line2);font:400 13px var(--mono);letter-spacing:.08em;text-transform:uppercase}
.pl .fl-tint{fill:rgba(234,217,185,.1)}
.pl .fl-wood{fill:url(#pw)}
.pl .wood{stroke:rgba(234,217,185,.25);stroke-width:1.2;fill:none}
.pl .fl-tile{fill:url(#pt)}
.pl .tile{stroke:rgba(234,217,185,.22);stroke-width:1;fill:none}
.pl .fl-deck{fill:rgba(234,217,185,.06)}
.pl .furn *{fill:rgba(234,217,185,.13);stroke:var(--sand);stroke-width:2}
.pl .ghost{stroke:var(--sand);stroke-width:2;stroke-dasharray:8 8}
.pl .wg0{stop-color:var(--teal);stop-opacity:.95}
.pl .wg1{stop-color:var(--teal);stop-opacity:0}
.pl .wz{opacity:.35;transition:opacity .5s}
.pl .wz *{fill:url(#pg)}
.pl .wz.is-wet{opacity:1}
.pl .wl{stroke:var(--line);stroke-width:10;stroke-linecap:square}
.pl .wn{stroke:var(--line2);stroke-width:2}
.pl .rail{stroke:var(--line2);stroke-width:3;stroke-dasharray:2 6}
.pl .dr{fill:none;stroke:var(--line2);stroke-width:1.5}
.pl .sea{fill:none;stroke:var(--teal);stroke-width:1.5;opacity:.55}
.pl .tag-sea{fill:var(--teal);font:400 14px var(--mono);letter-spacing:.25em;text-transform:uppercase}
.pl .ax{stroke:var(--line2);stroke-width:1}
.pl .axc{fill:var(--ink);stroke:var(--line2);stroke-width:1.5}
.pl .axt{fill:var(--line2);font:400 12px var(--mono);text-anchor:middle}
.pl .north path{fill:var(--line2)}
.pl .north text{fill:var(--line2);font:400 12px var(--mono);text-anchor:middle}
.pl .rl{cursor:pointer}
.pl .rl-n{font:400 14px var(--mono);fill:var(--teal)}
.pl .rl-t{font:600 18px var(--sans);fill:var(--line)}
.pl .rl:hover .rl-t,.pl .rl:focus .rl-t{fill:#fff;text-decoration:underline}
.pl .pin{cursor:pointer;outline:none}
.pl .pin-h{fill:none;stroke:var(--teal);stroke-width:2;opacity:0;transform-box:fill-box;transform-origin:center}
.pl .pin-c{fill:var(--ink);stroke:var(--line);stroke-width:2.5;transition:fill .2s}
.pl .pin-t{fill:var(--line);font:400 13px var(--mono);text-anchor:middle;pointer-events:none}
.pl a.pin .pin-h{animation:pl-ring 3.2s ease-out infinite}
.pl a.pin:nth-of-type(3n) .pin-h{animation-delay:1s}
.pl a.pin:nth-of-type(3n+1) .pin-h{animation-delay:2s}
.pl a.pin:hover .pin-c,.pl a.pin:focus .pin-c,.pl .pin.is-on .pin-c{fill:var(--teal);stroke:#fff}
.pl a.pin:hover .pin-t,.pl a.pin:focus .pin-t,.pl .pin.is-on .pin-t{fill:var(--ink)}
.pl a.pin:focus-visible .pin-c{stroke:var(--rust);stroke-width:4}
.pl .is-soon .pin-c{fill:rgba(14,42,71,.7);stroke:var(--line2);stroke-dasharray:4 4}
.pl .is-soon .pin-t{fill:var(--line2)}
.pl .is-soon:focus .pin-c,.pl .is-soon.is-on .pin-c{stroke:var(--sand);stroke-width:3}
@keyframes pl-ring{0%{opacity:.6;transform:scale(.7)}70%{opacity:0;transform:scale(1.35)}100%{opacity:0;transform:scale(1.35)}}
.pl-before,.pl-after,.pl .ghost,.pl .blk{transition:opacity .6s}
.tr-plan.is-after .pl-before{opacity:0}
.pl .pin{transition:opacity .4s}
.pl[data-zoom="1"] .pin:not([data-r="1"]),.pl[data-zoom="2"] .pin:not([data-r="2"]),.pl[data-zoom="3"] .pin:not([data-r="3"]),.pl[data-zoom="4"] .pin:not([data-r="4"]){opacity:.18}
.tr-plan.is-before .pl-after{opacity:0}

/* popover */
.tr-pop{position:absolute;z-index:5;width:min(340px,92%);background:var(--paper);color:var(--text);border:2px solid var(--ink);box-shadow:6px 6px 0 rgba(47,199,181,.55);padding:14px 16px 16px}
.tr-pop[hidden]{display:none}
.tr-pop .pp-m{font:400 12px var(--mono);letter-spacing:.06em;text-transform:uppercase;color:var(--teal-d);margin:0 26px 6px 0}
.tr-pop .pp-t{font:600 18px/1.25 var(--sans);color:var(--ink);margin:0 0 6px}
.tr-pop .pp-x{font-size:15px;line-height:1.5;color:var(--muted);margin:0 0 10px}
.tr-pop .pp-a{font:400 14px var(--mono)}
.tr-pop .pp-c{position:absolute;right:6px;top:6px;width:30px;height:30px;border:0;background:transparent;font:400 20px var(--mono);cursor:pointer;color:var(--ink)}
@media (max-width:720px){
  .tr-pop{position:fixed;left:8px!important;right:8px;top:auto!important;bottom:8px;width:auto}
}

/* register and cards */
.tr-reg,.tr-new,.tr-secs,.tr-faq{padding:44px 0 8px}
.tr-reg h2,.tr-new h2,.tr-secs h2,.tr-faq h2,.tr-h2{font-size:clamp(24px,3vw,30px);margin:0 0 14px}
.rg{list-style:none;margin:0;padding:0;border-top:2px solid var(--ink)}
.rg-i{border-bottom:1px solid var(--paper3)}
.rg-i a,.rg-soon{display:grid;grid-template-columns:48px 1fr;gap:2px 14px;padding:12px 4px;text-decoration:none;color:var(--text)}
.rg-i a:hover{background:var(--paper2);color:var(--ink)}
.rg-n{font:400 15px var(--mono);color:var(--teal-d);grid-row:span 2}
.rg-t{font-weight:600}
.rg-r,.rg-d{font:400 13px var(--mono);color:var(--muted);grid-column:2}
.rg-soon{color:var(--muted)}
.rg-soon .rg-t{font-weight:400;font-style:italic}
@media (min-width:860px){
  .rg-i a,.rg-soon{grid-template-columns:56px 1fr 200px 170px;align-items:baseline}
  .rg-n{grid-row:auto}
  .rg-r,.rg-d{grid-column:auto}
  .rg-d{text-align:right;white-space:nowrap}
}
.tr-cards{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(auto-fill,minmax(250px,1fr));gap:18px}
.tr-new .tr-cards,.tr-rub .tr-cards{grid-template-columns:repeat(auto-fill,minmax(200px,1fr))}
.tr-cd{display:flex;flex-direction:column;height:100%;background:#fff;border:1px solid var(--paper3);text-decoration:none;color:var(--text);transition:transform .2s,box-shadow .2s}
.tr-cd:hover{transform:translateY(-3px);box-shadow:5px 5px 0 var(--sand2);color:var(--text)}
.tr-cd img{aspect-ratio:4/3;object-fit:cover;width:100%}
.tr-cd-m{font:400 12px var(--mono);color:var(--teal-d);padding:12px 14px 0;letter-spacing:.03em}
.tr-cd-t{font:600 18px/1.3 var(--sans);color:var(--ink);padding:6px 14px 0}
.tr-cd-x{font-size:15px;line-height:1.5;color:var(--muted);padding:8px 14px 0}
.tr-cd-d{font:400 12px var(--mono);color:var(--muted);padding:10px 14px 14px;margin-top:auto}
.sc{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:18px}
.sc-i a{display:flex;flex-direction:column;gap:8px;height:100%;padding:18px;border:2px solid var(--ink);background:var(--paper);text-decoration:none;color:var(--text);
  background-image:linear-gradient(rgba(14,42,71,.05) 1px,transparent 1px),linear-gradient(90deg,rgba(14,42,71,.05) 1px,transparent 1px);background-size:16px 16px}
.sc-i a:hover{background-color:#fff;color:var(--text)}
.sc-n{font:400 12px var(--mono);color:var(--teal-d);text-transform:uppercase;letter-spacing:.05em}
.sc-t{font:600 22px/1.2 var(--sans);color:var(--ink)}
.sc-x{font-size:15px;line-height:1.5;color:var(--muted)}
.sc-c{font:400 13px var(--mono);color:var(--ink3);margin-top:auto}
.tr-qa{border-top:1px solid var(--paper3);padding:14px 0}
.tr-qa h3{font-size:19px;margin:0 0 6px}
.tr-qa p{margin:0;color:var(--muted)}
.tr-faq{padding-bottom:40px}

/* article */
.tr-art{padding:20px 0 40px}
.tr-crumbs ol{list-style:none;margin:0 0 18px;padding:0;display:flex;flex-wrap:wrap;gap:4px 8px;font:400 13px var(--mono);color:var(--muted)}
.tr-crumbs li+li::before{content:"/";margin-right:8px;color:var(--paper3)}
.tr-crumbs a{color:var(--ink3)}
.tr-stamp{border:2px solid var(--ink);padding:20px 20px 0;background:#fff;position:relative}
.tr-stamp::after{content:"";position:absolute;inset:5px;border:1px solid var(--paper3);pointer-events:none}
.tr-stamp h1{font-size:clamp(28px,4vw,44px);margin:0 0 12px;max-width:24ch}
.tr-stamp .tr-lead{margin:0 0 18px}
.tr-st{display:grid;grid-template-columns:repeat(2,1fr);margin:0 -20px;border-top:2px solid var(--ink)}
.tr-st div{padding:10px 14px;border-right:1px solid var(--paper3);border-bottom:1px solid var(--paper3)}
.tr-st dt{font:400 11px var(--mono);text-transform:uppercase;letter-spacing:.07em;color:var(--muted)}
.tr-st dd{margin:2px 0 0;font-weight:600;color:var(--ink)}
@media (min-width:760px){.tr-st{grid-template-columns:repeat(4,1fr)}.tr-st div{border-bottom:0}}
.tr-main{min-width:0}
.tr-photo{margin:0 0 26px;max-width:720px}
.tr-photo-i{width:100%;aspect-ratio:4/3;object-fit:cover;border:1px solid var(--paper3)}
.tr-photo figcaption{font:400 13px/1.5 var(--mono);color:var(--muted);padding:8px 0 0}
.tr-cols{display:grid;grid-template-columns:1fr;gap:20px;margin-top:26px}
@media (max-width:999px){.tr-cols .tr-toc{order:2}.tr-cols .tr-main{display:contents}.tr-photo{order:1}.tr-text{order:3}}
@media (min-width:1000px){.tr-cols{grid-template-columns:250px minmax(0,720px);gap:48px}}
.tr-toc{font-size:15px}
@media (min-width:1000px){.tr-toc{position:sticky;top:18px;align-self:start;max-height:calc(100vh - 36px);overflow:auto}}
.tr-toc-h{font:400 12px var(--mono);text-transform:uppercase;letter-spacing:.07em;color:var(--muted);margin:0 0 8px}
.tr-toc ol{list-style:none;margin:0;padding:0;border-left:2px solid var(--paper3)}
.tr-toc li a{display:block;padding:5px 0 5px 12px;margin-left:-2px;border-left:2px solid transparent;text-decoration:none;color:var(--muted);line-height:1.35}
.tr-toc li a:hover{color:var(--ink)}
.tr-toc li a[aria-current="true"]{border-left-color:var(--teal);color:var(--ink);font-weight:600}
.tr-toc-b{display:none;width:100%;text-align:left;background:#fff;border:1px solid var(--paper3);padding:12px 14px;font:400 14px var(--mono);color:var(--ink);cursor:pointer}
@media (max-width:999px){
  .js .tr-toc-h{display:none}
  .js .tr-toc-b{display:block}
  .js .tr-toc ol{display:none;background:#fff;border:1px solid var(--paper3);border-top:0;padding:6px 8px}
  .js .tr-toc.is-open ol{display:block}
}
.tr-text{min-width:0;counter-reset:sh}
.tr-text>p:first-of-type{font-size:19px}
.tr-text h2{font-size:clamp(23px,2.6vw,28px);margin:40px 0 12px;scroll-margin-top:16px}
.tr-text h2::before{counter-increment:sh;content:counter(sh,decimal-leading-zero);display:block;font:400 13px var(--mono);color:var(--teal-d);margin-bottom:4px;letter-spacing:.08em}
.tr-text h3{font-size:19px;margin:22px 0 6px}
.tr-text p,.tr-text li{max-width:68ch}
.tr-text ul,.tr-text ol{padding-left:22px}
.tr-text li{margin:4px 0}
.tr-text blockquote{margin:22px 0;padding:14px 18px;border-left:4px solid var(--teal);background:#fff}
.tr-text blockquote p{margin:0}
.tr-tbl{overflow-x:auto;margin:20px 0;border:1px solid var(--paper3);background:#fff}
.tr-tbl table{border-collapse:collapse;width:100%;min-width:520px;font-size:15px}
.tr-tbl th,.tr-tbl td{text-align:left;vertical-align:top;padding:10px 12px;border-bottom:1px solid var(--paper2)}
.tr-tbl th{font:400 12px var(--mono);text-transform:uppercase;letter-spacing:.04em;color:var(--muted);background:var(--paper2)}
@media (max-width:600px){
  .tr-tbl{overflow:visible;border:0;background:transparent}
  .tr-tbl table{min-width:0;display:block}
  .tr-tbl thead{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0)}
  .tr-tbl tbody,.tr-tbl tr,.tr-tbl td{display:block}
  .tr-tbl tr{background:#fff;border:1px solid var(--paper3);margin:0 0 10px}
  .tr-tbl td{border:0;padding:8px 12px}
  .tr-tbl td+td{border-top:1px solid var(--paper2)}
  .tr-tbl td::before{content:attr(data-label);display:block;font:400 11px var(--mono);text-transform:uppercase;letter-spacing:.04em;color:var(--muted);margin:0 0 2px}
  .tr-tbl td:first-child{font-weight:600;background:var(--paper2)}
}
.lst-faq{margin:40px 0;padding:6px 20px 14px;border:2px solid var(--ink);background:#fff}
.lst-faq h2{margin-top:18px}
.lst-faq h3{border-top:1px dashed var(--paper3);padding-top:14px}
.lst-note{font:400 13px/1.6 var(--mono);color:var(--muted);border-top:1px solid var(--paper3);padding-top:12px;margin-top:30px}
.tr-docs{margin:30px 0 0;padding:16px 20px;background:var(--paper2);border-left:4px solid var(--ink)}
.tr-docs h2{font-size:18px;margin:0 0 8px;font-family:var(--mono);font-weight:400;text-transform:uppercase;letter-spacing:.06em}
.tr-docs ul{margin:0;padding-left:20px}
.tr-pager{display:grid;grid-template-columns:1fr;gap:12px;margin:34px 0 0}
@media (min-width:760px){.tr-pager{grid-template-columns:1fr 1fr}.pg-n{text-align:right;grid-column:2}}
.tr-pager a{display:block;padding:14px 16px;border:1px solid var(--paper3);background:#fff;text-decoration:none;color:var(--ink);font-weight:600;line-height:1.35}
.tr-pager a span{display:block;font:400 12px var(--mono);color:var(--teal-d);margin-bottom:4px;font-weight:400}
.tr-pager a:hover{border-color:var(--ink)}
.tr-more{margin-top:40px}
.tr-more h2{font-size:24px}
.tr-ruler{position:fixed;left:0;top:0;right:0;height:5px;z-index:20;background:repeating-linear-gradient(90deg,rgba(14,42,71,.25) 0 1px,transparent 1px 12px)}
.tr-ruler span{display:block;height:100%;width:0;background:var(--teal)}

/* rubric, about, 404 */
.tr-rub,.tr-about,.tr-404{padding:20px 0 50px}
.tr-rub-h h1,.tr-about h1,.tr-404 h1{font-size:clamp(30px,4.2vw,44px);margin:0 0 10px}
.tr-plan-room{margin:20px 0 34px;max-width:640px}
@media (min-width:1080px){
  .tr-rub-top{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,580px);gap:48px;align-items:start;margin:0 0 34px}
  .tr-rub-top .tr-plan-room{margin:8px 0 0;max-width:none}
}
.tr-soon{list-style:none;margin:20px 0 0;padding:0;color:var(--muted);font-size:15px}
.tr-soon li{padding:8px 0;border-bottom:1px dashed var(--paper3);display:flex;gap:12px}
.tr-about h2{font-size:24px;margin:32px 0 8px}
.tr-404-r{list-style:none;padding:0;display:flex;flex-wrap:wrap;gap:8px 18px}

/* footer */
.tr-foot{background:var(--ink);color:var(--line2);margin-top:30px}
.tr-foot-in{max-width:var(--wrap);margin:0 auto;padding:30px 16px;display:grid;gap:18px}
.tr-foot-brand{display:flex;gap:12px;align-items:flex-start}
.tr-foot-brand p{margin:0;font-size:15px;line-height:1.5}
.tr-foot-brand b{color:var(--line)}
.tr-foot ul{list-style:none;margin:0;padding:0;display:flex;flex-wrap:wrap;gap:6px 18px}
.tr-foot a{color:var(--line);font-size:15px}
.tr-foot a:hover{color:#fff}
.tr-foot-c{font:400 12px/1.6 var(--mono);margin:0}

@media (prefers-reduced-motion:reduce){
  *,*::before,*::after{animation:none!important;transition:none!important;scroll-behavior:auto!important}
}
@media print{.tr-top,.tr-foot,.tr-toc,.tr-ruler,.tr-pager,.tr-more{display:none}}