/* ============================================================
   DOSTROJENIE KROJOW - v0.8

   Tekst i naglowki ida na stack systemowy: na macOS i iOS renderuje
   je SF Pro, czyli krój Apple, przy zerowym pobieraniu. Ten plik
   ustawia to, czego skala z base.css nie wie - wagi i te miejsca,
   gdzie SF Pro zachowuje sie inaczej niz poprzednia Bona Nova.

   Wagi: SF Pro ma pelna rodzine, wiec naglowki biora 600 (semibold),
   a nie 900. Wczesniej wszystko szlo na 900, bo Lato mielismy TYLKO
   w tej odmianie - to byl przymus, nie decyzja. Apple sklada naglowki
   semiboldem z ciasnym trackingiem i tak teraz robimy.

   Wyjatek: wordmark zostaje na Lato 900. To jedyne miejsce, gdzie
   krój niesie tozsamosc, a nie tresc.
   ============================================================ */

/* naglowki i elementy tytulowe - semibold, nie black */
h1,h2,h3,h4,.score,.stat,.who,.rank .pos,.authorbox .av,
.advertiser h3,.docblock > .dh h3,.t3 .t3n{font-weight:600}
.btn{font-weight:600}

/* drobnica: etykiety, nawigacja, naglowki kolumn - semibold wystarcza,
   przy 11-12px waga 900 robila z nich plamy */
.label,.rail,.rail b,.chip,.nav a,.nav-summary,.tgl,.crumbs,.codehead,.pc h4,.money .kicker,
.sponsor-tag,.spon-strip,.advertiser .ah,.rank .pos b,
table.cmp thead th,.bar span:first-child,.byline .dot,.toc b{font-weight:600}

/* wordmark - jedyne miejsce z Lato 900 */
.brand{font-family:var(--wordmark);font-weight:900}
.brand small{font-family:var(--display);font-weight:600}

/* SF Pro ma wyzsza wysokosc x niz Bona Nova, wiec tekst wraca do 17px -
   przy poprzednim kroju potrzebowal pol punktu wiecej, zeby miec te sama
   wage optyczna. To jest referencyjny stopien tekstu Apple. */
body{font-size:17px;line-height:1.7}
.prose p,.prose li{font-size:17px}

/* IBM Plex Mono jest szerszy niz Monaco - dane w tabelach o stopien nizej */
table.cmp{font-size:13.5px}
.specs td{font-size:13.5px}
pre{font-size:13.5px}

/* pasek oceny: w kolumnie werdyktu nie ma miejsca na uklad w jednym wierszu -
   etykieta i wartosc w wierszu 1, tor paska pelna szerokoscia w wierszu 2 */
.verdict .vb{grid-template-columns:minmax(0,1fr) 190px}
@media(max-width:700px){.verdict .vb{grid-template-columns:1fr}}
.bar{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:3px 10px;align-items:baseline;margin-bottom:11px}
.bar span:first-child{grid-column:1;grid-row:1}
.bar span:last-child{grid-column:2;grid-row:1;font-family:var(--mono);font-size:12px}
.bar i{grid-column:1 / -1;grid-row:2;height:7px}