/* Karta wpisu: wariant G (wybrany 01.10.2026). Wyciąg ze stylów z build-warianty-wpisu.mjs (blog/_wariant-g). Zdjęcie nagłówka przez --post-ph. */
.wx-prog{position:fixed;top:0;left:0;height:3px;width:0;background:var(--gold);z-index:200}
.wx-main{padding:4.5rem 0 6rem}
.wx-grid{display:grid;grid-template-columns:minmax(0,1fr) 330px;gap:clamp(2.5rem,6vw,6.5rem);align-items:start}
.wx-art{max-width:47rem;font-size:1.07rem;line-height:1.84;color:rgba(238,232,220,.8)}
.wx-art p,.wx-art li,.wx-art h2{text-align:left!important;hyphens:manual}
.wx-art>*+*{margin-top:1.2rem}
.wx-lead{font:400 1.32rem/1.62 var(--serif);color:var(--paper)}
.wx-short{margin:2.6rem 0!important;padding:1.8rem 2rem;border:1px solid var(--gold-line);background:linear-gradient(180deg,rgba(184,150,90,.07),transparent)}
.wx-short>p{font:700 .7rem/1 var(--sans);letter-spacing:.24em;text-transform:uppercase;color:var(--gold);margin-bottom:1.1rem}
.wx-art .wx-short ul{list-style:none;padding:0;margin:0;display:grid;gap:.85rem}
.wx-art .wx-short li{margin:0;position:relative;padding-left:2rem;font-size:1rem;line-height:1.6;color:var(--paper)}
.wx-art .wx-short li::before{content:"";position:absolute;left:0;top:.75em;width:16px;height:1px;background:var(--gold)}
.wx-art h2{font:500 clamp(1.6rem,2.4vw,2.1rem)/1.22 var(--serif)!important;color:var(--paper);margin-top:3.6rem;padding-top:2.2rem;border-top:1px solid var(--gold-line);scroll-margin-top:7rem}
.wx-art h2 em{display:block;font:italic 500 1.05rem/1 var(--serif);color:var(--gold);margin-bottom:.8rem}
.wx-art ul{padding-left:1.3rem;list-style:disc}.wx-art li{margin-top:.6rem}.wx-art li::marker{color:var(--gold)}
.wx-art strong{color:var(--paper);font-weight:600}
.wx-art .w-expert{margin:2.4rem 0!important;padding:1.8rem 2rem;background:var(--ink-3);border-left:3px solid var(--gold)}
.w-expert-label{font:700 .68rem/1 var(--sans);letter-spacing:.24em;text-transform:uppercase;color:var(--gold);margin-bottom:.9rem!important}
.wx-art .w-expert p:last-child{font:italic 400 1.22rem/1.55 var(--serif);color:var(--paper)}
.wx-faq{margin-top:3.6rem!important;padding-top:2.2rem;border-top:1px solid var(--gold-line)}
.wx-faq h2{border:0;padding:0;margin:0 0 1rem}
.wx-faq details{border-bottom:1px solid var(--gold-line)}
.wx-faq summary{list-style:none;display:flex;justify-content:space-between;gap:1rem;align-items:center;padding:1.25rem 0;cursor:pointer;font:500 1.12rem/1.4 var(--serif);color:var(--paper)}
.wx-faq summary::-webkit-details-marker{display:none}.wx-faq summary svg{flex:none;width:20px;height:20px;color:var(--gold);transition:transform .3s}
.wx-faq details[open] summary svg{transform:rotate(45deg)}.wx-faq details p{padding:0 0 1.3rem;font-size:1rem;color:var(--muted)}
.wx-sign{display:grid;grid-template-columns:110px 1fr;gap:1.8rem;align-items:center;margin:4rem 0 0!important;padding:2.2rem;background:var(--ink-3);border:1px solid var(--gold-line)}
.wx-sign img{width:110px;height:138px;object-fit:cover;object-position:50% 15%}
.wx-sign .sig{font:400 2.5rem/1 Allura,cursive;color:var(--champagne)}.wx-sign small{display:block;font-size:.8rem;color:var(--muted);margin:.4rem 0 .9rem}
.wx-sign p{font-size:.95rem;line-height:1.65;color:var(--muted);margin:0!important}
.wx-side{position:sticky;top:7rem;display:grid;gap:1.3rem}
.wx-box{border:1px solid var(--gold-line);padding:1.4rem 1.2rem 1.2rem}
.wx-box-t{font:600 1.08rem/1 var(--serif);color:var(--paper);padding:0 .4rem 1rem;border-bottom:1px solid var(--gold-line);margin-bottom:.7rem}
.wx-toc ol{list-style:none;margin:0;padding:0;counter-reset:t}.wx-toc li{counter-increment:t}
.wx-toc a{position:relative;display:flex;gap:.7rem;padding:.45rem .4rem;font-size:.85rem;line-height:1.4;color:var(--muted);transition:color .2s}
.wx-toc a::before{content:counter(t,upper-roman) ".";flex:none;min-width:1.6rem;font:italic 500 .82rem/1.5 var(--serif);color:var(--gold)}
.wx-toc a:hover,.wx-toc a.active{color:var(--paper)}.wx-toc a.active{font-weight:600}
.wx-toc a.active::after{content:"";position:absolute;left:-1.2rem;top:.45rem;bottom:.45rem;width:3px;background:var(--gold)}
.wx-bar{height:2px;background:var(--gold-line);margin:1rem .4rem 0}.wx-bar span{display:block;height:100%;width:0;background:var(--gold)}
.wx-card{padding:1.6rem;background:var(--ink-3);border:1px solid var(--gold-line)}
.wx-card .who{display:flex;gap:.9rem;align-items:center;margin-bottom:1rem}
.wx-card img{width:58px;height:58px;border-radius:50%;object-fit:cover;object-position:50% 15%;border:1px solid var(--gold)}
.wx-card b{display:block;font:600 1.08rem/1.2 var(--serif);color:var(--paper)}.wx-card small{font-size:.76rem;color:var(--muted)}
.wx-card p{font-size:.88rem;line-height:1.6;color:var(--muted);margin-bottom:1.2rem}
.wx-card .x-btn{width:100%;padding:0 1rem}
.wx-toc-m{display:none}
.wx-next{border-top:1px solid var(--gold-line);display:grid;grid-template-columns:1fr 1fr}
.wx-next a{position:relative;min-height:340px;display:flex;flex-direction:column;justify-content:flex-end;padding:2.4rem var(--pad);overflow:hidden;isolation:isolate}
.wx-next a+a{border-left:1px solid var(--gold-line)}
.wx-next .ph{position:absolute;inset:0;z-index:-1;background-size:cover;background-position:50% 25%;transition:transform .7s}
.wx-next .ph::after{content:"";position:absolute;inset:0;background:linear-gradient(0deg,var(--ink) 10%,rgba(14,13,11,.55))}
.wx-next a:hover .ph{transform:scale(1.05)}
.wx-next small{font:700 .68rem/1 var(--sans);letter-spacing:.22em;text-transform:uppercase;color:var(--gold)}
.wx-next b{display:block;max-width:24ch;font:500 1.6rem/1.25 var(--serif);color:var(--paper);margin-top:.8rem}
.wx-crumbs{display:flex;flex-wrap:wrap;gap:.5rem;font-size:.8rem;color:var(--muted)}.wx-crumbs a{color:var(--muted)}.wx-crumbs a:hover{color:var(--gold)}.wx-crumbs span{color:var(--gold)}
.wx-kick{display:inline-flex;gap:14px;align-items:center;font:600 .72rem/1 var(--sans);letter-spacing:.28em;text-transform:uppercase;color:var(--gold)}
.wx-kick::before{content:"";width:36px;height:1px;background:var(--gold)}
.wx-meta{display:flex;flex-wrap:wrap;align-items:center;gap:.8rem 1.6rem;font-size:.85rem;color:var(--muted)}
.wx-meta .who{display:flex;align-items:center;gap:.7rem;color:var(--paper)}.wx-meta .who img{width:40px;height:40px;border-radius:50%;object-fit:cover;object-position:50% 15%;border:1px solid var(--gold)}
.wx-meta i{width:1px;height:16px;background:var(--gold-line)}
@media(max-width:1023px){.wx-grid{grid-template-columns:1fr}.wx-side{position:static}.wx-side .wx-toc{display:none}.wx-toc-m{display:block;margin:2rem 0 0!important}}
@media(max-width:760px){.wx-next{grid-template-columns:1fr}.wx-next a+a{border-left:0;border-top:1px solid var(--gold-line)}.wx-sign{grid-template-columns:1fr}.wx-short,.wx-art .w-expert{padding:1.4rem}.wx-lead{font-size:1.18rem}.wx-meta i{display:none}}
.wf-hero{position:relative;min-height:88vh;display:flex;align-items:flex-end;overflow:hidden;background:var(--ink);border-bottom:1px solid var(--gold-line)}
.wf-hero__ph{position:absolute;top:0;bottom:0;left:50%;width:79vh;transform:translateX(-50%);background:var(--post-ph) 50% 0/auto 135% no-repeat;-webkit-mask-image:linear-gradient(90deg,transparent 0%,#000 30%,#000 70%,transparent 100%);mask-image:linear-gradient(90deg,transparent 0%,#000 30%,#000 70%,transparent 100%)}
.wf-hero__ph::after{content:"";position:absolute;inset:0;background:linear-gradient(0deg,var(--ink) 18%,rgba(14,13,11,.75) 42%,rgba(14,13,11,0) 70%)}
.wf-hero__in{position:relative;width:100%;max-width:64rem;margin:0 auto;padding:0 var(--pad) 3.8rem;text-align:center;display:grid;gap:1.5rem;justify-items:center}
.wf-hero .wx-kick::after{content:"";width:36px;height:1px;background:var(--gold)}
.wf-hero h1{font:500 clamp(2.3rem,4.4vw,4.2rem)/1.07 var(--serif)!important;letter-spacing:-.012em;margin:0;text-align:center!important}
.wf-hero .wx-meta{justify-content:center}
@media(max-width:760px){.wf-hero{min-height:0}.wf-hero__ph{width:100%;background-size:auto 100%;-webkit-mask-image:none;mask-image:none}.wf-hero__in{padding-top:52vh}}
/* bok F1: spis jako oś z punktami */
.f1-toc{padding-left:.2rem}
.f1-toc .t{font:700 .68rem/1 var(--sans);letter-spacing:.24em;text-transform:uppercase;color:var(--gold);margin-bottom:1.3rem}
.f1-toc ol{list-style:none;margin:0;padding:0;position:relative}
.f1-toc ol::before{content:"";position:absolute;left:5px;top:.6rem;bottom:.6rem;width:1px;background:var(--gold-line)}
.f1-toc a{position:relative;display:block;padding:.55rem 0 .55rem 1.8rem;font-size:.9rem;line-height:1.45;color:var(--muted);transition:color .2s}
.f1-toc a::before{content:"";position:absolute;left:0;top:.95rem;width:11px;height:11px;border-radius:50%;border:1px solid var(--gold);background:var(--ink);transition:background .2s}
.f1-toc a.active{color:var(--paper)}.f1-toc a.active::before{background:var(--gold);box-shadow:0 0 0 4px rgba(184,150,90,.18)}
.f1-tel{margin-top:2rem;padding-top:1.6rem;border-top:1px solid var(--gold-line)}
.f1-tel small{display:block;font-size:.8rem;color:var(--muted);margin-bottom:.5rem}
.f1-tel a{font:500 1.6rem/1.1 var(--serif);color:var(--champagne)}.f1-tel a:hover{color:var(--gold)}
.f1-toc a.active::after,.f2-mini a::before,.f2-mini a.active::after{display:none}.f2-mini a{padding:0;gap:0}.f1-toc a{display:block;gap:0}
/* polecane F1: karty */
.f1-rel{padding:5rem 0 6rem;border-top:1px solid var(--gold-line)}
.f1-rel-head{display:flex;justify-content:space-between;align-items:end;gap:2rem;margin-bottom:2.6rem}
.f1-rel-head h2{font-size:clamp(1.9rem,3vw,2.7rem)!important;margin:0}
.f1-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:2rem}
.f1-card{display:flex;flex-direction:column;border:1px solid var(--gold-line);transition:border-color .3s,transform .3s}
.f1-card:hover{border-color:var(--gold);transform:translateY(-4px)}
.f1-card .ph{aspect-ratio:16/9;overflow:hidden}.f1-card .ph img{width:100%;height:100%;object-fit:cover;object-position:50% 20%;transition:transform .7s}
.f1-card:hover .ph img{transform:scale(1.05)}
.f1-card .b{padding:1.8rem;display:grid;gap:.9rem}
.f1-card small{font:700 .66rem/1 var(--sans);letter-spacing:.22em;text-transform:uppercase;color:var(--gold)}
.f1-card b{font:500 1.4rem/1.3 var(--serif);color:var(--paper)}.f1-card p{font-size:.92rem;line-height:1.65;color:var(--muted);margin:0}
.f1-card .ft{display:flex;justify-content:space-between;align-items:center;padding-top:1rem;border-top:1px solid var(--gold-line);font-size:.8rem;color:var(--muted)}
.f1-card .ft span:last-child{display:flex;gap:.5rem;align-items:center;font:700 .7rem/1 var(--sans);letter-spacing:.18em;text-transform:uppercase;color:var(--gold)}
.f1-card svg{width:16px;height:16px}
/* bok F2: portret */
.f2-por{position:relative;aspect-ratio:4/5;overflow:hidden;border:1px solid var(--gold-line)}
.f2-por img{width:100%;height:100%;object-fit:cover;object-position:50% 12%}
.f2-por::after{content:"";position:absolute;inset:0;background:linear-gradient(0deg,var(--ink) 5%,rgba(14,13,11,0) 55%)}
.f2-por .n{position:absolute;left:1.4rem;right:1.4rem;bottom:1.3rem;z-index:1}
.f2-por .sig{display:block;font:400 2.3rem/1 Allura,cursive;color:var(--champagne)}.f2-por small{font-size:.78rem;color:var(--muted)}
.f2-side .x-btn{width:100%}
.f2-mini{display:flex;flex-wrap:wrap;gap:.5rem}
.f2-mini a{display:grid;place-items:center;width:2.4rem;height:2.4rem;border:1px solid var(--gold-line);font:italic 500 .9rem/1 var(--serif);color:var(--gold);transition:all .2s}
.f2-mini a.active,.f2-mini a:hover{background:var(--gold);color:var(--ink);border-color:var(--gold)}
.f2-mini-t{font:700 .66rem/1 var(--sans);letter-spacing:.22em;text-transform:uppercase;color:var(--muted);margin-bottom:.8rem}
/* polecane F2: lista */
.f2-rel{padding:5rem 0 6rem;border-top:1px solid var(--gold-line)}
.f2-rel h2{font-size:clamp(1.9rem,3vw,2.7rem)!important;margin:0 0 2rem}
.f2-row{display:grid;grid-template-columns:5rem 12rem 1fr auto;gap:2rem;align-items:center;padding:1.8rem 0;border-top:1px solid var(--gold-line);transition:padding .3s}
.f2-row:last-child{border-bottom:1px solid var(--gold-line)}
.f2-row .num{font:italic 500 1.6rem/1 var(--serif);color:var(--gold)}
.f2-row small{font:700 .66rem/1 var(--sans);letter-spacing:.22em;text-transform:uppercase;color:var(--muted)}
.f2-row b{font:500 clamp(1.3rem,2vw,1.8rem)/1.25 var(--serif);color:var(--paper);transition:color .3s}
.f2-row .ar{display:grid;place-items:center;width:3.2rem;height:3.2rem;border:1px solid var(--gold-line);border-radius:50%;color:var(--gold);transition:all .3s}
.f2-row .ar svg{width:18px;height:18px}
.f2-row:hover{padding-inline:1rem}.f2-row:hover b{color:var(--champagne)}.f2-row:hover .ar{background:var(--gold);color:var(--ink);border-color:var(--gold)}
/* bok F3: krótki formularz */
.f3-form{padding:1.8rem 1.6rem;background:var(--ink-3);border:1px solid var(--gold-line);display:grid;gap:.9rem}
.f3-form .t{font:600 1.3rem/1.25 var(--serif);color:var(--paper)}.f3-form p{font-size:.86rem;line-height:1.55;color:var(--muted);margin:0 0 .3rem}
.f3-form input,.f3-form textarea{width:100%;padding:.85rem 1rem;background:var(--ink);border:1px solid var(--gold-line);color:var(--paper);font:400 .9rem/1.4 var(--sans)}
.f3-form input:focus,.f3-form textarea:focus{outline:none;border-color:var(--gold)}
.f3-form textarea{min-height:90px;resize:vertical}.f3-form .x-btn{width:100%}
.f3-form small{font-size:.72rem;line-height:1.5;color:var(--muted)}
.f3-form .or{text-align:center;font-size:.82rem;color:var(--muted)}.f3-form .or a{color:var(--champagne)}
/* polecane F3: wyróżniony + kategorie */
.f3-rel{padding:5rem 0 6rem;border-top:1px solid var(--gold-line)}
.f3-wrap{display:grid;grid-template-columns:1.6fr 1fr;gap:2.4rem}
.f3-feat{display:grid;grid-template-columns:1fr 1fr;border:1px solid var(--gold-line);transition:border-color .3s}
.f3-feat:hover{border-color:var(--gold)}
.f3-feat .ph{min-height:380px;background-size:cover;background-position:50% 20%}
.f3-feat .b{padding:2.4rem;display:flex;flex-direction:column;justify-content:center;gap:1rem}
.f3-feat small{font:700 .66rem/1 var(--sans);letter-spacing:.22em;text-transform:uppercase;color:var(--gold)}
.f3-feat b{font:500 1.7rem/1.25 var(--serif);color:var(--paper)}.f3-feat p{font-size:.93rem;line-height:1.65;color:var(--muted);margin:0}
.f3-feat .x-link svg{width:16px;height:16px}
.f3-cats{display:flex;flex-direction:column}
.f3-cats .t{font:700 .68rem/1 var(--sans);letter-spacing:.24em;text-transform:uppercase;color:var(--gold);margin-bottom:1rem}
.f3-cats a{display:flex;justify-content:space-between;align-items:center;padding:1.3rem 0;border-bottom:1px solid var(--gold-line);font:500 1.3rem/1.2 var(--serif);color:var(--paper);transition:color .2s,padding .3s}
.f3-cats a span{font:500 .8rem/1 var(--sans);color:var(--muted)}.f3-cats a:hover{color:var(--gold);padding-left:.6rem}
.f3-small{margin-top:auto;padding-top:1.6rem;display:grid;grid-template-columns:90px 1fr;gap:1rem;align-items:center}
.f3-small img{width:90px;height:70px;object-fit:cover}.f3-small b{font:500 1.02rem/1.3 var(--serif);color:var(--paper)}
@media(max-width:1023px){.f1-grid{grid-template-columns:1fr}.f3-wrap{grid-template-columns:1fr}.f2-side{grid-template-columns:1fr}}
@media(max-width:760px){.f2-row{grid-template-columns:3rem 1fr;gap:.6rem 1rem}.f2-row small{grid-column:2}.f2-row b{grid-column:2}.f2-row .ar{display:none}.f3-feat{grid-template-columns:1fr}.f3-feat .ph{min-height:220px}.f1-rel-head{display:block}}
.g-au{display:grid;grid-template-columns:96px 1fr;gap:2rem;align-items:center;margin-top:4rem!important;padding-top:3rem;border-top:1px solid var(--gold-line)}
.g-au img{width:96px;height:96px;border-radius:50%;object-fit:cover;object-position:50% 12%}
.g-au b{display:block;font:500 1.65rem/1.2 var(--serif);color:var(--gold)}
.g-au small{display:block;font-size:.92rem;color:var(--muted);margin:.4rem 0 .9rem}
.g-au p{font-size:1rem;line-height:1.65;color:rgba(238,232,220,.8);margin:0!important}
@media(max-width:600px){.g-au{grid-template-columns:72px 1fr;gap:1.2rem}.g-au img{width:72px;height:72px}}
/* Elementy treści dodane 12.10.2026 (wpisy z klastra rozwód) */
.wx-art h3{font:500 1.3rem/1.35 var(--serif)!important;color:var(--champagne);margin-top:2.2rem;text-align:left!important}
.wx-art ol{padding-left:1.4rem}.wx-art ol li::marker{color:var(--gold);font-family:var(--serif)}
.wx-art a:not(.x-btn){color:var(--gold-lt);text-decoration:underline;text-underline-offset:3px;text-decoration-color:var(--gold-line)}
.wx-art a:not(.x-btn):hover{text-decoration-color:var(--gold)}
.wx-art .wx-tab{overflow-x:auto;margin:2rem 0!important}
.wx-art table{width:100%;border-collapse:collapse;font-size:.95rem;line-height:1.55}
.wx-art th,.wx-art td{padding:1rem .9rem;text-align:left;vertical-align:top;border-bottom:1px solid rgba(238,232,220,.1)}
.wx-art thead th{font:500 1.05rem/1.3 var(--serif);color:var(--gold-lt);border-bottom-color:var(--gold)}
.wx-art tbody th{font:600 .72rem/1.5 var(--sans);letter-spacing:.1em;text-transform:uppercase;color:var(--muted);width:26%}
.wx-art td{color:var(--paper)}
.wx-art .wx-law{margin-top:3rem;padding-top:1.6rem;border-top:1px solid rgba(238,232,220,.1);font-size:.85rem;line-height:1.7;color:var(--muted)}
.wx-art .wx-todo{padding:.8rem 1rem;border:1px dashed rgba(238,232,220,.4);font:400 .88rem/1.55 var(--sans)!important;color:var(--muted)!important}