/* Shared by the themed looks. Type set: Old Standard (display; the book faces of early-20th-century Russian and Yiddish printing),
   PT Serif (text; designed in Russia for Latin and Cyrillic together), PT Sans Narrow (labels; the narrow grotesque of signage and atlases),
   Frank Ruhl Libre (Yiddish and Hebrew; the face of the region's Yiddish books), Courier Prime (identifiers only: tape numbers, record ids). */
:root{
  --serif:"PT Serif",Georgia,"Times New Roman",serif;
  --display:"Old Standard TT","PT Serif",Georgia,serif;
  --sans:"PT Sans Narrow","Arial Narrow",Arial,sans-serif;
  --narrow:"PT Sans Narrow","Arial Narrow",Arial,sans-serif;
  --hebrew:"Frank Ruhl Libre","Noto Serif Hebrew","Times New Roman",serif;
  --mono:"Courier Prime","Courier New",Courier,monospace;
  --radius:2px;
  --paper-grain:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='160' height='160'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.9' numOctaves='2' stitchTiles='stitch'/%3E%3CfeColorMatrix values='0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 .06 0'/%3E%3C/filter%3E%3Crect width='160' height='160' filter='url(%23n)'/%3E%3C/svg%3E");
}
body{font:16.5px/1.6 var(--serif);background-color:var(--bg);background-image:var(--paper-grain)}
.sans,.small,.stats,.crumbs,.label,.kv,.list,.chips,.chip,table.idx,.filter,.tape-head,.now-line,.source-switch,.sessions .when,.sessions .parts,.parts-list,.site-footer,nav.main,form.search input,form.search button,.conf,.tools,.meta,.player-bar,.mapswitch button,.hero-frame figcaption,.thumb .cap,.way span,.note,.part-head,.qgroup .label{font-family:var(--sans)}
.sans{font-size:16px}.small{font-size:15px}.stats{font-size:15.5px}
h1,h2,h3,.way b,.brand{font-family:var(--display);font-weight:400;letter-spacing:.1px}
h1{font-size:34px;line-height:1.15}h2{font-size:24px}h3{font-size:18px;color:var(--fg)}
.lead{font-size:19px;line-height:1.5}
.yi,[lang="yi"]{font-family:var(--hebrew)}
.tape-no,.ids code,.cite code,code,.tapes-list b,.parts-list b,.sessions .parts a,.parts-of-tape ol a:first-child,.exp-list b,table.idx td:first-child a[href^="/tapes/"]{font-family:var(--mono);letter-spacing:0}
h1 .tape-no{font-size:.78em;letter-spacing:.5px}

/* flatter corners: paper and print, not an app */
.card,.way,.thumb,svg.map,.player-box,.parts-of-tape,form.search input,form.search button,.filter input,.filter select,.cite,.note,.chip,.conf,.mapswitch button,.tr,.series a{border-radius:var(--radius)}
.chip{padding:1px 7px}
.mapviews .mapswitch button{padding:5px 12px;text-transform:uppercase;letter-spacing:.6px;font-size:13px}

/* the wordmark: the Yiddish name first, the Latin letters spaced beneath, the long name small */
.brand{display:inline-grid;grid-template-columns:auto auto;grid-template-rows:auto auto;column-gap:12px;align-items:baseline;text-decoration:none;color:var(--fg)}
.brand .yi{grid-column:1;grid-row:1 / span 2;font-size:40px;line-height:1;color:var(--acc);margin:0;align-self:center}
.brand .latin{grid-column:2;grid-row:1;font:400 20px/1 var(--display);letter-spacing:4px;color:var(--fg)}
.brand small{grid-column:2;grid-row:2;margin:4px 0 0;font:15px/1.1 var(--narrow);color:var(--mut);letter-spacing:.2px}
.site-header .top{align-items:center;padding:16px 0 8px}
nav.main{font:500 16px var(--narrow);letter-spacing:.4px;text-transform:uppercase;gap:18px}
nav.main a{border-bottom-width:1px}
form.search input{font-size:16.5px}

/* photographs: prints with a white margin and a slight shadow, in the frame's own 4:3 */
.still img,.thumb img,.hero-frame img,.frames-strip img{border:5px solid #fff;box-shadow:0 1px 2px rgba(0,0,0,.25),0 0 0 1px rgba(0,0,0,.08);background:#fff}
.thumb{border:0;background:transparent;overflow:visible}.thumb img{aspect-ratio:4/3}
.thumb .cap{padding:8px 2px}
.head .still img{border-radius:0;border:5px solid #fff;width:260px}
.list{font-family:var(--serif);font-size:15.5px}.list .n{font-family:var(--sans);font-size:14px}
.kv{font-size:15.5px}.kv dt{font-family:var(--sans)}.kv dd{font-family:var(--serif)}
.player-box{border-radius:0}

/* the map as an atlas page */
svg.map{background:var(--map-paper)}
svg.map .lbl{font:13px var(--narrow);letter-spacing:.35px;stroke:var(--map-paper)}
svg.map .lbl.exp-only{font-size:12px}
svg.map .legend text,svg.map .offmap text{font:12.5px var(--narrow)}
svg.map .legend rect{fill:var(--map-paper)}
svg.map.compact .lbl{font-size:22px}

/* passages: the time as a typewritten column, the transcript block set off by a hairline rather than a tinted box */
.seg h3{font-family:var(--mono);font-size:14px;color:var(--acc)}
.tr{background:transparent;border-left:2px solid var(--line);padding-left:12px}
.tr-label{font:600 11.5px var(--narrow);letter-spacing:.8px;text-transform:uppercase;color:var(--mut)}

/* buttons and inputs */
form.search button,.btn,.sessions .play{background:var(--acc);border-color:var(--acc);color:var(--acc-fg)}
.way b{color:var(--acc)}
.conf{border-radius:2px;letter-spacing:.3px;text-transform:uppercase;font-size:10.5px;padding:0 4px}