/* rycina.css: nakładka stylu "rycina" (13.09.2026) na podstrony z własnym CSS: /ile-tracisz/ i /artykuly/*.
   Ładowana PO inline <style> danej strony, nadpisuje tokeny i główne elementy. Fonty jak w style.css. */
@font-face { font-family: 'Anton'; font-style: normal; font-weight: 400; font-display: swap; src: url(/fonts/anton-400-latin-ext.woff2) format('woff2'); unicode-range: U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF; }
@font-face { font-family: 'Anton'; font-style: normal; font-weight: 400; font-display: swap; src: url(/fonts/anton-400-latin.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: 'Barlow Condensed'; font-style: normal; font-weight: 700; font-display: swap; src: url(/fonts/barlow-condensed-700-latin-ext.woff2) format('woff2'); unicode-range: U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF; }
@font-face { font-family: 'Barlow Condensed'; font-style: normal; font-weight: 700; font-display: swap; src: url(/fonts/barlow-condensed-700-latin.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: 'Caveat'; font-style: normal; font-weight: 600; font-display: swap; src: url(/fonts/caveat-600-latin-ext.woff2) format('woff2'); unicode-range: U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF; }
@font-face { font-family: 'Caveat'; font-style: normal; font-weight: 600; font-display: swap; src: url(/fonts/caveat-600-latin.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 {
  /* artykuły (tokeny z ich inline CSS) */
  --bg: #f1edfd; --bg-alt: #ffffff; --card: #ffffff; --border: #111111;
  --text: #111111; --text-secondary: #4a4660; --text-muted: #7b7790;
  --gold: #df5c00; --gold-light: #ff8a1f; --gold-bg: rgba(239,108,0,0.08); --gold-border: rgba(239,108,0,0.35);
  /* /ile-tracisz/ (tokeny z jego inline CSS) */
  --bg-alt: #ffffff; --navy: #111111; --navy-soft: #4a4660; --text2: #4a4660; --muted: #7b7790;
  --border-str: #111111; --loss: #c95a00; --loss-bg: #fff3e8; --loss-b: #ef6c00; --ok: #1f8a4c;
  --radius: 4px; --radius-lg: 6px; --shadow: 4px 4px 0 #111111;
  --ink: #111111; --orange: #df5c00; --lav: #f1edfd;
  --font-display: 'Anton', 'Arial Narrow', Impact, sans-serif;
  --font-cond: 'Barlow Condensed', 'Arial Narrow', sans-serif;
}
html, body { background: var(--lav) !important; color: var(--ink); }
h1, h2 { font-family: var(--font-display) !important; font-weight: 400 !important; text-transform: uppercase; letter-spacing: 0.5px; line-height: 1.05; color: var(--ink) !important; }
h1 { font-size: clamp(2.2rem, 1.5rem + 3vw, 4rem) !important; }
h2 { font-size: clamp(1.6rem, 1.2rem + 1.8vw, 2.6rem) !important; }
h3 { font-family: var(--font-cond) !important; font-weight: 700 !important; text-transform: uppercase; letter-spacing: 1px; color: var(--ink) !important; }
a { color: #b04f00; text-decoration: underline; text-underline-offset: 3px; }
strong, b { color: var(--ink); }

/* nagłówek strony (artykuły) */
.site-header { background: rgba(241,237,253,0.92) !important; border-bottom: 2px solid var(--ink) !important; }
.site-header .logo, .site-header .cta, .breadcrumb { font-family: var(--font-cond); font-weight: 700; text-transform: uppercase; letter-spacing: 1.5px; }
.site-header .logo { color: var(--ink) !important; }
.site-header .cta, .cta-block a.btn, .btn { background: var(--orange) !important; color: var(--ink) !important; border: 2px solid var(--ink) !important; border-radius: 4px !important; box-shadow: 3px 3px 0 var(--ink); font-family: var(--font-cond) !important; font-weight: 700 !important; text-transform: uppercase; letter-spacing: 1.5px; }
.site-header .cta:hover, .cta-block a.btn:hover, .btn:hover { background: #ff8a1f !important; color: var(--ink) !important; transform: translate(-1px,-1px); }
.article-hero img { border: 2px solid var(--ink); box-shadow: 4px 4px 0 var(--ink); filter: none !important; }
.intro-meta, .subtitle { color: var(--text-secondary) !important; }
article p, .cta-block p, .note-card p { color: var(--text) !important; }
.pullquote, .note-card, .cta-block { background: #fff !important; border: 2px solid var(--ink) !important; border-left: 8px solid var(--orange) !important; border-radius: 0 !important; box-shadow: 4px 4px 0 var(--ink); color: var(--ink) !important; }
.pullquote { font-family: var(--font-cond); font-size: 1.25rem; font-weight: 700; text-transform: none; }
hr { border-color: var(--ink) !important; }
article ul li::before { color: var(--orange) !important; }
.author { border-top: 2px solid var(--ink) !important; }
.author .name { font-family: 'Caveat', cursive; font-size: 2rem; color: var(--orange) !important; }
.site-footer { background: var(--ink) !important; color: #e9e5f5 !important; border-top: 2px solid var(--ink); }
.site-footer a { color: #e9e5f5 !important; }

/* /ile-tracisz/ */
header.hero { background: var(--lav) !important; border-bottom: 2px solid var(--ink) !important; }
section.alt { background: #fff !important; border-top: 2px solid var(--ink) !important; border-bottom: 2px solid var(--ink) !important; }
.eyebrow { font-family: var(--font-cond) !important; font-weight: 700; letter-spacing: 3px !important; text-transform: uppercase; color: var(--ink) !important; background: #fff !important; border: 2px solid var(--ink) !important; border-radius: 0 !important; box-shadow: 3px 3px 0 var(--ink); }
p.lead { color: var(--text-secondary) !important; }
.card, .calc, .fix, .proof, .limits, .result { background: #fff !important; border: 2px solid var(--ink) !important; border-radius: 0 !important; box-shadow: 4px 4px 0 var(--ink) !important; }
.card .num { background: var(--orange) !important; color: var(--ink) !important; border: 2px solid var(--ink); border-radius: 50% !important; font-family: var(--font-cond); }
.card .out, .fix .time { font-family: var(--font-cond) !important; font-weight: 700 !important; letter-spacing: 1.5px; text-transform: uppercase; color: var(--ink) !important; background: var(--lav) !important; border: 1px solid var(--ink) !important; border-radius: 0 !important; }
.result { border-top: 8px solid var(--orange) !important; }
.fix { padding: 22px 24px !important; margin-bottom: 16px; }
.fix:last-of-type { border-bottom: 2px solid var(--ink) !important; }
.note { padding: 12px 16px !important; }
.result .big { font-family: var(--font-display) !important; color: var(--ink) !important; letter-spacing: 0.5px; }
.result .cap, .result .year { font-family: var(--font-cond); text-transform: uppercase; letter-spacing: 1px; color: var(--text-secondary) !important; }
.proof li:first-child { color: var(--ink) !important; }
input[type=number], input[type=text], input[type=email] { border: 2px solid var(--ink) !important; border-radius: 4px !important; background: #fff !important; }
input:focus { border-color: var(--orange) !important; box-shadow: none !important; }
.note { border-left: 8px solid var(--orange) !important; background: #fff !important; border-top: 1px solid var(--ink); border-bottom: 1px solid var(--ink); border-right: 1px solid var(--ink); border-radius: 0 !important; }
footer { background: var(--ink) !important; color: #e9e5f5 !important; }
footer a { color: #e9e5f5 !important; }
.msg.ok { color: var(--ok) !important; } .msg.err { color: var(--loss) !important; }
/* 16.09 audyt: kontrast breadcrumb na jasnym tle (Lighthouse color-contrast) */
.breadcrumb a { color: #5c5870; }
.breadcrumb .sep { color: #7b7790; }