/* templates-base.css - warstwa px- (klasy na ) plus globalna regula hyphens, wydzielona 19.09.2026 z themes/noxora/assets/css/templates.css. Pelny templates.css (style szablonow tpl-) wraca automatycznie, gdy strona renderuje taki szablon. */ .px-card-a{display:block;color:inherit} .px-card-a .px-card-img{ aspect-ratio:16/10;overflow:hidden;background:color-mix(in srgb,var(--text) 4%,var(--bg)); border-radius:6px;margin-bottom:14px; } .px-card-a img{width:100%;height:100%;object-fit:cover;transition:transform .5s} .px-card-a:hover img{transform:scale(1.03)} .px-card-a h3{ font-family:var(--font-display); font-size:22px;font-weight:700;line-height:1.2; margin-bottom:8px; transition:color .15s; } .px-card-a:hover h3{color:var(--accent)} .px-card-a p{color:var(--muted);font-size:14px;line-height:1.55} .tpl-wired .wired-lead .px-card-img{aspect-ratio:16/9;margin-bottom:24px;border-radius:10px} .tpl-magazine .mag-big .px-card-img{aspect-ratio:16/9;border-radius:8px} .tpl-blog .blog-hero .px-card-img{aspect-ratio:16/9;border-radius:4px;margin-bottom:28px} .tpl-verge .verge-top .verge-main .px-card-img{aspect-ratio:16/9;border-radius:8px} .tpl-minimal .min-hero .px-kicker{font-size:12px} .tpl-breaking .brk-main .px-card-img{aspect-ratio:16/9;border-radius:6px} .tpl-newspaper .np-cols .px-kicker{font-size:10px} .tpl-spotlight .sp-short article .px-kicker{font-size:10px} .tpl-split .sl-top .px-card-img{aspect-ratio:4/3;border-radius:8px} .tpl-signal .sg-lead .px-card-img{aspect-ratio:16/10;border-radius:8px} .tpl-portfolio .pf-item .px-card-img{aspect-ratio:4/3;border-radius:10px;margin-bottom:20px} .tpl-newyorker .ny-lead .px-kicker{color:var(--muted);font-style:italic;font-family:var(--font-display);text-transform:none;letter-spacing:.02em;font-size:13px;font-weight:400} .tpl-newyorker .ny-list .px-kicker{color:var(--muted);font-style:italic;font-family:var(--font-display);text-transform:none;letter-spacing:.02em;font-size:13px;font-weight:400} .tpl-atlantic .at-feature .px-card-img{aspect-ratio:16/9;border-radius:4px;margin-bottom:28px} .tpl-atlantic .at-feature .px-kicker{font-size:11px;letter-spacing:.22em} .tpl-atlantic .at-two .px-card-img{aspect-ratio:4/3;border-radius:4px;margin-bottom:18px} .tpl-longform .lf-feature .px-card-img{aspect-ratio:16/9;border-radius:8px;margin-bottom:36px} .tpl-longform .lf-feature .px-kicker{letter-spacing:.2em} .tpl-broadsheet .bs-col .px-kicker{font-size:9px;letter-spacing:.3em;color:var(--text);font-weight:800} .tpl-zine .zn-item .px-card-img{aspect-ratio:auto;height:100%;margin:0;border-radius:0} .tpl-bulletin .bt-lead .px-card-img{aspect-ratio:16/9;border-radius:12px;margin-bottom:20px} .tpl-bulletin .bt-lead .px-home-excerpt{font-size:18px;line-height:1.6;max-width:var(--px-shell-760,760px)} .tpl-masonry .ms-card .px-card-img{border-radius:12px;margin-bottom:14px;aspect-ratio:16/10} .tpl-masonry .ms-card.ms-large .px-card-img{aspect-ratio:4/3} .tpl-masonry .ms-card.ms-medium .px-card-img{aspect-ratio:1/1} .tpl-lab .lab-hero .px-card-a{padding:36px;display:flex;flex-direction:column;justify-content:center} .tpl-lab .lab-cards .px-card-img{aspect-ratio:16/10;border-radius:12px} @media(max-width:640px){.tpl-lab .lab-hero .px-card-a{padding:24px}} .tpl-carddeck .cd-lead .px-card-a{display:grid;grid-template-columns:1.2fr .9fr;border:1px solid var(--border);border-radius:18px;overflow:hidden;background:color-mix(in srgb,var(--text) 3%,transparent)} .tpl-carddeck .cd-lead .px-card-img{height:100%;aspect-ratio:auto;margin:0;border-radius:0;min-height:390px} .tpl-carddeck .cd-lead .px-card-img img{height:100%;object-fit:cover} .tpl-carddeck .cd-card .px-card-a{height:100%;padding:18px} .tpl-carddeck .cd-card .px-card-img{aspect-ratio:16/11;border-radius:12px;margin-bottom:14px} @media(max-width:850px){.tpl-carddeck .cd-lead .px-card-a{grid-template-columns:1fr}.tpl-carddeck .cd-lead .px-card-img{min-height:280px}} .tpl-horizon .hz-hero .px-kicker{color:#fff;opacity:.88} .tpl-horizon .hz-feed .px-card-img{aspect-ratio:16/10;border-radius:12px} .tpl-pulse .pl-lead .px-card-img{aspect-ratio:16/9;border-radius:14px;margin-bottom:18px} .tpl-pulse .pl-feed .px-card-a{padding:18px;border:1px solid var(--border);border-radius:14px;background:color-mix(in srgb,var(--text) 2%,transparent);height:100%} [class^="tpl-"] .px-home-excerpt,[class*=" tpl-"] .px-home-excerpt{overflow-wrap:anywhere} @media(max-width:640px){.px-card-a h3{font-size:20px}} @media (min-width:901px){body.px-width-threequarter :is( .tpl-wired .wired-hero,.tpl-wired .wired-grid, .tpl-magazine,.tpl-blog,.tpl-verge,.tpl-minimal,.tpl-visual, .tpl-breaking .brk-body,.tpl-breaking .brk-feed, .tpl-editorial,.tpl-grid,.tpl-newspaper,.tpl-spotlight,.tpl-split, .tpl-digest,.tpl-signal,.tpl-portfolio,.tpl-newyorker,.tpl-atlantic, .tpl-longform,.tpl-broadsheet,.tpl-zine,.tpl-noxora,.tpl-bulletin, .tpl-masonry,.tpl-lab,.tpl-timeline,.tpl-carddeck,.tpl-horizon, .tpl-indexcard,.tpl-pulse,.tpl-canvas ){ max-width:75vw !important; width:100%; }body.px-width-full :is( .tpl-wired .wired-hero,.tpl-wired .wired-grid, .tpl-magazine,.tpl-blog,.tpl-verge,.tpl-minimal,.tpl-visual, .tpl-breaking .brk-body,.tpl-breaking .brk-feed, .tpl-editorial,.tpl-grid,.tpl-newspaper,.tpl-spotlight,.tpl-split, .tpl-digest,.tpl-signal,.tpl-portfolio,.tpl-newyorker,.tpl-atlantic, .tpl-longform,.tpl-broadsheet,.tpl-zine,.tpl-noxora,.tpl-bulletin, .tpl-masonry,.tpl-lab,.tpl-timeline,.tpl-carddeck,.tpl-horizon, .tpl-indexcard,.tpl-pulse,.tpl-canvas ){ max-width:100% !important; width:100%; }} .tpl-lab .lab-hero-img .px-thumb-placeholder, .tpl-canvas .cv-hero-img .px-thumb-placeholder, .tpl-canvas .cv-img .px-thumb-placeholder, .tpl-horizon .hz-hero .px-thumb-placeholder{width:100%;height:100%;aspect-ratio:auto} .tpl-horizon .hz-hero .px-thumb-placeholder{position:absolute;inset:0;opacity:.72} .pw-tl-info .px-kicker{font-size:10px;margin:0} @media(max-width:680px){.px-single-body table{ display:block; width:100%; overflow-x:auto; -webkit-overflow-scrolling:touch; white-space:nowrap; border:1px solid var(--border); border-radius:10px; font-size:13px; }.px-single-body table th,.px-single-body table td{white-space:nowrap}.px-single-body table::-webkit-scrollbar{height:6px}.px-single-body table::-webkit-scrollbar-thumb{background:var(--border);border-radius:3px}} .px-author-bio-avatar img{width:84px!important;height:84px!important;border-radius:50%!important;object-fit:cover;border:2px solid var(--border);box-shadow:0 8px 22px rgba(0,0,0,.4)} .px-author-bio-inner{gap:22px;align-items:center} .px-author-bio-text{font-size:15px;line-height:1.65;max-width:60ch} .px-author-bio-name{font-size:20px} .px-author-bio-roles{opacity:.7} .px-single-body img, .px-single-body video, .px-single-body iframe, .px-single-body .wp-video, .px-single-body figure{width:100%;max-width:100%;height:auto;border-radius:12px} .px-single-body figure{margin:28px 0} .px-single-body video, .px-single-body .wp-video, .px-single-body iframe{aspect-ratio:16/9;display:block;background:#0A0C10} .px-single-body figure img{display:block} .px-single-body figcaption{font-size:13px;color:var(--muted);margin-top:8px;text-align:center} .px-single--with-sidebar .px-single-body > figure, .px-single--with-sidebar .px-single-body > .wp-block-image, .px-single--with-sidebar .px-single-body > .wp-block-embed, .px-single--with-sidebar .px-single-body > .wp-block-video, .px-single--with-sidebar .px-single-body > video, .px-single--with-sidebar .px-single-body > iframe, .px-single--with-sidebar .px-single-body > p > video{ width:100%; max-width:100%; } .px-single-body figure.wp-block-embed{max-width:100%;margin-left:auto;margin-right:auto} .px-single-body .wp-block-embed__wrapper{width:100%;max-width:100%} .px-single-body .wp-block-embed__wrapper iframe, .px-single-body figure.wp-block-embed iframe, .px-single-body iframe[src*="youtube"], .px-single-body iframe[src*="youtu.be"], .px-single-body iframe[src*="vimeo"]{ width:100% !important; height:auto !important; aspect-ratio:16/9; display:block; border:0; max-width:100%; border-radius:10px; } @media(max-width:768px){.px-single-hero{padding:0;margin-bottom:28px}.px-single-hero img{border-radius:0}.px-single-body > figure, .px-single-body > .wp-block-image, .px-single-body > .wp-block-embed, .px-single-body > .wp-block-video, .px-single-body > .wp-video, .px-single-body > img, .px-single-body > video, .px-single-body > iframe, .px-single-body > p > img, .px-single-body > p > iframe, .px-single-body > p > video{ width:100vw;max-width:100vw; margin-left:calc(50% - 50vw);margin-right:calc(50% - 50vw); border-radius:0; }.px-single-body > figure img, .px-single-body > .wp-block-image img{width:100%;max-width:100%;border-radius:0;margin:0;display:block}.px-single-body > figure.wp-block-embed iframe, .px-single-body > .wp-block-embed iframe, .px-single-body .wp-block-embed__wrapper iframe{border-radius:0}.px-single-body figcaption{padding:0 16px}} @media(min-width:1001px){.px-single--with-sidebar .px-single-cols{align-items:start}.px-single--with-sidebar .px-single-aside{ position:sticky; top:96px; align-self:start; max-height:calc(100vh - 112px); overflow-y:auto; scrollbar-width:thin; }.px-single--with-sidebar .px-single-aside::-webkit-scrollbar{width:6px}.px-single--with-sidebar .px-single-aside::-webkit-scrollbar-thumb{background:var(--border);border-radius:3px}} h1,h2,h3,h4,.lead,.px-lead,.px-single-title,p,li,blockquote{hyphens:none!important;-webkit-hyphens:none!important;}