/* Dodatki funkcjonalne. home.css, about.css i archive.css są kopiami 1:1 z makiet. */
.pp-sr-only,.pp-skip:not(:focus){position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
.pp-skip:focus{position:fixed;top:8px;left:8px;z-index:9999;background:var(--paper);padding:12px 18px}
a:focus-visible,button:focus-visible,select:focus-visible,input:focus-visible{outline:2px solid var(--accent);outline-offset:5px}
:target{scroll-margin-top:100px}
.pp-menu-toggle{display:none;font:inherit;border:1px solid var(--line);background:transparent;color:var(--ink);padding:8px 12px;cursor:pointer}
.pp-menu-list{display:flex;gap:26px;list-style:none;margin:0;padding:0}
.pp-footer{display:flex;gap:24px;flex-wrap:wrap;align-items:center;justify-content:space-between}
.pp-reading{max-width:920px;overflow-wrap:anywhere}
.pp-reading h1{font-size:clamp(44px,6vw,82px)}
.pp-reading p,.pp-reading li{font-size:19px}
.pp-reading img,.pp-reading video{max-width:100%;height:auto}
.pp-reading a:not(.button){text-decoration:underline;text-underline-offset:4px}
.pp-single-image{width:100%;height:auto;margin-bottom:30px}
.pp-details{border-top:1px solid var(--line);display:grid;grid-template-columns:180px 1fr;gap:16px;padding-top:28px;margin-top:40px}
.pp-details dt{color:var(--muted)}.pp-details dd{margin:0}
.pp-filters{align-items:end}.pp-filters label{display:flex;flex-direction:column;font-size:13px;gap:8px}
.pp-filters select,.pp-filters button{font:inherit;background:var(--paper);color:var(--ink);min-height:44px;max-width:100%}
.pp-filters button{cursor:pointer}.pp-filters>a{min-height:44px;display:flex;align-items:center}
.pp-pagination{position:static;background:transparent;backdrop-filter:none;border:0;margin-top:32px}
.pp-pagination ul{display:flex;gap:12px;list-style:none;padding:0;flex-wrap:wrap}.pp-pagination a,.pp-pagination span{display:block;padding:8px 12px;border:1px solid var(--line)}
.admin-bar .pp-nav{top:32px}
@media(max-width:960px){
 .pp-nav .nav{height:auto;min-height:76px;flex-wrap:wrap;gap:14px;padding-top:14px;padding-bottom:14px}
 .pp-nav .links{display:flex;width:100%;flex-wrap:wrap;gap:16px}
 .pp-nav.pp-js .links{display:none}.pp-nav.pp-js .links.pp-open{display:flex}
 .pp-nav.pp-js .pp-menu-toggle{display:inline-flex;align-items:center;gap:8px}
 .pp-menu-list{flex-wrap:wrap;gap:16px}.pp-nav .links a{min-height:44px;display:inline-flex;align-items:center}
 .pp-style-home #ekspertyza .wrap>div[style*="grid-template-columns"]{grid-template-columns:1fr!important}
 .split,.ideas-grid{gap:32px}
}
@media(max-width:782px){.admin-bar .pp-nav{top:46px}}
@media(max-width:767px){
 h1{font-size:clamp(44px,10vw,58px);overflow-wrap:break-word}
 h2{font-size:clamp(36px,8vw,44px)}
 .methods,.grid4,.hero-rule{grid-template-columns:1fr}
 .method,.card{border-right:0;border-bottom:1px solid var(--line)}
 .wrap{padding-left:20px;padding-right:20px}
 .section{padding-top:76px;padding-bottom:76px}
 .cta{padding-top:76px;padding-bottom:82px}
 .outcider img{min-height:0;aspect-ratio:16/10}
 .ideas-grid .item{flex-direction:column;gap:8px}
 .pp-reading h1{font-size:clamp(40px,10vw,58px)}
 .pp-details{grid-template-columns:1fr;gap:8px}.pp-details dd{margin-bottom:12px}
 .pp-filters{gap:14px}.pp-filters label{width:100%}
 .pp-footer{align-items:flex-start}
}
@media(max-width:600px){.admin-bar .pp-nav{top:0}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*::before,*::after{animation:none!important;transition:none!important}}
.pp-selected .items{border-top:1px solid var(--line);margin-top:38px}.pp-selected .item{display:grid;grid-template-columns:110px 1.35fr .95fr 90px;gap:24px;padding:24px 0;border-bottom:1px solid var(--line);align-items:start}.pp-selected .year{font-size:13px;color:var(--muted);padding-top:4px}.pp-selected .title{font-family:Georgia,serif;font-size:24px;line-height:1.25}.pp-selected .meta{font-size:14px;color:var(--muted)}.pp-selected .more{font-size:13px;color:var(--accent);text-align:right}@media(max-width:960px){.pp-selected .item{grid-template-columns:1fr}.pp-selected .more{text-align:left}}
/* WordPress supplies intrinsic width/height; let the original aspect-ratio rules control the rendered crop. */
img.photo,.panel img,.ideas-grid img{height:auto}

/* 1.0.1: keep archive controls aligned with the shared content container. */
.wrap.pp-filters{margin-left:auto;margin-right:auto}
/* Add space after column dividers without indenting the start of a row. */
@media(min-width:901px){.methods>.method:not(:first-child){padding-left:30px}}
@media(min-width:768px) and (max-width:900px){.methods>.method:nth-child(even){padding-left:30px;border-right:0}}
@media(max-width:767px){.methods>.method{padding-left:0}}

/* 1.0.2: space about-page text away from column dividers. */
@media(min-width:901px){.grid4>.card:not(:first-child){padding-left:26px}}
@media(min-width:768px) and (max-width:900px){.grid4>.card:nth-child(even){padding-left:26px;border-right:0}}
@media(max-width:767px){.grid4{grid-template-columns:1fr}.grid4>.card{padding-left:0;border-right:0;border-bottom:1px solid var(--line)}}

/* 1.0.4: align idea categories to the right edge of each row. */
@media(min-width:768px){.ideas-grid .item{justify-content:space-between}.ideas-grid .item>b{flex:1;min-width:0}.ideas-grid .item>span{flex:0 0 30%;margin-left:auto;text-align:right;overflow-wrap:anywhere}}
@media(max-width:767px){.ideas-grid .item{flex-direction:column;gap:8px}.ideas-grid .item>span{text-align:left;margin-left:0}}

/* 1.0.5: give the ideas list and portrait more breathing room. */
@media(min-width:901px){.ideas-grid{gap:60px;grid-template-columns:minmax(0,1fr) minmax(0,1fr)}.ideas-grid img{aspect-ratio:4/5;height:auto;object-fit:cover}}
@media(max-width:900px){.ideas-grid{gap:32px}.ideas-grid img{aspect-ratio:4/3;height:auto;object-fit:cover}}