/* Motyw slingart 1.0 — VenoCMS · galeria / magazyn artystyczny */
@font-face{font-family:"Playfair";src:url(fonts/playfair-display-latin-wght-normal.woff2) format("woff2");font-weight:400 900;font-display:swap;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:"Playfair";src:url(fonts/playfair-display-latin-ext-wght-normal.woff2) format("woff2");font-weight:400 900;font-display:swap;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:"Playfair";src:url(fonts/playfair-display-latin-wght-italic.woff2) format("woff2");font-weight:400 900;font-style:italic;font-display:swap;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:"Playfair";src:url(fonts/playfair-display-latin-ext-wght-italic.woff2) format("woff2");font-weight:400 900;font-style:italic;font-display:swap;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:"Outfit";src:url(fonts/outfit-latin-wght-normal.woff2) format("woff2");font-weight:100 900;font-display:swap;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:"Outfit";src:url(fonts/outfit-latin-ext-wght-normal.woff2) format("woff2");font-weight:100 900;font-display:swap;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}

:root{
  --paper:#f6f1e8;--paper-2:#efe7d9;--card:#fffdf8;--ink:#1d1a16;--ink-2:#3a342c;--muted:#7a7064;--line:#e3d9c8;--line-2:#d4c7b1;
  --terra:#d1492e;--cobalt:#2b4acb;--mustard:#d99a1c;
  --serif:"Playfair",Georgia,"Times New Roman",serif;--sans:"Outfit",system-ui,-apple-system,"Segoe UI",Roboto,sans-serif;
  --veno-accent:#d1492e;--shadow:0 22px 40px -28px rgba(29,26,22,.55)
}
*{box-sizing:border-box;margin:0;padding:0}
html{-webkit-text-size-adjust:100%;scroll-behavior:smooth}
body{font-family:var(--sans);background:var(--paper);color:var(--ink-2);font-size:17px;line-height:1.7;-webkit-font-smoothing:antialiased}
a{color:inherit;text-decoration:none}
img{max-width:100%;display:block}
button{font:inherit;cursor:pointer}
.sa-w{max-width:1240px;margin:0 auto;padding:0 28px}
.sa-meta{font-size:13px;color:var(--muted);letter-spacing:.2px}
.sa-empty{padding:40px;text-align:center;color:var(--muted);background:var(--card);border:1px dashed var(--line-2);font-family:var(--serif);font-style:italic;font-size:19px}
.sa-empty-s{padding:18px;font-size:16px}
.sa-btn{display:inline-flex;align-items:center;gap:8px;padding:13px 24px;border:0;background:var(--ink);color:var(--paper);font-weight:600;font-size:15px;letter-spacing:.3px;transition:background .2s,transform .2s}
.sa-btn:hover{background:var(--terra);transform:translateY(-1px)}
.sa-mark{width:34px;height:34px;flex:0 0 auto}

/* NAGŁÓWEK */
.sa-top{position:sticky;top:0;z-index:40;background:rgba(246,241,232,.94);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);border-bottom:1px solid var(--line)}
.sa-top-in{display:flex;align-items:center;justify-content:space-between;gap:28px;height:78px}
.sa-logo{display:inline-flex;align-items:center;gap:10px;flex:0 0 auto}
.sa-logo span{font-family:var(--serif);font-style:italic;font-weight:800;font-size:29px;letter-spacing:-.5px;color:var(--ink);white-space:nowrap}
.sa-menu{display:flex;align-items:center;justify-content:flex-end;flex:1 1 auto;min-width:0;overflow:hidden;flex-wrap:nowrap}
.sa-menu a{flex:0 0 auto;white-space:nowrap;padding:8px 13px;font-size:14px;font-weight:500;letter-spacing:.4px;text-transform:uppercase;color:var(--ink-2);position:relative;transition:color .2s}
.sa-menu a:before{content:"";position:absolute;left:13px;top:50%;width:7px;height:7px;margin-top:-3px;border-radius:50%;background:var(--t);opacity:0;transform:scale(.4);transition:opacity .2s,transform .2s}
.sa-menu a:hover,.sa-menu a.on{color:var(--ink);padding-left:26px}
.sa-menu a:hover:before,.sa-menu a.on:before{opacity:1;transform:none}
.sa-menu a.sa-hid{display:none}
.sa-burger{display:none;width:44px;height:44px;border:1px solid var(--line-2);background:var(--card);flex-direction:column;align-items:center;justify-content:center;gap:5px}
.sa-burger i{display:block;width:19px;height:2px;background:var(--ink);transition:transform .25s,opacity .25s}
.sa-read{position:absolute;left:0;right:0;bottom:-1px;height:3px}
.sa-read span{display:block;height:100%;width:0;background:linear-gradient(90deg,var(--terra),var(--mustard),var(--cobalt))}

/* ETYKIETA KATEGORII — jak próbka farby */
.sa-label{display:inline-flex;align-items:center;gap:8px;align-self:flex-start;font-size:12px;font-weight:600;letter-spacing:1.4px;text-transform:uppercase;color:var(--ink)}
.sa-label:before{content:"";width:14px;height:14px;border-radius:50% 45% 55% 40%;background:var(--t);transform:rotate(-12deg)}
.sa-label:hover{color:var(--t)}

/* PASSE-PARTOUT I PLACEHOLDER */
.sa-frame{display:block;background:#fff;padding:12px;box-shadow:0 1px 0 var(--line-2),var(--shadow);transition:transform .3s,box-shadow .3s}
.sa-frame-in{display:block;position:relative;overflow:hidden;aspect-ratio:4/3;background:var(--paper-2);box-shadow:inset 0 0 0 1px rgba(0,0,0,.06)}
.sa-frame-in img,.sa-frame-in .sa-ph{width:100%;height:100%;object-fit:cover;transition:transform .6s}
.sa-card:hover .sa-frame{transform:translateY(-4px) rotate(-.4deg)}
.sa-card:hover .sa-frame-in img{transform:scale(1.04)}
.sa-ph{display:block;width:100%;height:100%;background:var(--paper-2)}
.sa-ph svg{width:100%;height:100%;display:block}

/* OKŁADKA */
.sa-cover{padding:42px 0 30px}
.sa-cover-h{display:flex;align-items:baseline;gap:22px;flex-wrap:wrap;margin-bottom:22px}
.sa-eyebrow{font-size:12px;font-weight:600;letter-spacing:2.4px;text-transform:uppercase;color:var(--terra)}
.sa-motto{font-family:var(--serif);font-style:italic;font-size:20px;color:var(--muted)}
.sa-cover-g{display:grid;grid-template-columns:1.75fr 1fr;gap:36px;align-items:start}
.sa-lead{position:relative}
.sa-lead-img{display:block;position:relative;aspect-ratio:2/1;overflow:hidden;background:var(--paper-2);box-shadow:16px 16px 0 var(--t)}
.sa-lead-img img,.sa-lead-img .sa-ph{width:100%;height:100%;object-fit:cover;transition:transform .7s}
.sa-lead:hover .sa-lead-img img{transform:scale(1.03)}
.sa-lead-b{position:relative;margin:-48px 60px 0 28px;background:var(--card);padding:22px 28px 24px;box-shadow:var(--shadow);display:flex;flex-direction:column;gap:12px;border-top:4px solid var(--ink)}
.sa-lead h1{font-family:var(--serif);font-weight:800;font-size:clamp(25px,2.6vw,34px);line-height:1.12;letter-spacing:-.6px;color:var(--ink)}
.sa-lead h1 a:hover{color:var(--t)}
.sa-lead p{color:var(--muted);font-size:16px;line-height:1.6}
.sa-side-ex{display:flex;flex-direction:column;gap:22px}
.sa-ex{display:grid;grid-template-columns:1fr;gap:12px}
.sa-ex-img{display:block;aspect-ratio:2/1;overflow:hidden;background:#fff;padding:10px;box-shadow:0 1px 0 var(--line-2),var(--shadow)}
.sa-ex-img img,.sa-ex-img .sa-ph{width:100%;height:100%;object-fit:cover}
.sa-ex>div{position:relative;padding-left:46px;display:flex;flex-direction:column;gap:6px}
.sa-ex-n{position:absolute;left:0;top:-6px;font-family:var(--serif);font-style:italic;font-weight:800;font-size:40px;line-height:1;color:var(--t)}
.sa-ex h2{font-family:var(--serif);font-weight:700;font-size:21px;line-height:1.22;color:var(--ink)}
.sa-ex h2 a:hover{color:var(--t)}

/* PALETA KATEGORII */
.sa-palette{display:flex;align-items:center;gap:22px;padding-top:26px;padding-bottom:4px}
.sa-palette-l{flex:0 0 auto;font-family:var(--serif);font-style:italic;font-size:19px;color:var(--ink)}
.sa-palette-g{display:flex;gap:12px;overflow-x:auto;padding:6px 2px 12px;scrollbar-width:thin}
.sa-chip{flex:0 0 auto;display:grid;grid-template-columns:auto 1fr;grid-template-rows:auto auto;column-gap:10px;align-items:center;padding:10px 16px 10px 10px;background:var(--card);border:1px solid var(--line);transition:transform .2s,border-color .2s,box-shadow .2s}
.sa-chip i{grid-row:1/3;width:36px;height:36px;background:var(--t);border-radius:3px}
.sa-chip b{font-weight:600;font-size:14px;color:var(--ink);white-space:nowrap}
.sa-chip span{font-size:12px;color:var(--muted)}
.sa-chip:hover{transform:translateY(-3px);border-color:var(--t);box-shadow:0 10px 20px -14px var(--t)}

/* NAGŁÓWKI SEKCJI */
.sa-h{display:flex;align-items:baseline;gap:16px;flex-wrap:wrap;margin-bottom:24px;padding-bottom:12px;border-bottom:1px solid var(--line-2)}
.sa-h span{font-family:var(--serif);font-weight:800;font-size:32px;letter-spacing:-.4px;color:var(--ink)}
.sa-h em{font-family:var(--serif);font-size:18px;color:var(--muted)}

/* WYSTAWA */
.sa-show{padding-top:42px}
.sa-show-g{display:grid;grid-template-columns:repeat(3,1fr);gap:34px 30px}
.sa-card{display:flex;flex-direction:column;gap:16px}
.sa-show-g .sa-frame-in{aspect-ratio:3/2}
.sa-tag{display:flex;flex-direction:column;gap:7px;padding-left:14px;border-left:3px solid var(--t)}
.sa-tag-top{display:flex;align-items:center;justify-content:space-between;gap:10px}
.sa-no{font-family:var(--serif);font-style:italic;font-size:14px;color:var(--muted)}
.sa-card-t{font-family:var(--serif);font-weight:700;font-size:21px;line-height:1.22;color:var(--ink)}
.sa-card-t a:hover{color:var(--t)}
.sa-card-lg .sa-card-t{font-size:30px;line-height:1.12;font-weight:800}
.sa-card-x{color:var(--muted);font-size:16px;line-height:1.6}
.sa-cards{display:grid;grid-template-columns:repeat(3,1fr);gap:34px 26px}
.sa-cards-2{grid-template-columns:repeat(2,1fr)}

/* UKŁAD Z SIDEBAREM */
.sa-grid{display:grid;grid-template-columns:minmax(0,1fr) 330px;gap:52px;padding:52px 0 70px;align-items:start}

/* LISTA */
.sa-row{display:grid;grid-template-columns:260px 1fr;gap:26px;padding:24px 0;border-bottom:1px solid var(--line)}
.sa-row:first-of-type{padding-top:4px}
.sa-row-img{display:block;background:#fff;padding:8px;box-shadow:0 1px 0 var(--line-2),0 14px 26px -22px rgba(29,26,22,.6);aspect-ratio:4/3}
.sa-row-img img,.sa-row-img .sa-ph{width:100%;height:100%;object-fit:cover}
.sa-row-b{display:flex;flex-direction:column;gap:8px;min-width:0}
.sa-row-top{display:flex;align-items:center;gap:14px;flex-wrap:wrap}
.sa-row-t{font-family:var(--serif);font-weight:700;font-size:24px;line-height:1.2;color:var(--ink)}
.sa-row-t a:hover{color:var(--t)}
.sa-row-x{color:var(--muted);font-size:16px;line-height:1.6}
.sa-pag{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-top:34px}
.sa-pag a{padding:11px 20px;border:1px solid var(--ink);font-weight:600;font-size:14.5px;transition:background .2s,color .2s}
.sa-pag a:hover{background:var(--ink);color:var(--paper)}
.sa-pag-n{font-family:var(--serif);color:var(--muted)}.sa-pag-n i{font-weight:800;color:var(--ink)}

/* SIDEBAR */
.sa-side{display:flex;flex-direction:column;gap:22px}
.sa-box{background:var(--card);border:1px solid var(--line);padding:22px 22px 24px}
.sa-box h4{font-family:var(--serif);font-weight:800;font-size:21px;color:var(--ink);margin-bottom:14px;padding-bottom:10px;border-bottom:2px solid var(--ink)}
.sa-about{background:var(--ink);border-color:var(--ink);color:#d9d0c1;text-align:center;padding:28px 22px}
.sa-mark-l{width:52px;height:52px;margin:0 auto 10px;display:block}
.sa-about .sa-about-t{font-style:italic;font-size:26px;color:var(--paper);border:0;padding:0;margin-bottom:6px}
.sa-about p{font-size:15px;line-height:1.55;color:#bfb4a3}
.sa-stats{display:grid;grid-template-columns:repeat(3,1fr);margin-top:18px;border-top:1px solid #3a342c}
.sa-stats div{display:flex;flex-direction:column;align-items:center;padding:12px 4px 0}
.sa-stats div+div{border-left:1px solid #3a342c}
.sa-stats b{font-family:var(--serif);font-weight:800;font-size:28px;line-height:1.1;color:var(--paper)}
.sa-stats div:nth-child(1) b{color:#f08a6f}.sa-stats div:nth-child(2) b{color:#f2c25a}.sa-stats div:nth-child(3) b{color:#8ea6ff}
.sa-stats span{font-size:12px;letter-spacing:.4px;color:#a59a89}
.sa-pop{list-style:none}
.sa-pop li{display:grid;grid-template-columns:34px 1fr;gap:8px;padding:10px 0;border-top:1px solid var(--line)}
.sa-pop li:first-child{border-top:0;padding-top:0}
.sa-pop i{font-family:var(--serif);font-weight:800;font-size:28px;line-height:1;color:var(--terra)}
.sa-pop li:nth-child(2) i{color:var(--cobalt)}.sa-pop li:nth-child(3) i{color:var(--mustard)}.sa-pop li:nth-child(4) i{color:#1f8a7a}.sa-pop li:nth-child(5) i{color:#8b3a7a}
.sa-pop a{font-weight:500;font-size:15px;line-height:1.4;color:var(--ink)}
.sa-pop a:hover{color:var(--terra)}
.sa-cl{list-style:none}
.sa-cl a{display:flex;align-items:center;gap:11px;padding:8px 0;font-size:15px;border-top:1px solid var(--line);transition:color .2s}
.sa-cl li:first-child a{border-top:0;padding-top:0}
.sa-cl i{width:16px;height:16px;background:var(--t);border-radius:2px;flex:0 0 auto}
.sa-cl b{margin-left:auto;font-weight:500;font-size:13px;color:var(--muted)}
.sa-cl a:hover{color:var(--t)}
.sa-tags{display:flex;flex-wrap:wrap;gap:7px}
.sa-tags a{font-size:13.5px;padding:5px 11px;border:1px solid var(--line-2);color:var(--ink-2);transition:all .2s}
.sa-tags a:hover{background:var(--ink);border-color:var(--ink);color:var(--paper)}
.sa-toc{position:sticky;top:98px;z-index:5;max-height:calc(100vh - 118px);overflow:auto;box-shadow:0 14px 30px -24px rgba(29,26,22,.55)}
.sa-toc h4{font-size:19px}
.sa-toc ol{list-style:none;counter-reset:t}
.sa-toc li{counter-increment:t}
.sa-toc a{display:grid;grid-template-columns:30px 1fr;padding:7px 0;font-size:14.5px;line-height:1.4;color:var(--muted);border-top:1px solid var(--line);transition:color .2s}
.sa-toc li:first-child a{border-top:0;padding-top:0}
.sa-toc a:before{content:counter(t);font-family:var(--serif);font-style:italic;font-weight:800;font-size:18px;line-height:1.1;color:var(--line-2);transition:color .2s}
.sa-toc a:hover,.sa-toc a.on{color:var(--ink)}
.sa-toc a.on:before{color:var(--terra)}

/* NAGŁÓWKI LIST */
.sa-lhead{padding:50px 0 40px;border-bottom:1px solid var(--line-2);background:linear-gradient(180deg,color-mix(in srgb,var(--t) 9%,var(--paper)),var(--paper))}
.sa-crumbs{font-size:13px;color:var(--muted);margin-bottom:14px}
.sa-crumbs a:hover{color:var(--ink)}.sa-crumbs i{margin:0 6px;opacity:.6}
.sa-lhead-row{display:flex;align-items:center;gap:18px}
.sa-swatch{flex:0 0 auto;width:56px;height:56px;background:var(--t);border-radius:46% 54% 50% 50% / 55% 45% 55% 45%;box-shadow:6px 6px 0 var(--ink)}
.sa-lhead h1{font-family:var(--serif);font-weight:800;font-size:clamp(34px,4.6vw,58px);line-height:1.04;letter-spacing:-1px;color:var(--ink)}
.sa-lhead p{max-width:780px;margin-top:16px;font-size:18px;line-height:1.65;color:var(--ink-2)}
.sa-count{display:inline-block;margin-top:16px;font-family:var(--serif);font-style:italic;font-size:17px;color:var(--muted)}
.sa-links{margin-top:40px;padding:24px 26px;background:var(--card);border:1px solid var(--line);border-top:4px solid var(--ink)}
.sa-links h3{font-family:var(--serif);font-weight:800;font-size:22px;color:var(--ink);margin-bottom:12px}
.sa-links ul{list-style:none}
.sa-links li{padding:9px 0;border-top:1px solid var(--line);font-size:15.5px;line-height:1.55}
.sa-links li:first-child{border-top:0;padding-top:0}
.sa-links a{color:var(--terra);font-weight:600;text-decoration:underline;text-underline-offset:3px}
.sa-links a:hover{color:var(--ink)}

/* WPIS */
.sa-phead{padding:50px 0 36px;text-align:center;border-bottom:1px solid var(--line-2)}
.sa-phead-in{display:flex;flex-direction:column;align-items:center;gap:14px}
.sa-phead .sa-label{align-self:center}
.sa-phead h1{max-width:940px;font-family:var(--serif);font-weight:800;font-size:clamp(32px,4.6vw,56px);line-height:1.06;letter-spacing:-1px;color:var(--ink)}
.sa-pmeta{display:flex;flex-wrap:wrap;justify-content:center;gap:6px 22px;font-size:14px;color:var(--muted)}
.sa-pmeta a{color:var(--terra)}
.sa-art-img{margin:0 0 34px;background:#fff;padding:14px;box-shadow:0 1px 0 var(--line-2),var(--shadow)}
.sa-art-img .sa-frame-in{aspect-ratio:auto}
.sa-art-img img{max-height:520px;width:100%;object-fit:cover}
.sa-body{font-size:18px;line-height:1.82;color:#2f2a24;counter-reset:s}
.sa-body>*+*{margin-top:20px}
.sa-body>p:first-child,.sa-body>div>p:first-of-type{font-family:var(--serif);font-size:22px;line-height:1.55;color:var(--ink)}
.sa-body h2{font-family:var(--serif);font-weight:800;font-size:31px;line-height:1.18;letter-spacing:-.4px;color:var(--ink);margin-top:50px;scroll-margin-top:100px;counter-increment:s;clear:both}
.sa-body h2:before{content:counter(s);display:inline-block;margin-right:12px;font-style:italic;color:var(--t,var(--terra))}
.sa-body h3{font-family:var(--serif);font-weight:700;font-size:23px;color:var(--ink);margin-top:32px}
.sa-body a{color:var(--terra);font-weight:600;text-decoration:underline;text-decoration-thickness:1.5px;text-underline-offset:3px}
.sa-body a:hover{color:var(--ink)}
.sa-body ul,.sa-body ol{padding-left:26px}
.sa-body ul{list-style:none;padding-left:4px}
.sa-body ul li{position:relative;padding-left:28px}
.sa-body ul li:before{content:"";position:absolute;left:4px;top:.62em;width:11px;height:11px;border-radius:50% 45% 55% 40%;background:var(--t,var(--terra));transform:rotate(-14deg)}
.sa-body ol li::marker{font-family:var(--serif);font-weight:800;color:var(--terra)}
.sa-body li+li{margin-top:8px}
.sa-body strong{color:var(--ink)}
.sa-body blockquote{position:relative;margin:36px 0;padding:8px 0 8px 34px;border-left:4px solid var(--t,var(--terra));font-family:var(--serif);font-style:italic;font-size:26px;line-height:1.4;color:var(--ink)}
.sa-body table{width:100%;border-collapse:collapse;font-size:15.5px;background:var(--card);border-top:3px solid var(--ink)}
.sa-body th{text-align:left;padding:12px 14px;font-weight:600;font-size:13px;letter-spacing:.8px;text-transform:uppercase;border-bottom:1px solid var(--ink)}
.sa-body td{padding:12px 14px;border-bottom:1px solid var(--line);vertical-align:top}
.sa-body details{background:var(--card);border:1px solid var(--line);padding:0 20px}
.sa-body details+details{margin-top:10px}
.sa-body summary{cursor:pointer;font-family:var(--serif);font-weight:700;font-size:19px;color:var(--ink);padding:16px 34px 16px 0;list-style:none;position:relative}
.sa-body summary::-webkit-details-marker{display:none}
.sa-body summary:after{content:"+";position:absolute;right:2px;top:50%;transform:translateY(-50%);font-size:26px;font-weight:400;color:var(--terra);transition:transform .25s}
.sa-body details[open] summary:after{transform:translateY(-50%) rotate(45deg)}
.sa-body details>*:not(summary){padding-bottom:16px}
.sa-body img{max-width:100%}
.sa-body figure[style*="float"]+p{margin-top:0}
/* ramka linku wewnętrznego */
.sa-body a.sa-rel{display:grid;grid-template-columns:1fr auto;gap:4px 18px;align-items:center;margin:34px 0;padding:20px 24px;text-decoration:none;background:var(--ink);color:var(--paper);box-shadow:8px 8px 0 var(--t,var(--terra));transition:transform .25s,box-shadow .25s}
.sa-body a.sa-rel:hover{transform:translate(-2px,-2px);box-shadow:12px 12px 0 var(--t,var(--terra));color:var(--paper)}
.sa-rel-k{grid-column:1;font-size:11.5px;font-weight:600;letter-spacing:1.6px;text-transform:uppercase;color:var(--mustard)}
.sa-rel-t{grid-column:1;font-family:var(--serif);font-size:21px;line-height:1.25;font-weight:700}
.sa-rel-go{grid-column:2;grid-row:1/3;font-size:24px;color:var(--mustard)}
.sa-ptags{display:flex;flex-wrap:wrap;align-items:center;gap:8px;margin-top:34px;padding-top:20px;border-top:1px solid var(--line-2)}
.sa-ptags span{font-family:var(--serif);font-style:italic;font-size:17px;color:var(--muted);margin-right:6px}
.sa-ptags a{font-size:13.5px;padding:5px 11px;border:1px solid var(--line-2);transition:all .2s}
.sa-ptags a:hover{background:var(--ink);border-color:var(--ink);color:var(--paper)}
.sa-next,.sa-talk{margin-top:52px}
.sa-msg{display:grid;grid-template-columns:44px 1fr;gap:14px;padding:16px 0;border-top:1px solid var(--line)}
.sa-msg-a{width:44px;height:44px;border-radius:50%;background:var(--t);color:#fff;display:flex;align-items:center;justify-content:center;font-family:var(--serif);font-weight:800;font-size:19px}
.sa-msg-b>div{display:flex;align-items:baseline;gap:10px;flex-wrap:wrap}
.sa-msg-b b{color:var(--ink)}.sa-msg-b small{color:var(--muted);font-size:13px}
.sa-msg-b p{margin-top:4px;font-size:16px}
.sa-form{margin-top:22px;padding:24px;background:var(--card);border:1px solid var(--line);display:flex;flex-direction:column;gap:14px}
.sa-form-r{display:grid;grid-template-columns:1fr 1fr;gap:14px}
.sa-form label{display:flex;flex-direction:column;gap:6px}
.sa-form label span{font-size:12.5px;font-weight:600;letter-spacing:1px;text-transform:uppercase;color:var(--muted)}
.sa-form input,.sa-form textarea{font:inherit;font-size:16px;padding:11px 14px;border:1px solid var(--line-2);background:var(--paper);color:var(--ink);outline:none;transition:border-color .2s}
.sa-form input:focus,.sa-form textarea:focus{border-color:var(--ink);background:#fff}
.sa-form-f{display:flex;align-items:center;gap:14px;flex-wrap:wrap}
.sa-form-f small{color:var(--muted)}

/* SPIS TREŚCI W TREŚCI — pod zdjęciem, w polu (1.0.2: na komputerze ukryty, bo jest w sidebarze) */
@media(min-width:1021px){
  .sa-has-toc p:has(+ ul > li > a[href^="#"]),.sa-has-toc p:has(+ ol > li > a[href^="#"]),
  .sa-has-toc ul:has(> li > a[href^="#"]),.sa-has-toc ol:has(> li > a[href^="#"]){display:none}
}
.sa-body p:has(+ ul > li > a[href^="#"]),.sa-body p:has(+ ol > li > a[href^="#"]){clear:both;margin-top:32px;margin-bottom:0;padding:18px 24px 8px;background:var(--card);border:1px solid var(--line);border-bottom:0;border-top:4px solid var(--ink);font-family:var(--serif)!important;font-style:italic;font-size:21px!important;font-weight:800;color:var(--ink)}
.sa-body p:has(+ ul > li > a[href^="#"]) strong,.sa-body p:has(+ ol > li > a[href^="#"]) strong{font-weight:800}
.sa-body ul:has(> li > a[href^="#"]),.sa-body ol:has(> li > a[href^="#"]){clear:both;list-style:none;counter-reset:toc;padding:6px 24px 18px;margin-top:32px;background:var(--card);border:1px solid var(--line)}
.sa-body p:has(+ ul > li > a[href^="#"])+ul,.sa-body p:has(+ ol > li > a[href^="#"])+ol{margin-top:0;border-top:0}
.sa-body ul:has(> li > a[href^="#"]) li,.sa-body ol:has(> li > a[href^="#"]) li{counter-increment:toc;display:grid;grid-template-columns:36px 1fr;padding:9px 0;margin:0;border-top:1px solid var(--line)}
.sa-body ul:has(> li > a[href^="#"]) li:first-child,.sa-body ol:has(> li > a[href^="#"]) li:first-child{border-top:0}
.sa-body ul:has(> li > a[href^="#"]) li:before,.sa-body ol:has(> li > a[href^="#"]) li:before{content:counter(toc);position:static;width:auto;height:auto;border-radius:0;background:none;transform:none;font-family:var(--serif);font-style:italic;font-weight:800;font-size:20px;line-height:1.3;color:var(--terra)}
.sa-body ol:has(> li > a[href^="#"]) li::marker{content:""}
.sa-body ul:has(> li > a[href^="#"]) a,.sa-body ol:has(> li > a[href^="#"]) a{color:var(--ink);font-weight:500;text-decoration:none;font-size:16.5px;line-height:1.45}
.sa-body ul:has(> li > a[href^="#"]) a:hover,.sa-body ol:has(> li > a[href^="#"]) a:hover{color:var(--terra);text-decoration:underline}
@media(max-width:680px){.sa-body figure[style*="float"]{float:none!important;width:100%!important;max-width:none!important;margin:0 0 18px!important}}

/* 404 */
.sa-lost{padding:80px 0 110px;text-align:center}
.sa-lost-frame{display:inline-block;background:#fff;padding:16px;box-shadow:var(--shadow);transform:rotate(-2deg)}
.sa-lost-frame .sa-frame-in{width:300px;max-width:70vw;display:flex;align-items:center;justify-content:center;background:var(--paper)}
.sa-lost-frame b{font-family:var(--serif);font-style:italic;font-weight:800;font-size:96px;color:var(--terra)}
.sa-lost h1{font-family:var(--serif);font-weight:800;font-size:40px;color:var(--ink);margin-top:34px}
.sa-lost p{max-width:520px;margin:12px auto 28px;color:var(--muted)}

/* STOPKA */
.sa-foot{background:var(--ink);color:#bfb4a3;margin-top:10px}
.sa-strip{display:flex;height:8px}.sa-strip i{flex:1}
.sa-foot-in{display:grid;grid-template-columns:1.5fr 1fr 1.3fr;gap:44px;padding:54px 28px 38px}
.sa-logo-l span{color:var(--paper)}
.sa-foot-brand p{margin-top:12px;font-size:15px;max-width:380px;line-height:1.6;font-family:var(--serif);font-style:italic}
.sa-foot h5{font-size:12px;font-weight:600;letter-spacing:2px;text-transform:uppercase;color:var(--mustard);margin-bottom:14px}
.sa-foot ul{list-style:none}
.sa-foot li{padding:5px 0}
.sa-foot li a{font-size:15px;color:#e2d9c9;transition:color .2s}
.sa-foot li a:hover{color:#fff}
.sa-copy{display:flex;justify-content:space-between;gap:12px;padding:18px 28px;border-top:1px solid #3a342c;font-size:13px}
.sa-copy a:hover{color:var(--paper)}

/* RESPONSYWNOŚĆ */
@media(max-width:1100px){
}
@media(max-width:1020px){
  .sa-grid{grid-template-columns:1fr;gap:36px}
  .sa-cover-g{grid-template-columns:1fr}
  .sa-side-ex{display:grid;grid-template-columns:1fr 1fr;gap:24px}
  .sa-side{display:grid;grid-template-columns:1fr 1fr;gap:22px}
  .sa-side .sa-toc{display:none}
}
@media(max-width:900px){
  .sa-burger{display:flex}
  .sa-menu{position:absolute;left:0;right:0;top:100%;background:var(--paper);border-bottom:1px solid var(--line);flex-direction:column;align-items:stretch;padding:8px 20px 16px;display:none;overflow:visible}
  .sa-top.is-open .sa-menu{display:flex}
  .sa-menu a{padding:13px 4px 13px 22px;border-bottom:1px solid var(--line)}
  .sa-menu a:before{left:4px;opacity:1;transform:none}
  .sa-menu a:hover,.sa-menu a.on{padding-left:22px}
  .sa-top.is-open .sa-burger i:nth-child(1){transform:translateY(7px) rotate(45deg)}
  .sa-top.is-open .sa-burger i:nth-child(2){opacity:0}
  .sa-top.is-open .sa-burger i:nth-child(3){transform:translateY(-7px) rotate(-45deg)}
  .sa-cards{grid-template-columns:repeat(2,1fr)}
  .sa-foot-in{grid-template-columns:1fr 1fr}.sa-foot-brand{grid-column:span 2}
}
@media(max-width:680px){
  .sa-w{padding:0 16px}
  .sa-top-in{height:66px}
  .sa-logo span{font-size:24px}
  .sa-cover{padding-top:24px}
  .sa-lead-img{box-shadow:9px 9px 0 var(--t)}
  .sa-lead-b{margin:-40px 10px 0 10px;padding:18px 18px 22px}
  .sa-side-ex,.sa-show-g,.sa-cards,.sa-cards-2,.sa-side{grid-template-columns:1fr}
  .sa-card-lg .sa-card-t{font-size:25px}
  .sa-palette{flex-direction:column;align-items:flex-start;gap:8px}
  .sa-palette-g{width:100%}
  .sa-h span{font-size:27px}
  .sa-row{grid-template-columns:112px 1fr;gap:14px;padding:18px 0}
  .sa-row-img{padding:5px}
  .sa-row-t{font-size:19px}
  .sa-row-x{display:none}
  .sa-body{font-size:17px}
  .sa-body>p:first-child{font-size:19px}
  .sa-body h2{font-size:25px}
  .sa-body blockquote{font-size:21px;padding-left:22px}
  .sa-form-r{grid-template-columns:1fr}
  .sa-foot-in{grid-template-columns:1fr;padding:40px 16px 28px}.sa-foot-brand{grid-column:auto}
  .sa-copy{padding:16px}
}