/* dzyuban.com: the skin and the frame of every page.
   The name above, the sections of the site on the left, the pages of the section and the search on the right.
   Loaded after the page's own stylesheet; the home page loads it after home.css. */

:root,:root[data-theme="dark"],:root[data-theme="light"],body,body.legal-page{
  color-scheme:dark;
  --ground:#000;--surface:#0a0c12;--sunk:#050b14;
  --ink:#f3f5f8;--ink-soft:#a7b0bb;--ink-faint:#69737f;--ink-2:#a7b0bb;--ink-3:#69737f;
  --rule:#2a1a1a;--rule-soft:#1c2430;--rule-2:#1c2430;
  --accent:#ff2d2d;--accent-soft:#3a1010;--mark:#ff6a5e;
  --red:#ff2d2d;--red-ink:#ff6a5e;--plate:#050b14;
  --s-full:#7dffb0;--s-part:#ffb347;--s-ack:#8fb6e8;--s-notsent:#c9b8ff;
  --cond:"IBM Plex Sans Condensed","Roboto Condensed","Arial Narrow",Arial,sans-serif;
  --mono:"IBM Plex Mono",ui-monospace,SFMono-Regular,Menlo,Consolas,monospace}

/* ---------- the ground ---------- */
body.has-frame{background:var(--ground);color:var(--ink);min-height:100vh;display:flex;flex-direction:column}
body.has-frame a{color:var(--ink);border-bottom:1px solid var(--rule-soft)}
body.has-frame a:hover{color:#fff;border-bottom-color:var(--red)}
body.has-frame a:focus-visible{outline:2px solid var(--red);outline-offset:2px}
body.has-frame ::selection{background:rgba(255,45,45,.35);color:#fff}

/* ---------- the name ---------- */
.masthead{position:relative;z-index:2;display:flex;justify-content:center;padding:clamp(16px,2.6vh,28px) 16px 0}
.masthead a{font:700 clamp(26px,3.2vw,46px)/1 "Syne",system-ui,sans-serif;letter-spacing:.14em;text-transform:uppercase;
  color:#fff;text-decoration:none;border:0}
.masthead a:hover{color:#fff;border:0}
.masthead a:focus,.masthead a:focus-visible,header.top a:focus,header.top a:focus-visible,
body.has-frame .masthead a:focus-visible,body.has-frame header.top a:focus-visible{outline:0;border:0;box-shadow:none}
.masthead .z{position:relative;display:inline-block;color:var(--red)}
.masthead .z::after{content:"";position:absolute;left:6%;right:6%;top:50%;height:max(.085em,2px);background:var(--red);transform:translateY(-50%)}

/* ---------- three columns ---------- */
.frame{position:relative;z-index:1;flex:1 0 auto;display:grid;
  grid-template-columns:clamp(200px,16.5vw,290px) minmax(0,1fr) clamp(200px,16.5vw,290px);
  gap:0 clamp(16px,2vw,36px);align-items:start;
  padding:clamp(22px,4vh,44px) clamp(14px,2vw,32px) 40px}
.frame>main{min-width:0;width:100%}

/* ---------- the rails ---------- */
.rail{position:sticky;top:18px;max-height:calc(100vh - 36px);display:flex;flex-direction:column;min-height:0}
.rail ol{margin:0;padding:0;list-style:none;display:flex;flex-direction:column}
.rail li{margin:0;padding:0}
.rail-body>ol[hidden],.lines .rail-body>ol[hidden]{display:none}
.rail-body{overflow-y:auto;min-height:0;overscroll-behavior:contain;scrollbar-width:thin;scrollbar-color:var(--rule) transparent}
.rail-body::-webkit-scrollbar{width:6px}
.rail-body::-webkit-scrollbar-thumb{background:var(--rule)}
.rail a{position:relative;display:grid;grid-template-columns:2.2em 1fr;gap:0 8px;align-items:baseline;color:inherit;text-decoration:none;
  padding:clamp(10px,1.5vh,15px) 12px;border:0;border-bottom:1px solid var(--rule);border-left:2px solid transparent;
  transition:transform .28s cubic-bezier(.2,.85,.3,1),border-color .28s,background-color .28s,box-shadow .28s}
.rail li:first-child>a{border-top:1px solid var(--rule)}
.rail a::after{content:"";position:absolute;left:0;right:0;bottom:-1px;height:1px;background:var(--red);transform:scaleX(0);transform-origin:left;
  transition:transform .42s cubic-bezier(.2,.85,.3,1)}
.rail a:hover,.rail a:focus-visible,.rail a.on{outline:0;color:inherit;border-left-color:var(--red);border-bottom-color:var(--rule);transform:translateX(6px);
  background:radial-gradient(220px 110px at var(--gx,50%) var(--gy,50%),rgba(255,45,45,.30),rgba(255,45,45,.06) 72%);
  box-shadow:0 0 34px rgba(255,45,45,.16)}
.rail a:hover::after,.rail a:focus-visible::after,.rail a.on::after{transform:scaleX(1)}
.rail a:hover .t,.rail a:focus-visible .t,.rail a.on .t{color:#fff;text-shadow:0 0 18px rgba(255,45,45,.75)}
.rail .n{font:600 clamp(13px,.95vw,16px)/1 var(--cond);color:var(--red);letter-spacing:.06em;font-variant-numeric:tabular-nums}
.rail .t{font:600 clamp(16px,1.25vw,21px)/1.2 var(--cond);color:#fff;letter-spacing:.02em;text-wrap:balance}
.rail .s{grid-column:2;max-height:0;opacity:0;overflow:hidden;font-size:clamp(12px,.85vw,13.5px);line-height:1.4;color:var(--ink-soft);
  text-wrap:pretty;transition:max-height .35s ease,opacity .35s ease,margin .35s ease}
.rail a:hover .s,.rail a:focus-visible .s,.rail a.on .s{max-height:4.5em;opacity:1;margin-top:3px}

/* the right rail is the mirror of the left */
.rail-r a{grid-template-columns:1fr 2.2em;text-align:right;border-left:0;border-right:2px solid transparent}
.rail-r a::after{transform-origin:right}
.rail-r a:hover,.rail-r a:focus-visible,.rail-r a.on{border-left:0;border-right-color:var(--red);transform:translateX(-6px)}
.rail-r .n{grid-column:2;grid-row:1;text-align:right}
.rail-r .t{grid-column:1;grid-row:1}
.rail-r .s{grid-column:1}

/* the pages inside a section, under the section that is open */
.rail li ol{margin:0;padding:0}
.rail li ol a{padding:8px 12px;border-bottom:1px solid var(--rule-soft)}
.rail li ol .n{font-size:11.5px;color:var(--ink-faint);letter-spacing:.1em}
.rail li ol .t{font-size:clamp(13.5px,1vw,15.5px);font-weight:500;color:var(--ink-soft);letter-spacing:.01em}
.rail li ol a:hover .t,.rail li ol a:focus-visible .t,.rail li ol a.on .t{color:#fff}
.rail li ol a:hover .n,.rail li ol a.on .n{color:var(--red)}
.rail li ol li:last-child>a{border-bottom:1px solid var(--rule)}

/* ---------- the search, above the pages of the section ---------- */
.rail-search{margin:0 0 12px;display:flex;flex-direction:column;gap:6px}
.rail-q{width:100%;background:none;border:0;border-bottom:1px solid var(--rule);border-radius:0;color:#fff;outline:0;
  -webkit-appearance:none;appearance:none;font:500 15px/1.3 var(--cond);letter-spacing:.06em;padding:9px 12px 8px}
.rail-r .rail-q,.lines.right .rail-q{text-align:right}
.rail-q::placeholder{color:var(--ink-faint);text-transform:uppercase;letter-spacing:.2em;font-size:12px;opacity:1}
.rail-q:focus{border-bottom-color:var(--red)}
.rail-q::-webkit-search-cancel-button,.rail-q::-webkit-search-decoration{display:none;-webkit-appearance:none}
.rail-scope{display:flex;gap:16px;justify-content:flex-end;padding:0 12px}
.rail-scope[hidden]{display:none}
.rail-scope button{background:none;border:0;padding:0 0 2px;cursor:pointer;color:var(--ink-faint);
  font:500 11px/1.4 var(--cond);letter-spacing:.16em;text-transform:uppercase;border-bottom:1px solid transparent}
.rail-scope button:hover{color:#fff}
.rail-scope button.on{color:var(--red-ink);border-bottom-color:var(--red)}
.rail-results{display:flex;flex-direction:column}
.rail-results[hidden]{display:none}
.rail-results a.sr{display:block;padding:10px 12px;margin:0;border:0;border-bottom:1px solid var(--rule-soft);color:var(--ink);
  text-align:left;transform:none;background:none;box-shadow:none;transition:background-color .2s}
.rail-results a.sr::after{display:none}
.rail-r .rail-results a.sr,.lines.right .rail-results a.sr{text-align:right}
.rail-results a.sr:hover,.rail-results a.sr.on{background:rgba(255,45,45,.09);transform:none;box-shadow:none;border-color:var(--rule-soft)}
.sr-where{display:block;font:500 10.5px/1.4 var(--cond);letter-spacing:.14em;text-transform:uppercase;color:var(--ink-faint);margin-bottom:2px}
.sr-title{display:block;font:600 15px/1.3 var(--cond);color:#fff;letter-spacing:.02em;text-shadow:none}
.sr-snip{display:block;font:400 12.5px/1.45 "IBM Plex Sans",system-ui,sans-serif;color:var(--ink-soft);margin-top:3px;letter-spacing:0}
.rail-results mark,mark.hl{background:rgba(255,45,45,.28);color:#fff;border-radius:2px;padding:0 1px}
.rail-hint{margin:10px 12px;font:500 12px/1.4 var(--cond);letter-spacing:.12em;text-transform:uppercase;color:var(--ink-faint)}
.rail-r .rail-hint,.lines.right .rail-hint{text-align:right}
.rail-sep{margin:14px 12px 4px;padding-top:10px;border-top:1px solid var(--rule);font:500 10.5px/1.4 var(--cond);
  letter-spacing:.14em;text-transform:uppercase;color:var(--ink-faint)}
.rail-r .rail-sep,.lines.right .rail-sep{text-align:right}

/* the home page: the search above the contents of Legal, the list scrolls when it is long */
body.north-home .lines.right{display:flex;flex-direction:column;max-height:calc(100vh - 150px)}
body.north-home .lines.right .rail-body{overflow-y:auto;min-height:0;scrollbar-width:thin;scrollbar-color:#2a1a1a transparent}
body.north-home .rail-search{margin:0 0 10px}
body.north-home .rail-results a.sr{text-shadow:0 0 12px #000}

/* ---------- the foot ---------- */
body.has-frame footer.site{margin-top:12px;border-top:1px solid var(--rule);font:400 12px/1.5 "IBM Plex Sans",system-ui,sans-serif;
  letter-spacing:.06em;text-transform:none;color:var(--ink-faint)}
body.has-frame footer.site .wrap{flex-direction:row;flex-wrap:wrap;justify-content:center;align-items:center;gap:6px 22px;
  max-width:none;padding:16px 16px 22px}
body.has-frame footer.site a{color:var(--ink-faint);border:0}
body.has-frame footer.site a:hover{color:var(--red-ink)}
body.has-frame footer.foot{border-top:1px solid var(--rule)}

/* ---------- the type of the pages ---------- */
body.has-frame main h1{font-family:var(--cond);font-weight:600;letter-spacing:.06em;text-transform:uppercase;
  font-size:clamp(36px,4.6vw,58px);line-height:1.02;color:#fff}
body.has-frame main h1.long{text-transform:none;letter-spacing:.005em;font-size:clamp(26px,3vw,38px);line-height:1.15;text-wrap:balance}
body.has-frame .hero-legal h1{font-size:clamp(52px,9vw,96px);line-height:.95;letter-spacing:.08em;margin:18px 0 10px}
body.has-frame .ws-hero h1{font-family:"Anton","Archivo Black",Impact,"Arial Narrow Bold",sans-serif;font-weight:400;
  font-size:clamp(60px,13vw,148px);line-height:.92;letter-spacing:.012em}
body.has-frame main h2,body.has-frame main h3{font-family:var(--cond);color:#fff;letter-spacing:.01em}
body.has-frame main h2{font-weight:600;font-size:clamp(22px,2.4vw,27px)}
body.has-frame main h3{font-weight:600;font-size:18px}
body.has-frame .doc h2 .num,body.has-frame .doc h2 .num{color:var(--red);font-family:var(--cond);font-weight:600}
body.has-frame .lede{font:500 clamp(18px,1.5vw,22px)/1.45 var(--cond);color:#fff;letter-spacing:.01em}
body.has-frame .byline{font-family:var(--cond);font-size:12.5px;letter-spacing:.14em;text-transform:uppercase;color:var(--ink-faint)}
body.has-frame .entry-date,body.has-frame .pin-no,body.has-frame .feed-head,body.has-frame .crumb,body.has-frame .front-state,
body.has-frame .case-date,body.has-frame .ws-no,body.has-frame .ws-kicker,body.has-frame .cn-label,body.has-frame .cr-due,
body.has-frame .cn-due,body.has-frame table.ledger th,body.has-frame .chip,body.has-frame .case-tools,body.has-frame .ws-jump a,
body.has-frame .ws-go,body.has-frame .ws-once,body.has-frame .chapters a{font-family:var(--cond);font-weight:500;letter-spacing:.16em;text-transform:uppercase}
body.has-frame .entry-date,body.has-frame .pin-no,body.has-frame .ws-no,body.has-frame .cn-label,body.has-frame .ws-kicker{color:var(--red-ink)}
body.has-frame .crumb a{color:var(--ink-faint)}
body.has-frame .crumb a:hover{color:var(--red-ink)}
body.has-frame .entry-title{font:600 21px/1.25 var(--cond);letter-spacing:.02em;color:#fff}
body.has-frame .entry-title:hover{color:var(--red-ink)}
body.has-frame .pin-title,body.has-frame .ws-title,body.has-frame .cn-name,body.has-frame .cr-name,body.has-frame .ws-sec-head h2,
body.has-frame .ws-sub h3{font-family:var(--cond);letter-spacing:.01em;color:#fff}
body.has-frame .ws-sec-head h2 span{font-family:var(--cond);color:var(--red-ink)}
body.has-frame .tallies b{font-family:var(--cond);font-weight:600;color:#fff;letter-spacing:.01em}
body.has-frame .case-head:hover .case-title,body.has-frame .case.open .case-title{color:var(--red-ink)}
body.has-frame .case-tools button:hover{color:var(--red-ink)}
body.has-frame .chapters a:hover{color:var(--red-ink)}
body.has-frame .pinned a.pin:hover{border-color:var(--red);box-shadow:0 0 34px rgba(255,45,45,.12)}
body.has-frame blockquote{border-left-color:var(--red)}
body.has-frame .creed{border-left-color:var(--red)}
body.has-frame table.reg th,body.has-frame table.reg td{border-bottom-color:var(--rule-soft)}
body.has-frame table.reg th{color:var(--ink-faint);opacity:1;font-family:var(--cond);letter-spacing:.14em;text-transform:uppercase;font-weight:500}
body.has-frame code{color:var(--ink-soft)}
body.has-frame .clock{--late:#ff7a6a}
body.has-frame .mark{stroke:var(--red-ink)}
body.has-frame .mark .load{fill:var(--red-ink)}
body.has-frame .guil-bg{stroke:var(--red);opacity:.09}
body.has-frame.legal-page::before{background:radial-gradient(120% 100% at 50% 0%,rgba(255,45,45,.10) 0%,transparent 74%)}
body.has-frame .ws-page::before{opacity:.8}
body.has-frame a.ws-btn,body.has-frame button.ws-btn{background:var(--red);color:#fff;box-shadow:0 10px 30px -12px var(--red)}
body.has-frame .ws-form input[type=email]{border-color:var(--rule);background:var(--surface);color:#fff}
body.has-frame .ws-form input[type=email]:focus{outline-color:var(--red);border-color:var(--red)}
body.has-frame .ws-status{color:var(--red-ink)}

/* blocks that were sized to the window now fit the column */
.frame .pinned{width:100%;margin:36px 0 12px;transform:none;grid-template-columns:repeat(auto-fit,minmax(200px,1fr))}
.frame .ws-wide{width:100%;margin-left:0;transform:none}
.frame a.ws-card.ws-wide:hover{transform:translateY(-3px)}
.frame .tally{max-width:none}

/* ---------- the index: numbered lines on the axis of the page (Workshop, Contributions) ---------- */
.ix{list-style:none;margin:30px 0 0;padding:0;border-top:1px solid var(--rule)}
.ix li{margin:0;padding:0}
.ix a{position:relative;display:grid;grid-template-columns:3.4em minmax(0,1fr) 3.4em;align-items:center;gap:0 14px;
  padding:clamp(22px,3.4vh,34px) 10px;border:0;border-bottom:1px solid var(--rule);color:inherit;text-decoration:none;text-align:center;
  transition:background-color .3s,box-shadow .3s}
.ix a::after{content:"";position:absolute;left:0;right:0;bottom:-1px;height:1px;background:var(--red);transform:scaleX(0);
  transition:transform .45s cubic-bezier(.2,.85,.3,1)}
.ix a:hover,.ix a:focus-visible{outline:0;color:inherit;border-bottom-color:var(--rule);
  background:radial-gradient(460px 170px at var(--gx,50%) var(--gy,50%),rgba(255,45,45,.22),rgba(255,45,45,.04) 72%);box-shadow:0 0 44px rgba(255,45,45,.10)}
.ix a:hover::after,.ix a:focus-visible::after{transform:scaleX(1)}
.ix-n{font:600 clamp(15px,1.15vw,18px)/1 var(--cond);color:var(--red);letter-spacing:.08em;text-align:left;font-variant-numeric:tabular-nums}
.ix-go{font:500 20px/1 var(--cond);color:var(--ink-faint);text-align:right;transition:color .3s,transform .3s}
.ix a:hover .ix-go,.ix a:focus-visible .ix-go{color:var(--red);transform:translateX(4px)}
.ix-body{display:flex;flex-direction:column;align-items:center;gap:7px;min-width:0}
.ix-k{font:500 11.5px/1.3 var(--cond);letter-spacing:.22em;text-transform:uppercase;color:var(--ink-faint)}
.ix-t{font:600 clamp(25px,2.7vw,40px)/1.05 var(--cond);letter-spacing:.035em;text-transform:uppercase;color:#fff;text-wrap:balance;transition:text-shadow .3s}
.ix a:hover .ix-t,.ix a:focus-visible .ix-t{text-shadow:0 0 22px rgba(255,45,45,.7)}
.ix-s{font:400 clamp(14.5px,1.05vw,16.5px)/1.5 "IBM Plex Sans",system-ui,sans-serif;color:var(--ink-soft);max-width:34em;text-wrap:pretty}
.ix-f{margin-top:3px;font:500 12px/1.3 var(--cond);letter-spacing:.16em;text-transform:uppercase;color:var(--red-ink)}
.ix-f b{font-weight:600;color:#fff;font-size:1.3em;letter-spacing:.04em;margin-right:.2em}
.ix-f b.red{color:var(--red)}

/* ---------- the board: the figures, three to a row ---------- */
.board{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));margin:28px 0 0;border-top:1px solid var(--rule)}
.board>a{position:relative;display:block;padding:24px 10px 20px;text-align:center;border:0;border-bottom:1px solid var(--rule);color:inherit;text-decoration:none;transition:background-color .3s}
.board>a:not(:nth-child(3n)){border-right:1px solid var(--rule-soft)}
.board>a:hover{background:radial-gradient(160px 90px at 50% 40%,rgba(255,45,45,.22),transparent 75%);border-bottom-color:var(--red)}
.board>a:hover b{color:#fff;text-shadow:0 0 22px rgba(255,45,45,.7)}
.board b{display:block;font:600 clamp(40px,4.4vw,62px)/1 var(--cond);color:#fff;letter-spacing:.01em;font-variant-numeric:tabular-nums}
.board>a:hover span{color:#fff}
.board span{display:block;margin-top:9px;font:500 11.5px/1.35 var(--cond);letter-spacing:.16em;text-transform:uppercase;color:var(--ink-soft)}
.ix-head{margin:54px 0 0;text-align:center;font:500 12px/1.4 var(--cond);letter-spacing:.24em;text-transform:uppercase;color:var(--ink-faint)}
@media (max-width:640px){
  .ix a{grid-template-columns:2.2em minmax(0,1fr) 1.4em;gap:0 8px;padding:20px 4px}
  .board{grid-template-columns:repeat(2,minmax(0,1fr))}
  .board>a{border-right:0!important}
  .board>a:nth-child(odd){border-right:1px solid var(--rule-soft)!important}
}

/* the Workshop: the index under the name, the subscription under a line */
body.has-frame .ws-hero{padding:24px 0 0}
body.has-frame .ws-mail{margin:10px 0 20px;text-align:center}
body.has-frame .ws-mail h2{margin:12px 0 22px;font:600 clamp(24px,2.6vw,34px)/1.1 var(--cond);letter-spacing:.03em;text-transform:uppercase;color:#fff;text-wrap:balance}
body.has-frame .ws-mail .ws-form input[type=email]{border:0;border-bottom:1px solid var(--rule);border-radius:0;background:none;text-align:center}
body.has-frame .ws-mail .ws-form input[type=email]:focus{outline:0;border-bottom-color:var(--red)}
body.has-frame .ws-mail button.ws-btn{border-radius:0;font:600 13px/1 var(--cond);letter-spacing:.18em;text-transform:uppercase;padding:14px 26px}

/* ---------- an essay stands on the axis too ---------- */
body.has-frame .maps{justify-content:center}
body.skin .doc h1.title,body.skin .doc .byline{text-align:center}
body.skin .doc h2{justify-content:center;gap:.45em}
body.skin .doc h2 .num{min-width:0}

/* ---------- the chapters of an essay fold; they open open ---------- */
body.skin .doc section.case>h2{display:block}
body.skin .case-head{display:grid;grid-template-columns:14px 1fr 14px;align-items:baseline;gap:12px;width:100%;margin:0;padding:0;background:none;border:0;border-radius:0;
  cursor:pointer;color:inherit;font:inherit;letter-spacing:inherit;text-transform:inherit;text-align:left}
body.skin .case-head::before{content:""}
body.skin .case-title{display:flex;justify-content:center;align-items:baseline;gap:.45em;transition:color .2s}
body.skin .case.open .case-title{color:#fff}
body.skin .case-head:hover .case-title,body.skin .case.open .case-head:hover .case-title{color:var(--red-ink)}
body.skin .case-head:focus-visible{outline:2px solid var(--red);outline-offset:6px}
body.skin .case-sign{align-self:center;position:relative;width:14px;height:14px}
body.skin .case-sign::before,body.skin .case-sign::after{content:"";position:absolute;left:0;top:6px;width:14px;height:2px;background:var(--red);transition:transform .25s}
body.skin .case-sign::after{transform:rotate(90deg)}
body.skin .case.open .case-sign::after{transform:rotate(0)}
body.skin .case-body{padding-top:4px}
body.skin .case-tools{display:flex;justify-content:flex-end;gap:18px;margin:0 0 6px;font-size:12px}
body.skin .case-tools button{background:none;border:0;padding:0;cursor:pointer;font:inherit;letter-spacing:inherit;text-transform:inherit;color:var(--ink-soft)}
body.skin .case-tools button:hover{color:var(--red-ink)}
@media print{body.skin .case-body[hidden]{display:block!important}body.skin .case-sign,body.skin .case-tools{display:none}}

/* ---------- one column on a narrow screen ---------- */
@media (max-width:1024px){
  .frame{display:flex;flex-direction:column;padding:10px 16px 40px;gap:0}
  .rail{position:static;max-height:none}
  .rail-l{order:0}.rail-r{order:1}.frame>main{order:2;margin-top:18px}
  .rail-body{overflow:visible}
  .rail ol{flex-direction:row;overflow-x:auto;scrollbar-width:none;gap:0}
  .rail ol::-webkit-scrollbar{display:none}
  .rail li{flex:0 0 auto}
  .rail a,.rail-r a{display:flex;gap:6px;align-items:baseline;padding:11px 14px 11px 0;margin:0;border:0;transform:none;
    background:none;box-shadow:none;text-align:left;white-space:nowrap}
  .rail li:first-child>a{border-top:0}
  .rail a:hover,.rail a:focus-visible,.rail a.on,.rail-r a:hover,.rail-r a.on{border:0;transform:none;background:none;box-shadow:none}
  .rail a::after{display:none}
  .rail .s{display:none}
  .rail li ol{display:none}
  .rail .n{font-size:12px}
  .rail .t{font-size:15px;color:var(--ink-soft);text-shadow:none}
  .rail a.on .t{color:#fff;box-shadow:0 1px 0 var(--red)}
  .rail-l ol{border-bottom:1px solid var(--rule)}
  .rail-r ol{border-bottom:1px solid var(--rule)}
  .rail-search{margin:10px 0 2px}
  .rail-r .rail-q{text-align:left;padding-left:0}
  .rail-scope{justify-content:flex-start;padding:0}
  .rail-r .rail-results a.sr,.rail-r .rail-hint,.rail-r .rail-sep{text-align:left}
  .rail-results{margin-top:6px}
  .rail-results a.sr{white-space:normal}
  body.north-home .lines.right{max-height:none}
  body.north-home .lines.right .rail-body{overflow:visible}
  body.north-home .lines.right .rail-q,body.north-home .lines.right .rail-results a.sr,body.north-home .lines.right .rail-hint,
  body.north-home .lines.right .rail-sep{text-align:left}
}
@media (prefers-reduced-motion:reduce){.rail a,.rail a::after,.rail .s,.rail-results a.sr{transition:none}}
@media print{.rail,.masthead .z::after{display:none}.frame{display:block}}