/**
 * Strony narzędzi numerologicznych. Paleta i rytm jak w wiemwiecej-astro:
 * granat #0d1240, złoto #b3922e, tekst #4a4860, hero kremowe #faf7f0,
 * bezszeryfowo, przyciski w formie linków tekstowych.
 */
.wwn-strona{background:#fff;}
.wwn-in{max-width:1180px;margin:0 auto;padding:0 40px;}

/* ── Okruszki ─────────────────────────────────────────────────────── */
.wwn-crumbs{background:#0d1240;padding:16px 0;}
.wwn-crumbs .wwn-in{display:flex;gap:10px;align-items:center;font-size:11px;letter-spacing:.16em;
	text-transform:uppercase;color:rgba(255,255,255,.5);flex-wrap:wrap;}
.wwn-crumbs a{color:rgba(255,255,255,.62);text-decoration:none;}
.wwn-crumbs a:hover{color:#e8b64c;}
.wwn-crumbs-cur{color:#e8b64c;}

/* ── Hero ─────────────────────────────────────────────────────────── */
.wwn-hero{background:#faf7f0;border-bottom:1px solid #ece5d6;padding:54px 0 44px;}
.wwn-eyebrow{font-size:11px;letter-spacing:.22em;text-transform:uppercase;color:#b3922e;
	font-weight:700;margin-bottom:12px;}
.wwn-strona h1{font-size:40px;line-height:1.15;font-weight:700;color:#0d1240;margin:0 0 16px;
	letter-spacing:-.5px;max-width:820px;}
.wwn-lead{font-size:16.5px;line-height:1.75;color:#4a4860;margin:0;max-width:760px;}
.wwn-cta{display:inline-block;margin-top:18px;font-size:12px;font-weight:700;letter-spacing:.14em;
	text-transform:uppercase;color:#b3922e;text-decoration:none;}
.wwn-cta:hover{color:#0d1240;}
.wwn-cta span{padding-left:4px;}

/* ── Przełącznik narzędzi (odnośniki, nie przyciski) ──────────────── */
.wwn-tabs-wrap{border-bottom:1px solid #ecebf3;background:#fff;}
.wwn-tabs{display:flex;gap:26px;flex-wrap:wrap;}
.wwn-tab{position:relative;padding:18px 2px 15px;font-size:12px;font-weight:700;letter-spacing:.14em;
	text-transform:uppercase;color:#8a87a0;text-decoration:none;transition:color .18s ease;}
.wwn-tab:hover{color:#0d1240;}
.wwn-tab.is-akt{color:#0d1240;}
.wwn-tab.is-akt::after{content:"";position:absolute;left:0;right:0;bottom:-1px;height:2px;background:#b3922e;}

/* ── Formularz ────────────────────────────────────────────────────── */
.wwn-kalk{padding:34px 0 10px;}
.wwn-form{background:#faf7f0;border:1px solid #ece5d6;border-radius:4px;padding:28px 30px 24px;
	max-width:860px;}
.wwn-pola{display:grid;grid-template-columns:100px 190px 120px;gap:16px;justify-content:start;}
.wwn-pole{display:flex;flex-direction:column;min-width:0;}
.wwn-pole label{font-size:11px;font-weight:700;letter-spacing:.14em;text-transform:uppercase;
	color:#8a87a0;margin-bottom:7px;}
.wwn-form select,.wwn-form input[type=text]{width:100%;font-family:inherit;font-size:15px;color:#0d1240;
	background:#fff;border:1px solid #e2dcd0;border-radius:3px;padding:11px 12px;height:44px;}
.wwn-form select:focus,.wwn-form input[type=text]:focus{outline:2px solid #b3922e;outline-offset:1px;}

/* Slot o stałej wysokości: pole na imię albo zdanie wyjaśniające.
   Dzięki temu karta ma tę samą wysokość na wszystkich trzech adresach
   i układ nie skacze przy przełączaniu narzędzi. */
.wwn-slot{min-height:111px;box-sizing:border-box;display:flex;align-items:flex-end;padding-top:18px;}
.wwn-pole-imie{width:100%;}
.wwn-podpowiedz{font-size:12.5px;color:#8a87a0;margin-top:6px;}
.wwn-slot-info{font-size:14px;line-height:1.6;color:#5a5870;margin:0;}

.wwn-akcje{display:flex;align-items:center;gap:18px;margin-top:20px;flex-wrap:wrap;}
.wwn-submit{font-family:inherit;font-size:12px;font-weight:700;letter-spacing:.14em;text-transform:uppercase;
	color:#fff;background:#0d1240;border:none;border-radius:3px;padding:13px 30px;cursor:pointer;
	transition:background .18s ease;}
.wwn-submit:hover{background:#b3922e;}
.wwn-blad{font-size:13.5px;color:#8a2f2f;font-weight:700;}
.wwn-prywatnosc{font-size:12.5px;line-height:1.6;color:#8a87a0;margin:16px 0 0;}
.wwn-noscript p,.wwn-noscript{font-size:14px;color:#5a5870;}

/* ── Wynik: część wspólna ─────────────────────────────────────────── */
.wwn-wynik{padding:34px 0 10px;max-width:860px;}
.wwn-wynik:focus{outline:none;}
.wwn-glowna-et,.wwn-karta-et{font-size:11px;font-weight:700;letter-spacing:.2em;text-transform:uppercase;
	color:#b3922e;margin-bottom:10px;}
.wwn-glowna-n{font-size:86px;line-height:1;font-weight:700;color:#0d1240;letter-spacing:-2px;}
.wwn-glowna-n.is-mistrzowska{color:#b3922e;}
.wwn-mistrzowska-info{font-size:14px;line-height:1.7;color:#5a5870;margin:14px 0 0;max-width:560px;}
.wwn-kroki{font-size:14px;color:#8a87a0;margin:12px 0 0;}

/* ── Wynik: matryca ───────────────────────────────────────────────── */
.wwn-matryca{display:grid;grid-template-columns:minmax(0,1.1fr) minmax(0,.9fr);gap:36px;align-items:start;}
.wwn-matryca-rysunek svg{width:100%;height:auto;display:block;}
.wwn-linie{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin:22px 0 26px;}
.wwn-linia{background:#faf7f0;border:1px solid #ece5d6;border-radius:3px;padding:12px 14px;}
.wwn-linia-et{display:block;font-size:10.5px;font-weight:700;letter-spacing:.14em;text-transform:uppercase;
	color:#8a87a0;margin-bottom:5px;}
.wwn-linia-n{font-size:24px;font-weight:700;color:#0d1240;}
.wwn-tabela{width:100%;border-collapse:collapse;font-size:14px;}
.wwn-tabela caption{text-align:left;font-size:11px;font-weight:700;letter-spacing:.14em;text-transform:uppercase;
	color:#8a87a0;padding-bottom:10px;}
.wwn-tabela th{text-align:left;font-weight:400;color:#0d1240;padding:10px 12px 10px 0;
	border-bottom:1px solid #f2f1f7;}
.wwn-tab-op{display:block;font-size:12px;color:#8a87a0;}
.wwn-tabela td.wwn-tab-n{text-align:right;font-size:19px;font-weight:700;color:#b3922e;
	padding:10px 0;border-bottom:1px solid #f2f1f7;width:60px;}
.wwn-matryca-akcje{grid-column:1 / -1;}
.wwn-pobierz{font-family:inherit;font-size:12px;font-weight:700;letter-spacing:.14em;text-transform:uppercase;
	color:#b3922e;background:none;border:1px solid #e2d5b0;border-radius:3px;padding:12px 24px;cursor:pointer;
	transition:background .18s ease,color .18s ease;}
.wwn-pobierz:hover{background:#b3922e;color:#fff;}

/* ── Wynik: portret ───────────────────────────────────────────────── */
.wwn-portret-info{font-size:13px;color:#8a87a0;margin:0 0 22px;}
.wwn-portret-info b{color:#0d1240;letter-spacing:.08em;}
.wwn-karty{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;}
.wwn-karta{background:#faf7f0;border:1px solid #ece5d6;border-radius:4px;padding:20px 20px 18px;
	display:flex;flex-direction:column;}
.wwn-karta.is-mistrzowska{border-color:#d8c68a;}
.wwn-karta-n{font-size:44px;line-height:1;font-weight:700;color:#0d1240;letter-spacing:-1px;}
.wwn-karta.is-mistrzowska .wwn-karta-n{color:#b3922e;}
.wwn-karta-zrodlo{font-size:12.5px;color:#8a87a0;margin-top:8px;}
.wwn-karta-opis{font-size:14px;line-height:1.7;color:#4a4860;margin:12px 0 0;}
.wwn-karta-brak{color:#8a2f2f;font-size:12px;}
.wwn-karta .wwn-cta{margin-top:auto;padding-top:16px;}

/* ── Sekcje treści ────────────────────────────────────────────────── */
.wwn-tresc{padding:34px 0 6px;}
.wwn-tresc-in{max-width:820px;}
.wwn-strona h2{font-size:27px;line-height:1.25;font-weight:700;color:#0d1240;margin:0 0 16px;letter-spacing:-.2px;}
.wwn-strona h2 em{font-style:normal;color:#b3922e;}
.wwn-tresc p{font-size:15.5px;line-height:1.85;color:#4a4860;margin:0 0 16px;}

/* Ramka widoczna wyłącznie dla zalogowanej redakcji. */
.wwn-placeholder{border:1px dashed #d8cba8;border-radius:3px;background:#fffdf6;padding:16px 18px;
	display:flex;flex-direction:column;gap:5px;}
.wwn-placeholder-et{font-size:10px;font-weight:700;letter-spacing:.18em;text-transform:uppercase;color:#b3922e;}
.wwn-placeholder strong{font-size:15px;color:#0d1240;}
.wwn-placeholder-w{font-size:13.5px;line-height:1.6;color:#8a87a0;}

/* ── Podstrona liczby ─────────────────────────────────────────────── */
.wwn-hero-liczba-in{display:flex;align-items:center;justify-content:space-between;gap:48px;}
.wwn-hero-txt{min-width:0;}
.wwn-liczba-znak{flex:none;width:190px;height:190px;border-radius:50%;background:#fff;
	border:1px solid #e2d5b0;display:flex;align-items:center;justify-content:center;
	font-size:82px;font-weight:700;color:#0d1240;letter-spacing:-2px;}
.wwn-liczba-znak.is-mistrzowska{background:#0d1240;color:#e8b64c;border-color:#0d1240;}
.wwn-inne{padding:48px 0 60px;border-top:1px solid #ecebf3;margin-top:36px;}
.wwn-liczby-grid{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:12px;}
.wwn-liczba-kafel{display:flex;flex-direction:column;align-items:center;gap:4px;padding:18px 10px;
	background:#faf7f0;border:1px solid #ece5d6;border-radius:4px;text-decoration:none;
	transition:transform .18s ease,border-color .18s ease;}
.wwn-liczba-kafel:hover{transform:translateY(-3px);border-color:#c8b97a;}
.wwn-liczba-kafel-n{font-size:28px;font-weight:700;color:#0d1240;line-height:1;}
.wwn-liczba-kafel.is-mistrzowska .wwn-liczba-kafel-n{color:#b3922e;}
.wwn-liczba-kafel-et{font-size:10px;letter-spacing:.14em;text-transform:uppercase;color:#8a87a0;}

/* ── Wąskie ekrany ────────────────────────────────────────────────── */
@media(max-width:900px){
	.wwn-in{padding:0 22px;}
	.wwn-strona h1{font-size:30px;}
	.wwn-matryca{grid-template-columns:minmax(0,1fr);gap:26px;}
	.wwn-karty{grid-template-columns:repeat(2,minmax(0,1fr));}
	.wwn-hero-liczba-in{flex-direction:column;align-items:flex-start;gap:24px;}
	.wwn-liczba-znak{width:130px;height:130px;font-size:56px;align-self:center;}
	.wwn-liczby-grid{grid-template-columns:repeat(4,minmax(0,1fr));}
}
@media(max-width:640px){
	.wwn-pola{grid-template-columns:minmax(0,1fr);gap:12px;}
	/* wysokość slotu zostaje także na telefonie: bez tego karta skacze
	   przy przełączaniu z portretu na pozostałe dwa narzędzia */
	.wwn-slot{min-height:111px;padding-top:14px;}
	.wwn-karty{grid-template-columns:minmax(0,1fr);}
	.wwn-linie{grid-template-columns:minmax(0,1fr);}
	.wwn-glowna-n{font-size:66px;}
	.wwn-tabs{gap:18px;}
	.wwn-tab{font-size:11px;letter-spacing:.1em;}
	.wwn-form{padding:22px 20px 20px;}
	.wwn-liczby-grid{grid-template-columns:repeat(3,minmax(0,1fr));}
}