.n2s-p8{--p8-granat:#002972;--p8-tekst:#091934;--p8-szary:#44516B;--p8-linia:#D5DBE5;--p8-ramka:#5F6E8C;--p8-blad:#C42B2B;--p8-link:#002972;box-sizing:border-box;max-width:46rem;margin:0 auto;padding:1.5rem 1rem 3rem;color:var(--p8-tekst);line-height:1.6;font-size:1rem}
.n2s-p8 *,.n2s-p8 *::before,.n2s-p8 *::after{box-sizing:border-box}
.n2s-p8 h1,.n2s-p8 h2,.n2s-p8 h3{-webkit-text-stroke:.028em currentColor;paint-order:stroke fill;color:var(--p8-granat);line-height:1.25;text-wrap:balance}
.n2s-p8-samodzielna .n2s-p8 h1,.n2s-p8-samodzielna .n2s-p8 h2,.n2s-p8-samodzielna .n2s-p8 h3{font-family:Quicksand,Poppins,system-ui,-apple-system,"Segoe UI",sans-serif}
.n2s-p8-samodzielna .n2s-p8 h1{font-size:1.6rem;margin:.2rem 0 1rem}.n2s-p8 h2{font-size:1.2rem;margin:1.6rem 0 .5rem}.n2s-p8 h3{font-size:1.05rem;margin:1.2rem 0 .4rem}
.n2s-p8-dokument h1{font-size:1.5rem}
.karta-strony .n2s-p8{max-width:none;padding:0}
.karta-strony .n2s-p8-karta,.karta-strony .n2s-p8-dokument{background:none;box-shadow:none;border-radius:0;padding:0}
.karta-strony .n2s-p8-dokument+.n2s-p8-wersje{border-top:1px solid var(--p8-linia);padding-top:1rem}
.n2s-p8 p,.n2s-p8 li{margin:.45rem 0}.n2s-p8 ul,.n2s-p8 ol{padding-left:1.4rem;margin:.5rem 0}
.n2s-p8 a{color:var(--p8-granat);text-underline-offset:2px}
.n2s-p8 a:focus-visible,.n2s-p8 button:focus-visible{outline:3px solid #007ED3;outline-offset:2px}
.n2s-p8-karta,.n2s-p8-dokument{background:#fff;border-radius:10px;padding:1.5rem 1.25rem;box-shadow:0 2px 10px 0 rgba(40,72,120,.14);overflow-wrap:anywhere}
/* komunikaty w pastelach sieci (design.md 4.2b): ostrzeżenie pomarańczowe, informacja niebieska, sukces zielony; rogi 8 px */
.n2s-p8-ostrzezenie{background:#FDEDE1;color:var(--p8-granat);border-radius:8px;padding:.85rem 1rem;font-weight:600}
.n2s-p8-info{background:#DFEBFB;color:var(--p8-granat);border-radius:8px;padding:.85rem 1rem}
.n2s-p8-sukces{background:#E1F4EE;color:#05603A;border-radius:8px;padding:1rem}
.n2s-p8-tabela{overflow-x:auto;-webkit-overflow-scrolling:touch;margin:.75rem 0}
.n2s-p8 table{border-collapse:collapse;width:100%;min-width:34rem;font-size:.92rem}
.n2s-p8 th,.n2s-p8 td{border:1px solid var(--p8-linia);padding:.45rem .6rem;text-align:left;vertical-align:top;overflow-wrap:normal}
.n2s-p8 th{background:#EAF0F7}
.n2s-p8-okruchy{font-size:.9rem;margin:0 0 .75rem}
.n2s-p8-wersje{margin-top:1.5rem;font-size:.95rem;color:var(--p8-szary)}.n2s-p8-wersje h2{font-size:1.05rem}
.n2s-p8-maly{font-size:.88rem;color:var(--p8-szary)}
.n2s-p8-lead{font-size:1.05rem;color:var(--p8-szary)}
.n2s-p8-spis{list-style:none;padding:0}.n2s-p8-spis li{padding:.55rem 0;border-bottom:1px solid var(--p8-linia)}
.n2s-p8-formularz{display:grid;gap:1.15rem;margin-top:1rem}
.n2s-p8-pole label{display:block;font-weight:600;margin-bottom:.3rem}
/* pola wg design.md 4.3: ramka 2 px #D5DBE5, rogi 8 px, min. 52 px, fokus niebieski z pierścieniem */
.n2s-p8-pole :where(input:not([type=checkbox],[type=radio]),select,textarea){display:block;width:100%;font:inherit;font-size:1rem;color:var(--p8-tekst);background:#fff;border:2px solid #D5DBE5;border-radius:8px;padding:.8rem 1rem;min-height:52px;transition:border-color .45s ease-in-out,box-shadow .45s ease-in-out}
.n2s-p8-pole :where(input:not([type=checkbox],[type=radio]),select,textarea):focus{outline:none;border-color:#007ED3;box-shadow:0 0 0 3px rgba(0,126,211,.25);animation:p8Sygnal 4s ease-out infinite}
@keyframes p8Sygnal{0%{box-shadow:0 0 0 3px rgba(0,126,211,.25),0 0 0 3px rgba(0,126,211,0)}4%{box-shadow:0 0 0 3px rgba(0,126,211,.25),0 0 0 3px rgba(0,126,211,.45)}32%,100%{box-shadow:0 0 0 3px rgba(0,126,211,.25),0 0 0 14px rgba(0,126,211,0)}}
/* lista wyboru wg design.md 4.3a (jak w formularzu strony korepetytora): kółko ze strzałką zamiast systemowego „⌄”, rozwinięta lista przylega do pola */
.n2s-p8-pole select{border-radius:999px;padding-left:20px;-webkit-appearance:none;appearance:none;cursor:pointer;padding-right:52px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;background:#fff no-repeat right 9px center/30px 30px url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 30 30'%3E%3Ccircle cx='15' cy='15' r='15' fill='%23DFEBFB'/%3E%3Cpath d='M15 9.5v11M20.5 15 15 20.5 9.5 15' fill='none' stroke='%23002972' stroke-width='2.2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E")}
@supports (appearance:base-select){.n2s-p8-pole select,.n2s-p8-pole select::picker(select){appearance:base-select}.n2s-p8-pole select{position:relative;display:flex;align-items:center;gap:6px;padding-right:48px;background-image:none}.n2s-p8-pole select::picker-icon{content:"";position:absolute;right:9px;top:50%;translate:0 -50%;width:30px;height:30px;border-radius:50%;background:#DFEBFB url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23002972' stroke-width='2.5' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M12 5v14M19 12l-7 7-7-7'/%3E%3C/svg%3E") center/15px 15px no-repeat;transition:rotate .45s ease-in-out}.n2s-p8-pole select:open::picker-icon{rotate:180deg}.n2s-p8-pole select:open{outline:none;border-color:#007ED3;box-shadow:0 0 0 3px rgba(0,126,211,.25);animation:p8Sygnal 4s ease-out infinite}.n2s-p8-pole select::picker(select){box-sizing:border-box;position-area:bottom;position-try-fallbacks:none;margin:0;width:calc(anchor-size(width) - anchor-size(height));min-width:0;max-height:min(20rem,100%);overflow-y:auto;padding:4px 0;border:2px solid #007ED3;border-top:0;border-radius:0 0 8px 8px;background:#fff;box-shadow:0 2px 10px 0 rgba(40,72,120,.14)}.n2s-p8-pole select option{gap:8px;padding:10px 14px;font-size:16px;color:var(--p8-tekst);white-space:normal;transition:none}.n2s-p8-pole select option:is(:hover,:focus,:focus-visible){outline:none;background:#F69A4F;color:var(--p8-granat)}.n2s-p8-pole select option:checked{font-weight:600;color:var(--p8-granat)}.n2s-p8-pole select option::checkmark{color:#DC7328}.n2s-p8-pole select option:is(:hover,:focus,:focus-visible)::checkmark{color:var(--p8-granat)}}
.n2s-p8-pole textarea{min-height:8rem;resize:vertical}
.n2s-p8-podpowiedz{font-size:.9rem;color:var(--p8-szary);margin:0 0 .35rem}
.n2s-p8-blad{color:var(--p8-blad);font-weight:600;font-size:.92rem;margin:.35rem 0 0}
.n2s-p8-pole-blad :where(input:not([type=checkbox],[type=radio]),select,textarea){border-color:var(--p8-blad)}
.n2s-p8-bledy{border:2px solid var(--p8-blad);background:#FDECEC;border-radius:8px;padding:.85rem 1rem}
.n2s-p8-bledy h2{color:var(--p8-blad);font-size:1rem;margin:0 0 .3rem}.n2s-p8-bledy ul{margin:0}
.n2s-p8 fieldset{border:0;margin:0;padding:0;min-width:0}
.n2s-p8 legend{font-weight:700;color:var(--p8-granat);margin:0 0 .4rem;padding:0}
.n2s-p8-wybory{display:grid;gap:.6rem}
.n2s-p8-wybor,.n2s-p8-zgoda{display:grid;grid-template-columns:1.5rem 1fr;gap:.6rem;align-items:start;cursor:pointer}
/* kafel wyboru: zaznaczony z pomarańczową ramką na pastelowym tle; pola wyboru i radia wg design.md 4.3 (zaznaczone pomarańczowe) */
.n2s-p8-wybor{padding:.85rem 1rem;border:2px solid #D5DBE5;border-radius:8px;background:#fff;transition:border-color .45s ease-in-out,background-color .45s ease-in-out}
.n2s-p8-wybor:has(input:checked){border-color:#F69A4F;background:#FDEDE1}
.n2s-p8-wybor input,.n2s-p8-zgoda input{-webkit-appearance:none;appearance:none;display:grid;place-items:center;flex:none;box-sizing:border-box;width:22px;height:22px;margin:.15rem 0 0;border:2px solid #D5DBE5;border-radius:6px;background:#fff;cursor:pointer;accent-color:auto;transition:background-color .45s ease-in-out,border-color .45s ease-in-out}
.n2s-p8-wybor input::after,.n2s-p8-zgoda input::after{content:"";width:14px;height:14px;background:var(--p8-granat);-webkit-mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='3.2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M5 12.5l4.5 4.5L19 7.5'/%3E%3C/svg%3E") center/contain no-repeat;mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='3.2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M5 12.5l4.5 4.5L19 7.5'/%3E%3C/svg%3E") center/contain no-repeat;transform:scale(0);transition:transform .45s ease-in-out}
.n2s-p8-wybor input[type=radio],.n2s-p8-zgoda input[type=radio]{border-radius:50%}
.n2s-p8-wybor input[type=radio]::after,.n2s-p8-zgoda input[type=radio]::after{width:8px;height:8px;border-radius:50%;-webkit-mask:none;mask:none}
.n2s-p8-wybor input:checked,.n2s-p8-zgoda input:checked{background:#F69A4F;border-color:#F69A4F}
.n2s-p8-wybor input:checked::after,.n2s-p8-zgoda input:checked::after{transform:scale(1)}
.n2s-p8-wybor input:focus-visible,.n2s-p8-zgoda input:focus-visible{outline:none;box-shadow:0 0 0 3px rgba(0,126,211,.25)}
.n2s-p8-wybor strong{display:block;color:var(--p8-granat)}.n2s-p8-wybor small{display:block;color:var(--p8-szary);font-size:.9rem}
.n2s-p8-zgoda{margin:.55rem 0}
.n2s-p8-przyciski{display:flex;flex-wrap:wrap;gap:.75rem;align-items:center;margin-top:.5rem}
/* przyciski wg design.md 4.1: pigułka z pomarańczowym kółkiem ze strzałką 3 px od krawędzi; główny granatowy, drugi jasnoniebieski;
   na telefonie na całą szerokość z napisem między środkiem przycisku a środkiem wolnego miejsca (niewidoczny odstęp 55% kółka) */
.n2s-p8-przycisk{--p8-wys:52px;display:inline-flex;align-items:center;justify-content:space-between;gap:.75rem;width:100%;min-height:var(--p8-wys);padding:0 3px;border:0;border-radius:999px;background:var(--p8-granat);color:#fff;font:inherit;font-weight:600;line-height:1.2;text-decoration:none;cursor:pointer;text-align:center;transition:background-color .45s ease-in-out,color .45s ease-in-out}
.n2s-p8-przycisk::before{content:"";flex:none;width:calc((var(--p8-wys) - 6px) * .55)}
.n2s-p8-przycisk::after{content:"";flex:none;width:calc(var(--p8-wys) - 6px);height:calc(var(--p8-wys) - 6px);border-radius:50%;background:#F69A4F url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23002972' stroke-width='2.5' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M5 12h14'/%3E%3Cpath d='m12 5 7 7-7 7'/%3E%3C/svg%3E") center/46% no-repeat;transition:transform .45s ease-in-out}
.n2s-p8-przycisk:is(:hover,:focus-visible)::after{transform:rotate(360deg)}
.n2s-p8-przycisk-drugi{background:#DFEBFB;color:var(--p8-granat)}
/* przycisk tekstowy: kreska jak linki w tekście (design.md 4.4, reguła w glowna.css) */
.n2s-p8-przycisk-tekst{background-color:transparent;border:0;color:var(--p8-granat);font:inherit;font-weight:600;cursor:pointer;padding:0}
.n2s-p8-kod input{font-size:1.6rem;letter-spacing:.35em;text-align:center;max-width:14rem;font-variant-numeric:tabular-nums}
.n2s-p8-pulapka{position:absolute!important;left:-10000px!important;top:auto;width:1px;height:1px;overflow:hidden}
.n2s-p8-inne{margin-top:1rem}
.n2s-p8-krotkie textarea{min-height:4.5rem;height:5.5rem}
.n2s-p8 .n2s-p8-rola legend{font-weight:600;color:var(--p8-tekst);margin-bottom:.3rem}
.n2s-p8-etykieta{font-weight:600;margin:0 0 .3rem}
.n2s-p8 fieldset.n2s-p8-ip{display:grid;gap:1.15rem;border:2px solid #D5DBE5;border-radius:10px;padding:1rem}
.n2s-p8-formularz:has(select[name=kategoria]) .n2s-p8-ip{display:none}
.n2s-p8-formularz:has(select[name=kategoria] option[value=prawa_autorskie]:checked) .n2s-p8-ip{display:grid}
.n2s-p8-punkt{margin-top:1.5rem;font-size:.92rem}.n2s-p8-punkt p{margin:.25rem 0}
@media (min-width:700px){.n2s-p8-samodzielna .n2s-p8{padding:2.5rem 1.5rem 4rem}.n2s-p8-samodzielna .n2s-p8-karta,.n2s-p8-samodzielna .n2s-p8-dokument{padding:2.25rem 2.5rem}.n2s-p8-przycisk{width:auto;justify-content:center;padding-left:1.45rem}.n2s-p8-przycisk::before{display:none}}
body.n2s-p8-samodzielna{margin:0;background:#F1F5FA;color:#091934;font:16px/1.6 Poppins,system-ui,-apple-system,"Segoe UI",sans-serif}
.n2s-p8-pomin{position:absolute;left:-10000px;top:0;background:#fff;color:#002972;padding:.5rem 1rem;z-index:10}.n2s-p8-pomin:focus{left:1rem;top:1rem}
.n2s-p8-naglowek{background:#fff;border-bottom:1px solid #DCE3EE;padding:.75rem 1rem}.n2s-p8-naglowek img{display:block;height:40px;width:auto}
.n2s-p8-stopka{max-width:46rem;margin:0 auto;padding:1.5rem 1rem 2.5rem;font-size:.88rem;color:#44516B}.n2s-p8-stopka a{color:#002972}
@media (prefers-reduced-motion:reduce){.n2s-p8 *{transition:none!important;animation:none!important}}