/* ═══════════════════════════════════════════════════════════════════════
   Ty i druga osoba — synastria (układ wg makiety „Para")
   ═══════════════════════════════════════════════════════════════════════
   Noc + złoto; dwoje ludzi jako dwa profile po bokach jednego koła.
   Harmonia = złoto, wyzwania = żar, potencjał = lawenda. */

.tsy-strona {
	--tlo:          #020316;
	--tlo-panel:    #070518;
	--tlo-karta:    #08061a;
	--zloto:        #fde291;
	--zloto-cieply: #f9d57a;
	--zloto-ciemne: #e6c48a;
	--zloto-etyk:   #cda474;
	--lawenda:      #ad97d3;
	--lawenda-jasna:#c9b8ef;
	--niebieski:    #6d9be6;
	--zar:          #e8752f;
	--tekst:        #aba9b6;
	--tekst-slaby:  #9393a7;
	--tekst-mocny:  #e0dbde;
	--neon:         #a06ffb;
	--serif: 'Cormorant Garamond', 'Times New Roman', serif;
	--sans:  'Jost', system-ui, -apple-system, 'Segoe UI', sans-serif;
	position: relative; max-width: 1520px; margin: 0 auto; color: var( --tekst ); font-family: var( --sans ); font-weight: 300; background: var( --tlo-obraz ) center top / 100% auto no-repeat, var( --stopka ) center bottom / 100% auto no-repeat, var( --tlo ); overflow-x: clip;
}
.tsy-strona *, .tsy-strona *::before, .tsy-strona *::after { box-sizing: border-box; }
body:has( .tsy-strona ) .wp-site-blocks > header, body:has( .tsy-strona ) header.wp-block-template-part, body:has( .tsy-strona ) .wp-site-blocks > footer, body:has( .tsy-strona ) footer.wp-block-template-part, body:has( .tsy-strona ) .wp-block-post-title { display: none !important; }
body:has( .tsy-strona ) .wp-site-blocks, body:has( .tsy-strona ) .wp-block-group, body:has( .tsy-strona ) .wp-block-post-content { padding: 0 !important; margin: 0 !important; max-width: none !important; }
body:has( .tsy-strona ) .wp-block-post-content > *, body:has( .tsy-strona ) .entry-content > * { max-width: none !important; margin-left: 0 !important; margin-right: 0 !important; }
body:has( .tsy-strona ) { background: #020316; }
body:has( .tsy-strona ) .wp-block-post-content > .tsy-strona, body:has( .tsy-strona ) .entry-content > .tsy-strona, .tsy-strona { max-width: 1520px !important; margin-left: auto !important; margin-right: auto !important; }
.tsy-proba { margin: 0; padding: 10px 20px; font-size: 11px; letter-spacing: .18em; text-transform: uppercase; color: var( --tekst-slaby ); text-align: center; border-bottom: 1px solid rgba( 230, 196, 138, .12 ); }

/* ─────────────────────────────  wspólne  ─────────────────────────── */

.tsy-nad { margin: 0 0 10px; font-size: 11px; letter-spacing: .34em; text-transform: uppercase; color: var( --zloto-etyk ); }
.tsy-nad i { font-style: normal; color: var( --zloto-ciemne ); margin: 0 10px; }
.tsy-tytul { margin: 0 0 18px; font-family: var( --serif ); font-weight: 500; font-size: clamp( 40px, 5.2vw, 64px ); line-height: 1.08; letter-spacing: .02em; color: var( --zloto-cieply ); }
.tsy-lead { max-width: 44ch; margin: 0 auto 26px; font-size: 16px; line-height: 1.7; color: var( --tekst-mocny ); }
.tsy-cta { margin: 0; }
.tsy-btn { display: inline-block; height: 46px; padding: 0 28px; border: 1px solid var( --zloto-ciemne ); border-radius: 999px; background: linear-gradient( 180deg, rgba( 253, 226, 145, .18 ), rgba( 253, 226, 145, .04 ) ); color: var( --zloto ); font: 400 12px/44px var( --sans ); letter-spacing: .22em; text-transform: uppercase; cursor: pointer; transition: background .2s, box-shadow .2s; }
.tsy-btn:hover { background: rgba( 253, 226, 145, .24 ); box-shadow: 0 0 24px rgba( 253, 226, 145, .2 ); }
.tsy-btn:focus-visible, .tsy-strona button:focus-visible { outline: 2px solid var( --neon ); outline-offset: 3px; }
.tsy-blok__nad { margin: 0 0 6px; text-align: center; font-size: 12px; letter-spacing: .32em; text-transform: uppercase; color: var( --zloto ); }
.tsy-blok__pod { margin: 0 0 20px; text-align: center; font-size: 13.5px; color: var( --tekst-slaby ); }
.jest-harmonia, .jest-zgoda { --k: var( --zloto ); }
.jest-tarcie { --k: #7f9be6; }
.jest-potencjal { --k: var( --lawenda-jasna ); }
.tsy-bok { position: absolute; top: auto; bottom: -96px; transform: none; margin: 0; width: 320px; font-size: 11.5px; letter-spacing: .28em; text-transform: uppercase; line-height: 2; color: var( --zloto ); z-index: 2; }
.tsy-bok b { display: block; margin-bottom: 12px; font-weight: 400; font-size: 14px; letter-spacing: .38em; color: var( --zloto ); }
.tsy-bok span { display: block; color: var( --zloto-ciemne ); }
.tsy-bok--l { left: 20px; text-align: center; }
.tsy-bok--p { right: 20px; text-align: center; }

/* ─────────────────────────────  hero  ────────────────────────────── */

.tsy-hero { position: relative; min-height: 640px; display: grid; place-items: center; padding: 90px 220px 90px; text-align: center; background: none; }
.tsy-hero__tresc { max-width: 620px; }
.tsy-hero .tsy-tytul { max-width: 15ch; margin-left: auto; margin-right: auto; }

/* ─────────────────────────────  formularz  ───────────────────────── */

.tsy-form { position: relative; z-index: 1; display: grid; grid-template-columns: 1fr 1fr; gap: 22px 34px; max-width: 1520px; margin: -20px auto 40px; padding: 30px 34px; border: 1px solid rgba( 160, 111, 251, .4 ); border-radius: 18px; background: var( --tlo-panel ); box-shadow: 0 0 30px rgba( 116, 66, 214, .25 ); }
.tsy-form[hidden] { display: none; }
.tsy-osoba { margin: 0; padding: 18px 20px 20px; border: 1px solid rgba( 230, 196, 138, .22 ); border-radius: 14px; display: grid; grid-template-columns: 1fr 1fr; gap: 12px; }
.tsy-osoba[data-osoba="b"] { border-color: rgba( 173, 151, 211, .32 ); }
.tsy-osoba legend { padding: 0 10px; font-family: var( --serif ); font-size: 19px; letter-spacing: .06em; color: var( --zloto ); }
.tsy-osoba[data-osoba="b"] legend { color: var( --lawenda-jasna ); }
.tsy-pole { display: grid; gap: 6px; position: relative; }
.tsy-pole--miasto { grid-column: 1 / -1; }
.tsy-osoba .tsy-pole:first-of-type { grid-column: 1 / -1; }
.tsy-pole > span { font-size: 10.5px; letter-spacing: .22em; text-transform: uppercase; color: var( --zloto-etyk ); }
.tsy-pole input { width: 100%; height: 42px; padding: 0 14px; border: 1px solid rgba( 230, 196, 138, .28 ); border-radius: 10px; background: rgba( 2, 3, 22, .7 ); color: var( --tekst-mocny ); font: 300 15px var( --sans ); color-scheme: dark; outline: none; transition: border-color .2s, box-shadow .2s; }
.tsy-pole input:focus { border-color: var( --neon ); box-shadow: 0 0 0 3px rgba( 160, 111, 251, .18 ); }
.tsy-podpowiedzi { position: absolute; top: 100%; left: 0; right: 0; z-index: 5; margin: 6px 0 0; padding: 6px 0; list-style: none; border: 1px solid rgba( 230, 196, 138, .28 ); border-radius: 10px; background: #0b0820; box-shadow: 0 18px 40px rgba( 0, 0, 0, .5 ); max-height: 240px; overflow: auto; }
.tsy-podpowiedzi[hidden] { display: none; }
.tsy-podpowiedzi li { padding: 9px 14px; cursor: pointer; font-size: 14px; color: var( --tekst-mocny ); }
.tsy-podpowiedzi li:hover { background: rgba( 160, 111, 251, .16 ); }
.tsy-podpowiedzi small { color: var( --tekst-slaby ); margin-left: 8px; }
.tsy-form__dol { grid-column: 1 / -1; display: flex; align-items: center; justify-content: space-between; gap: 20px; }
.tsy-drobne { margin: 0; font-size: 12.5px; color: var( --tekst-slaby ); }
.tsy-blad { grid-column: 1 / -1; margin: 0; color: #f3a1a1; font-size: 13.5px; text-align: center; }
.tsy-blad[hidden] { display: none; }

/* ─────────────────────────────  środek: profile + koło  ──────────── */

.tsy-wynik[hidden] { display: none; }
.tsy-srodek { display: grid; grid-template-columns: minmax( 260px, 360px ) minmax( 360px, 700px ) minmax( 260px, 360px ); gap: 34px; align-items: center; justify-content: center; max-width: none; margin: 30px auto 0; padding: 0 20px; }
.tsy-profil { position: relative; margin-top: 30px; padding: 22px 22px 14px; border: 1px solid rgba( 230, 196, 138, .55 ); border-radius: 14px; background: rgba( 7, 6, 26, .55 ); backdrop-filter: blur( 8px ); box-shadow: 0 0 0 1px rgba( 230, 196, 138, .08 ), 0 20px 40px rgba( 0, 0, 0, .35 ); }
.tsy-profil--b { border-color: rgba( 230, 196, 138, .55 ); }
.tsy-profil__nad { position: absolute; top: -30px; left: 0; right: 0; margin: 0; text-align: center; font-size: 12px; letter-spacing: .34em; text-transform: uppercase; color: var( --zloto ); }
.tsy-profil--b .tsy-profil__nad { color: var( --zloto ); }
.tsy-profil__glowa { display: flex; align-items: center; gap: 16px; margin: 0 0 16px; }
.tsy-profil__ikona { display: grid; place-items: center; width: 72px; height: 72px; border-radius: 999px; font-style: normal; color: var( --zloto ); flex: 0 0 auto; }
.tsy-profil__ikona svg { width: 64px; height: 64px; }
.tsy-profil__ikona img { width: 72px; height: 72px; filter: drop-shadow( 0 0 10px rgba( 253, 226, 145, .35 ) ); }
.tsy-profil--b .tsy-profil__ikona { color: #cfe0ff; }
.tsy-profil__imie { display: block; font: 500 24px/1.2 var( --serif ); color: #f2eef4; }
.tsy-profil__data { display: block; font-size: 13px; line-height: 1.6; color: #c9c5d4; }
.tsy-profil__osie { display: grid; gap: 0; }
.tsy-profil__os { display: grid; grid-template-columns: 30px 92px 1fr; align-items: center; gap: 12px; padding: 11px 4px; border: 0; border-top: 1px solid rgba( 230, 196, 138, .18 ); background: none; color: #d8d4e0; font: 300 14px var( --sans ); text-align: left; cursor: pointer; }
.tsy-profil__os:hover { background: rgba( 253, 226, 145, .06 ); }
.tsy-profil__os:disabled { opacity: .5; cursor: default; }
.tsy-profil__os i { display: grid; place-items: center; width: 26px; height: 26px; border: 1px solid var( --zloto-ciemne ); border-radius: 999px; font: 400 14px var( --serif ); font-style: normal; color: var( --zloto ); }
.tsy-profil__os b { font-weight: 400; color: #f2eef4; }

.tsy-kolo { display: flex; flex-direction: column; align-items: center; }
.tsy-kolo__svg { width: 100%; height: auto; }
.tsy-kolo__pierscien { fill: rgba( 5, 7, 26, .5 ); stroke: rgba( 230, 196, 138, .55 ); stroke-width: 1.2; }
.tsy-kolo__pierscien--cienki { fill: none; stroke: rgba( 230, 196, 138, .28 ); stroke-width: 1; }
.tsy-kolo__pierscien--srodek { stroke: rgba( 230, 196, 138, .3 ); fill: rgba( 3, 4, 20, .62 ); }
.tsy-kolo__kreska { stroke: rgba( 230, 196, 138, .3 ); stroke-width: 1; }
.tsy-kolo__znak { font-size: 17px; fill: var( --zloto ); }
.tsy-kolo__planeta { font-size: 15px; font-family: var( --serif ); }
.tsy-kolo__planeta.jest-a { fill: var( --zloto ); }
.tsy-kolo__planeta.jest-b { fill: var( --lawenda-jasna ); }
.tsy-kolo__wskaznik { stroke-width: 1; }
.tsy-kolo__wskaznik.jest-a { stroke: rgba( 253, 226, 145, .55 ); }
.tsy-kolo__wskaznik.jest-b { stroke: rgba( 201, 184, 239, .55 ); }
.tsy-kolo__nic { stroke-linecap: round; opacity: .9; stroke: var( --k, var( --zloto ) ); }
.tsy-kolo__nic.jest-tarcie { stroke: #d3d9ef; }
.tsy-kolo__legenda .jest-tarcie { color: #d3d9ef; }
.tsy-kolo__legenda { margin: 8px 0 0; display: flex; gap: 22px; font-size: 11.5px; letter-spacing: .14em; text-transform: uppercase; color: var( --tekst-slaby ); }
.tsy-kolo__legenda .jest-a { color: var( --zloto ); }
.tsy-kolo__legenda .jest-b { color: var( --lawenda-jasna ); }
.tsy-kolo__legenda .jest-zgoda { color: var( --zloto ); }
.tsy-kolo__legenda .jest-tarcie { color: #7f9be6; }

/* ─────────────────────────────  ocena  ───────────────────────────── */

.tsy-srodkowa { position: relative; margin-top: 30px; padding: 10px 0 40px; background: linear-gradient( 180deg, rgba( 2, 3, 22, 0 ), rgba( 2, 3, 22, .78 ) 120px, rgba( 2, 3, 22, .82 ) calc( 100% - 160px ), rgba( 2, 3, 22, 0 ) ); }
.tsy-ocena { display: grid; grid-template-columns: auto minmax( 0, 1fr ); align-items: center; gap: 44px; max-width: 1180px; margin: 36px auto 0; padding: 0 20px; }
.tsy-ocena__medalion { position: relative; display: grid; place-items: center; width: 150px; height: 150px; border-radius: 999px; border: 2px solid var( --zloto ); background: radial-gradient( circle at 50% 35%, rgba( 253, 226, 145, .14 ), transparent 62% ), rgba( 5, 6, 24, .8 ); box-shadow: 0 0 0 7px rgba( 5, 6, 24, .8 ), 0 0 0 8px rgba( 230, 196, 138, .5 ), 0 0 44px rgba( 253, 226, 145, .3 ); }
.tsy-ocena__liczba { position: absolute; inset: 0; display: grid; place-items: center; font-family: var( --serif ); font-weight: 500; font-size: 64px; line-height: 1; font-variant-numeric: lining-nums; font-feature-settings: "lnum" 1, "pnum" 1; color: var( --zloto ); padding-bottom: 2px; }
.tsy-ocena__z { position: absolute; bottom: 18px; font-size: 9.5px; letter-spacing: .24em; text-transform: uppercase; color: var( --zloto-etyk ); }
.tsy-ocena__tekst { display: grid; min-width: 0; }
.tsy-ocena__tytul { margin: 0 0 18px; font-family: var( --serif ); font-weight: 500; font-size: 32px; letter-spacing: .02em; color: var( --zloto-cieply ); line-height: 1.15; }
/* pasek: trzy pasma z poświatą, przejścia barw, tło jak nić srebra */
.tsy-pas { position: relative; display: flex; height: 10px; border-radius: 999px; background: linear-gradient( 90deg, rgba( 255, 255, 255, .05 ), rgba( 255, 255, 255, .1 ), rgba( 255, 255, 255, .05 ) ); box-shadow: inset 0 0 0 1px rgba( 230, 196, 138, .18 ); }
.tsy-pas i { position: relative; display: block; height: 100%; background: var( --k ); transition: width .9s cubic-bezier( .2, .7, .2, 1 ); }
.tsy-pas i::after { content: ''; position: absolute; inset: 1px 0 auto; height: 3px; border-radius: 999px; background: linear-gradient( 90deg, transparent, rgba( 255, 255, 255, .45 ), transparent ); }
.tsy-pas i.jest-harmonia { border-radius: 999px 0 0 999px; background: linear-gradient( 90deg, #e9b94f, #fbe08a 55%, #fff1c2 ); box-shadow: 0 0 14px rgba( 251, 224, 138, .7 ), 0 0 34px rgba( 249, 213, 122, .35 ); z-index: 2; }
.tsy-pas i.jest-tarcie { background: linear-gradient( 90deg, #9bb9ff, #5f86e6 45%, #3d5fc9 ); box-shadow: 0 0 14px rgba( 111, 150, 236, .7 ), 0 0 34px rgba( 80, 120, 220, .35 ); z-index: 1; }
.tsy-pas i.jest-potencjal { border-radius: 0 999px 999px 0; background: linear-gradient( 90deg, #8f93b4, #c9b8ef ); box-shadow: 0 0 14px rgba( 201, 184, 239, .6 ); }
.tsy-pas i:first-child { border-radius: 999px 0 0 999px; }
.tsy-pas i:last-child { border-radius: 0 999px 999px 0; }
.tsy-pas i[style*="width: 0%"] { display: none; }
.tsy-ocena__opis { display: flex; justify-content: center; gap: 34px; margin: 16px 0 0; font-size: 15px; letter-spacing: .02em; color: #e6e2ea; }
.tsy-ocena__opis span { display: inline-flex; align-items: center; gap: 9px; color: #e6e2ea; }
.tsy-ocena__opis span::before { content: ''; width: 9px; height: 9px; border-radius: 999px; background: var( --k ); box-shadow: 0 0 10px var( --k ); }
.tsy-ocena__link { justify-self: end; margin-top: 14px; color: var( --zloto ); }

/* ─────────────────────────────  tematy  ──────────────────────────── */

.tsy-tematy { display: grid; grid-template-columns: repeat( 6, minmax( 0, 1fr ) ); gap: 18px; max-width: none; margin: 44px auto 0; padding: 0; }
.tsy-temat { display: grid; justify-items: center; gap: 8px; padding: 12px 6px; border: 0; background: rgba( 7, 5, 24, .35 ); color: var( --tekst ); font: inherit; text-align: center; cursor: pointer; border-radius: 12px; transition: background .2s; animation: tsy-wejscie .6s both; animation-delay: calc( var( --i, 0 ) * 80ms ); }
.tsy-temat:hover { background: rgba( 253, 226, 145, .05 ); }
.tsy-temat__ikona { display: grid; place-items: center; width: 62px; height: 62px; border: 1px solid var( --zloto-ciemne ); border-radius: 999px; font: 400 22px var( --serif ); font-style: normal; color: var( --zloto ); box-shadow: 0 0 22px rgba( 253, 226, 145, .12 ); }
.tsy-temat:hover .tsy-temat__ikona { box-shadow: 0 0 28px rgba( 253, 226, 145, .3 ); }
.tsy-temat__tytul { font-weight: 400; font-size: 11px; letter-spacing: .26em; text-transform: uppercase; color: var( --zloto ); }
.tsy-temat__pyt { font-size: 12px; line-height: 1.4; color: var( --tekst-slaby ); }
@keyframes tsy-wejscie { from { opacity: 0; transform: translateY( 10px ); } to { opacity: 1; transform: none; } }

/* ─────────────────────────────  dwa kafle  ───────────────────────── */

.tsy-dwa { display: grid; grid-template-columns: 1fr 1fr; gap: 22px; max-width: none; margin: 44px auto 0; padding: 0; }
.tsy-kafel-duzy { display: grid; grid-template-columns: 200px 1fr; align-items: center; min-height: 150px; border: 1px solid rgba( 230, 196, 138, .28 ); border-radius: 16px; background: #0b0a22; text-decoration: none; overflow: hidden; transition: border-color .2s, box-shadow .2s; }
.tsy-kafel-duzy:hover { border-color: var( --zloto-ciemne ); box-shadow: 0 0 30px rgba( 253, 226, 145, .14 ); }
.tsy-kafel-duzy__obraz { display: block; height: 100%; min-height: 150px; background: var( --obraz ) center / cover no-repeat; -webkit-mask-image: linear-gradient( 90deg, #000 60%, transparent ); mask-image: linear-gradient( 90deg, #000 60%, transparent ); }
.tsy-kafel-duzy__tresc { display: grid; gap: 6px; padding: 20px 26px 20px 10px; }
.tsy-kafel-duzy__tresc b { font-weight: 400; font-size: 12px; letter-spacing: .3em; text-transform: uppercase; color: var( --zloto ); }
.tsy-kafel-duzy__tresc span { font-size: 14px; line-height: 1.5; color: var( --tekst-mocny ); }
.tsy-kafel-duzy__tresc i { margin-top: 6px; width: fit-content; padding: 8px 18px; border: 1px solid rgba( 230, 196, 138, .4 ); border-radius: 999px; font-style: normal; font-size: 10.5px; letter-spacing: .22em; text-transform: uppercase; color: var( --zloto-ciemne ); }

/* ─────────────────────────────  najważniejsze  ───────────────────── */

.tsy-wazne { max-width: none; margin: 50px auto 0; padding: 0; }
.tsy-wazne__lista { display: grid; grid-template-columns: repeat( 6, minmax( 0, 1fr ) ); gap: 12px; }
.tsy-wazny { display: grid; justify-items: center; gap: 4px; padding: 16px 10px 14px; border: 1px solid rgba( 230, 196, 138, .2 ); border-radius: 12px; background: #0b0a22; color: var( --tekst ); font: inherit; text-align: center; cursor: pointer; transition: border-color .2s, transform .2s; animation: tsy-wejscie .6s both; animation-delay: calc( var( --i, 0 ) * 80ms ); }
.tsy-wazny:hover { border-color: var( --k ); transform: translateY( -2px ); }
.tsy-wazny__glif { font: 400 22px var( --serif ); font-style: normal; color: var( --zloto ); }
.tsy-wazny__para { font-weight: 400; font-size: 13.5px; color: var( --tekst-mocny ); }
.tsy-wazny__aspekt { font-size: 11px; letter-spacing: .08em; color: var( --tekst-slaby ); }
.tsy-wazny__punkty { margin-top: 4px; font: 500 22px var( --serif ); color: var( --k ); }
.tsy-wazny.jest-zgoda .tsy-wazny__punkty { color: #7cc59a; }
.tsy-wazny.jest-tarcie .tsy-wazny__punkty { color: #f3a1a1; }
.tsy-wazny__krotko { font-size: 12px; line-height: 1.35; color: var( --tekst ); }

.tsy-cytat { max-width: 40ch; margin: 56px auto 0; text-align: center; font: italic 400 24px/1.4 var( --serif ); color: var( --zloto-cieply ); }
.tsy-linki { display: flex; justify-content: center; gap: 28px; margin: 26px 0 0; }
.tsy-zmien { padding: 0; border: 0; background: none; color: var( --zloto-ciemne ); font: 300 12.5px var( --sans ); letter-spacing: .18em; text-transform: uppercase; cursor: pointer; border-bottom: 1px solid rgba( 230, 196, 138, .3 ); }
.tsy-zmien:hover { color: var( --zloto ); border-color: var( --zloto ); }

.tsy-stopka { position: relative; min-height: 300px; margin: 40px 0 0; background: none; }

/* ─────────────────────────────  okna  ────────────────────────────── */

#astro-karta.tsy-okno .ak-hero img { width: 100%; height: 100%; object-fit: cover; }
#astro-karta.tsy-okno .ak-hero--temat { display: grid; place-items: center; min-height: 160px; background: radial-gradient( circle at 50% 45%, rgba( 253, 226, 145, .16 ), transparent 62% ), linear-gradient( 180deg, #0f0b26, #08061a ); }
.tsy-hero__ikona { display: grid; place-items: center; width: 96px; height: 96px; border: 1px solid #e6c48a; border-radius: 999px; font: 400 40px 'Cormorant Garamond', serif; color: #fde291; box-shadow: 0 0 34px rgba( 253, 226, 145, .3 ); }
#astro-karta.tsy-okno .ak-sekcja { margin: 14px 0 0; }
#astro-karta.tsy-okno .ak-sekcja > b { display: block; margin: 0 0 6px; font-weight: 400; font-size: 10.5px; letter-spacing: .26em; text-transform: uppercase; color: #cda474; }
#astro-karta.tsy-okno .tsy-opis { margin: 12px 0 0; padding: 14px 16px; border-left: 2px solid #e6c48a; background: rgba( 253, 226, 145, .04 ); }
#astro-karta.tsy-okno .tsy-opis .ak-akapit { margin: 0 0 10px; }
#astro-karta.tsy-okno .tsy-opis .ak-akapit:last-child { margin-bottom: 0; }
#astro-karta.tsy-okno .ak-akapit--punkt { padding-left: 14px; text-indent: -14px; }
#astro-karta.tsy-okno .ak-akapit--punkt::before { content: '— '; color: #cda474; }
#astro-karta.tsy-okno .tsy-opis__blad { color: #f3a1a1; }
.tsy-aspekty__lista--okno { display: grid; gap: 8px; }
.tsy-aspekt { display: flex; align-items: center; gap: 12px; padding: 8px 12px; border: 1px solid rgba( 230, 196, 138, .18 ); border-left: 3px solid var( --k, #fde291 ); border-radius: 10px; background: rgba( 2, 3, 22, .45 ); color: inherit; font: inherit; text-align: left; cursor: pointer; }
.tsy-aspekt:hover { background: rgba( 160, 111, 251, .1 ); }
.tsy-aspekt__glify { flex: 0 0 auto; font: 400 18px 'Cormorant Garamond', serif; letter-spacing: .06em; color: #fde291; min-width: 64px; }
.tsy-aspekt__tekst { display: grid; gap: 2px; min-width: 0; }
.tsy-aspekt__tekst b { font-weight: 400; font-size: 13.5px; color: #e0dbde; }
.tsy-aspekt__tekst small { font-size: 10.5px; letter-spacing: .08em; color: #9393a7; }
.tsy-chipy { display: flex; flex-wrap: wrap; gap: 6px; }
.tsy-chip { display: inline-flex; align-items: center; gap: 6px; padding: 4px 11px; border: 1px solid rgba( 230, 196, 138, .18 ); border-radius: 999px; font-size: 12px; color: #aba9b6; }
.tsy-chip b { font: 400 15px 'Cormorant Garamond', serif; color: #fde291; }

@media ( max-width: 1100px ) {
	.tsy-srodek { grid-template-columns: 1fr; }
	.tsy-profil { max-width: 420px; margin: 0 auto; width: 100%; }
	.tsy-tematy, .tsy-wazne__lista { grid-template-columns: repeat( 3, 1fr ); }
	.tsy-hero { padding: 60px 28px; }
	.tsy-bok { display: none; }
}
@media ( max-width: 700px ) {
	.tsy-form { grid-template-columns: 1fr; padding: 22px 18px; }
	.tsy-ocena { grid-template-columns: 1fr; text-align: center; justify-items: center; }
	.tsy-tematy, .tsy-wazne__lista, .tsy-dwa { grid-template-columns: 1fr 1fr; }
	.tsy-kafel-duzy { grid-template-columns: 120px 1fr; }
	.tsy-form__dol { flex-direction: column; }
}
@media ( prefers-reduced-motion: reduce ) {
	.tsy-temat, .tsy-wazny { animation: none; }
}

/* stopka strony: napisy boczne przy jeziorze */
.tsy-stopka .tsy-bok { bottom: 40px; }
/* okno tematu: opis na wierzchu, dane zwinięte */
#astro-karta.tsy-okno .tsy-opis__czeka { display: flex; align-items: center; gap: 12px; color: #cda474; font-size: 13px; letter-spacing: .06em; }
#astro-karta.tsy-okno .tsy-opis__czeka i { width: 18px; height: 18px; border: 2px solid rgba( 253, 226, 145, .25 ); border-top-color: #fde291; border-radius: 999px; animation: tsy-krecenie 1s linear infinite; flex: 0 0 auto; }
@keyframes tsy-krecenie { to { transform: rotate( 360deg ); } }
#astro-karta.tsy-okno details.tsy-dane { margin: 18px 0 0; border-top: 1px solid rgba( 230, 196, 138, .16 ); padding-top: 12px; }
#astro-karta.tsy-okno details.tsy-dane summary { cursor: pointer; font-size: 10.5px; letter-spacing: .26em; text-transform: uppercase; color: #cda474; list-style: none; }
#astro-karta.tsy-okno details.tsy-dane summary::before { content: '\25B8  '; }
#astro-karta.tsy-okno details.tsy-dane[open] summary::before { content: '\25BE  '; }