/* bsandova.com — article layout (texts/). Same tokens as style.css. */

.top b a{color:var(--hot)}
.text{max-width:none;margin:0;padding:2.5rem 1.5rem 4rem}
.text-head{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:2rem 3rem;align-items:end;padding-bottom:2rem;border-bottom:1px solid var(--line);margin:0 -1.5rem 2.5rem;padding-left:1.5rem;padding-right:1.5rem}
.kicker{grid-column:1/-1;font-family:var(--mono);font-size:10px;letter-spacing:.2em;text-transform:uppercase;color:var(--fg-2);margin:0}
.text-head h1{font-family:var(--serif);font-weight:700;font-variation-settings:"opsz" 144;font-size:clamp(2.2rem,5vw,4.6rem);line-height:.98;letter-spacing:-.04em;margin:0;color:var(--hot)}
.text-head h1 em{font-style:italic;font-weight:300;letter-spacing:-.02em}
.deck{grid-column:1;font-family:var(--serif);font-weight:300;font-size:clamp(1.15rem,1.8vw,1.5rem);line-height:1.3;margin:0;color:var(--fg)}
.facts{grid-column:2;grid-row:2/4;margin:0;border-top:1px solid var(--line)}
.facts div{display:grid;grid-template-columns:1fr auto;gap:1rem;align-items:baseline;padding:.6rem 0;border-bottom:1px solid var(--line)}
.facts dt{font-family:var(--mono);font-size:10px;letter-spacing:.16em;text-transform:uppercase;color:var(--fg-2)}
.facts dd{margin:0;text-align:right;font-family:var(--serif);font-weight:700;font-size:1.4rem;letter-spacing:-.03em;color:var(--hot);line-height:1}
.facts dd small{display:block;font-family:var(--mono);font-size:9px;letter-spacing:.12em;text-transform:uppercase;color:var(--fg-2);margin-top:.35rem}

.text section{max-width:44rem;margin:0 0 2.5rem}
.text h2{font-family:var(--serif);font-weight:400;font-size:clamp(1.4rem,2.4vw,2rem);letter-spacing:-.02em;line-height:1.1;margin:1.5rem 0 1rem;color:var(--hot)}
.text p{font-size:1.02rem;line-height:1.6;margin:0 0 1.1rem;color:var(--fg)}
.text p b{color:var(--hot);font-weight:500}
.text figure{margin:1.5rem 0 2rem;width:100%}
.text figure img{width:100%;height:auto;display:block;border:1px solid var(--line)}
.text figcaption{font-family:var(--mono);font-size:10px;letter-spacing:.12em;text-transform:uppercase;color:var(--fg-2);line-height:1.8;padding:.6rem 0 0;max-width:44rem}
.text figcaption b{color:var(--coral);font-weight:400}
.text-foot{border-top:1px solid var(--line);padding-top:1.5rem;max-width:44rem;font-family:var(--mono);font-size:11px;line-height:1.7;color:var(--fg-2)}
.text-foot b{color:var(--fg);font-weight:400}
.text-foot a{color:var(--coral)}
.back{margin-top:1.5rem}
@media (max-width:64rem){.text{padding:1.5rem 1rem 3rem}.text-head{grid-template-columns:1fr;margin:0 -1rem 2rem;padding-left:1rem;padding-right:1rem}.facts{grid-column:1;grid-row:auto}.deck{grid-column:1}}
.cite{font-family:var(--mono);font-size:.62em;line-height:0;vertical-align:.5em;margin-left:.1em}.cite a{color:var(--coral)}
.refs{max-width:60rem}.refs ol{margin:0;padding-left:1.6rem;font-family:var(--mono);font-size:11px;line-height:1.7;color:var(--fg-2)}
.refs li{padding:.5rem 0;border-bottom:1px solid var(--line)}.refs li::marker{color:var(--coral)}.refs a{color:var(--fg);text-decoration:underline;text-underline-offset:.2em}.refs a:hover{color:var(--coral)}
.refs li:target{color:var(--fg)}

.text-foot p{font-size:11px;line-height:1.7;color:var(--fg-2)}

/* wider measure, justified (Bára: "v jednom sloupci vlevo a ani ne do bloku") */
.text section{max-width:64rem}
.text p{text-align:justify;hyphens:auto;-webkit-hyphens:auto;text-justify:inter-word}
.text .deck,.text figcaption,.text-foot p,.facts dd,.facts dt{text-align:left;hyphens:manual}
.text figure{width:100%;max-width:64rem}
.text figcaption{max-width:64rem}
.text-foot{max-width:64rem}
.refs{max-width:64rem}.refs ol{columns:2;column-gap:3rem}.refs li{break-inside:avoid}
.text .wide,.tbl.wide,.scroller.wide{max-width:64rem}
.text-head{max-width:none}
@media (max-width:64rem){.text p{text-align:left;hyphens:manual}.refs ol{columns:1}}
.text figure{max-width:56rem}

/* facts: numbers stay right-aligned (the justify rule above had flipped them) */
.facts dd,.facts dd small{text-align:right}
/* wide screens: bigger type, wider measure (single column) */
@media (min-width:100rem){
  .text{padding:3rem 2.5rem 5rem}
  .text p{font-size:1.15rem;line-height:1.62}
  .text section,.text figure,.text figcaption,.text-foot,.refs,.text .tbl,.text .bars,.scroller,.tbl.wide,.scroller.wide,.text .wide{max-width:78rem}
  .text figure img{width:100%;height:auto}
  .text h2{font-size:2.3rem}
  .refs ol{columns:2}.refs ol li{font-size:12px}
  .text-head{grid-template-columns:minmax(0,1.2fr) minmax(0,1fr);margin-left:-2.5rem;margin-right:-2.5rem;padding-left:2.5rem;padding-right:2.5rem}
  .text-head h1{font-size:clamp(3rem,4.2vw,5.4rem)}
  .deck{font-size:1.6rem}
}