/*
Theme Name: No i popatrz!
Author: Piotr Imiołek
Description: Lekki magazyn ciekawostek z obsługą wpisów dzielonych na strony, kategorii i miejsc reklamowych.
Version: 2.0.0
Requires at least: 6.6
Requires PHP: 8.0
License: GNU General Public License v2 or later
License URI: https://www.gnu.org/licenses/gpl-2.0.html
Text Domain: noipopatrz
*/
*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:24px}body{margin:0;background:#fafafa;color:#171717;font:17px/1.55 Arial,Helvetica,sans-serif}a{color:inherit;text-underline-offset:4px}a:hover{color:#b3350f}a:focus-visible{outline:3px solid #2155d6;outline-offset:5px}header{border-bottom:2px solid #171717;background:#fff}header .wrap{display:flex;align-items:center;justify-content:space-between;gap:24px;padding-top:23px;padding-bottom:23px}.wrap{max-width:1280px;margin:auto;padding:0 42px}.logo{font-size:39px;font-weight:950;letter-spacing:-2.5px;text-decoration:none;line-height:1;white-space:nowrap}.logo span{color:#ee461b}nav{display:flex;gap:28px;align-items:center;font-size:15px;font-weight:700}nav a{text-decoration:none}.edition{font-size:12px;letter-spacing:1.6px;text-transform:uppercase;color:#666}.topline{display:flex;justify-content:space-between;gap:20px;border-bottom:1px solid #ccc;padding:16px 0;margin-bottom:28px;font-size:12px;letter-spacing:1.5px;text-transform:uppercase}.hero{display:grid;grid-template-columns:1fr 1.13fr;gap:40px;align-items:center;padding:14px 0 46px}.eyebrow{font-size:13px;letter-spacing:1.6px;text-transform:uppercase;font-weight:800;color:#ac310d}.hero h1{font-size:clamp(48px,5.7vw,80px);line-height:1.01;letter-spacing:-4px;margin:22px 0}.hero h1 em{font-style:normal;color:#c43d12}.hero p{max-width:470px;font-size:19px;color:#4c4c4c;margin-bottom:30px}.btn{display:inline-block;background:#191919;color:white;padding:14px 22px;text-decoration:none;font-size:16px;font-weight:700;border:2px solid #191919}.btn:hover{background:#e54417;color:white;border-color:#e54417}.btn.light{background:transparent;color:#171717}.hero figure{margin:0;position:relative}.hero img{display:block;width:100%;aspect-ratio:1.1;object-fit:cover}.hero figcaption{font-size:12px;color:#666;margin-top:7px}.sticker{position:absolute;left:16px;top:16px;background:#fcde46;padding:10px 15px;font-weight:800;transform:rotate(-4deg);font-size:14px}.sectionline{border-top:2px solid #171717;display:flex;align-items:baseline;justify-content:space-between;gap:20px;padding-top:17px;margin:20px 0 27px}.sectionline h2{font-size:30px;letter-spacing:-1px;margin:0}.sectionline span{font-size:13px;color:#626262}.grid{display:grid;grid-template-columns:repeat(3,1fr);gap:24px}.card{border:1px solid #d5d5d5;background:#fff;display:flex;flex-direction:column;text-decoration:none;transition:transform .15s}.card:hover{transform:translateY(-4px);color:inherit;border-color:#151515}.card-top{min-height:120px;padding:22px 24px;display:flex;justify-content:space-between;align-items:flex-end;gap:15px}.orange{background:#ff5b2d;color:#171717}.blue{background:#1640c6;color:white}.yellow{background:#ffe16a;color:#171717}.card-top b{font-size:68px;line-height:1;letter-spacing:-5px}.card-top span{font-size:13px;max-width:140px;text-align:right;font-weight:bold;text-transform:uppercase;letter-spacing:.7px}.card-body{padding:24px;flex:1;display:flex;flex-direction:column}.card h3{font-size:25px;line-height:1.13;letter-spacing:-.8px;margin:0 0 16px}.card p{font-size:16px;color:#595959;margin:0 0 25px}.card .more{font-size:13px;border-top:1px solid #ddd;padding-top:16px;margin-top:auto;display:flex;justify-content:space-between;font-weight:bold}.statement{margin:48px 0;padding:35px 0;border-top:1px solid #bbb;border-bottom:1px solid #bbb;display:grid;grid-template-columns:1fr 2fr;gap:40px}.statement h2{font-size:30px;line-height:1.1;margin:0;letter-spacing:-1px}.statement p{margin:0;color:#555;max-width:720px}footer{border-top:2px solid #171717;margin-top:60px;padding:30px 0 40px}footer .wrap{display:flex;justify-content:space-between;gap:25px;align-items:center}footer p{font-size:13px;color:#666;margin:5px 0}footer a{font-size:14px}.crumb{font-size:14px;color:#666;padding-top:28px}.article-head{max-width:1010px;padding:32px 0}.article-head h1{font-size:clamp(38px,4.6vw,64px);line-height:1.06;letter-spacing:-2.7px;margin:18px 0 23px}.dek{font-size:21px;line-height:1.45;color:#555;max-width:830px}.meta{font-size:13px;display:flex;gap:20px;flex-wrap:wrap;color:#666;border-top:1px solid #ccc;margin-top:25px;padding-top:17px}.reading{display:grid;grid-template-columns:220px minmax(0,720px);gap:64px;align-items:start;margin-top:25px}.contents{position:sticky;top:28px;font-size:14px}.contents h2{font-size:12px;letter-spacing:1.5px;text-transform:uppercase;margin:0 0 18px}.contents a{display:block;text-decoration:none;border-top:1px solid #ddd;padding:14px 0;color:#555}.contents a.current{font-weight:bold;color:#b1330d}.contents small{display:block;color:#666;margin-bottom:24px}.prose{font:21px/1.8 Georgia,'Times New Roman',serif;min-width:0}.prose h2{font-family:Arial,sans-serif;font-size:30px;line-height:1.15;letter-spacing:-.8px;margin:0 0 25px}.prose h3{font:700 21px/1.3 Arial,sans-serif;margin-top:34px}.prose p{margin:0 0 25px}.prose>p:first-of-type:first-letter{font-size:62px;float:left;line-height:.9;margin:9px 8px 0 0;font-family:Arial,sans-serif;font-weight:800}.chapter-label{font:700 12px/1.5 Arial,sans-serif;color:#a12f0c;letter-spacing:1.5px;margin-bottom:12px;text-transform:uppercase}.pagination{font:16px/1.5 Arial,sans-serif;border-top:2px solid #171717;margin-top:40px;padding-top:25px;display:flex;gap:15px;align-items:center;flex-wrap:wrap}.pagination .numbers{display:flex;gap:8px}.numbers a{padding:7px 14px;border:1px solid #aaa;text-decoration:none}.numbers .current{background:#191919;color:white}.next{margin:25px 0 50px;background:#ffe16a;border:1px solid #171717;padding:23px;display:block;text-decoration:none;font:700 20px/1.35 Arial,sans-serif}.next small{display:block;font-size:12px;letter-spacing:1px;margin-bottom:9px;text-transform:uppercase}.sources{border-top:1px solid #ccc;margin:40px 0;font:14px/1.6 Arial,sans-serif;color:#555;overflow-wrap:anywhere}.sources ul{padding-left:20px}.sources h3{font-size:16px}.sources p{font-size:13px}.ad{border:1px dashed #bbb;background:#f1f1f1;min-height:100px;display:flex;align-items:center;justify-content:center;flex-direction:column;gap:6px;color:#737373;font:12px/1.5 Arial,sans-serif;letter-spacing:1px;text-align:center;margin:38px 0 55px;padding:20px}.ad span{font-size:12px;letter-spacing:0}.related{margin-top:65px}.report{max-width:980px;margin:0 auto;padding-top:36px}.report h1{font-size:54px;line-height:1.06;letter-spacing:-2px}.report h2{font-size:30px;line-height:1.2;margin:45px 0 20px;letter-spacing:-.7px}.report h3{font-size:21px}.report p,.report li{line-height:1.75}.report .intro{font-size:22px}.note{background:#ffe16a;padding:23px;border-left:5px solid #171717;margin:28px 0}.table-scroll{overflow:auto;margin:25px 0}table{border-collapse:collapse;width:100%;font-size:15px;min-width:620px}td,th{text-align:left;vertical-align:top;border-bottom:1px solid #ccc;padding:14px 12px}th{background:#171717;color:white;font-size:13px}blockquote{margin:22px 0;padding:18px 24px;border-left:4px solid #e84b1f;background:white;font-size:19px}.report .sources{margin-top:50px}.report-nav{display:flex;flex-wrap:wrap;gap:12px;font-size:14px;margin:26px 0}.report-nav a{border:1px solid #bbb;padding:6px 10px}.skip{position:absolute;left:-9999px}.skip:focus{left:10px;top:10px;background:white;padding:10px;z-index:4}@media(max-width:900px){.wrap{padding:0 24px}.hero{gap:24px}.hero h1{font-size:56px;letter-spacing:-2.5px}.grid{grid-template-columns:repeat(2,1fr)}.reading{grid-template-columns:160px minmax(0,1fr);gap:32px}.edition{display:none}nav{gap:18px}.article-head h1{font-size:49px}}@media(max-width:600px){body{font-size:16px}.wrap{padding:0 20px}header .wrap{padding-top:18px;padding-bottom:18px;gap:15px}.logo{font-size:30px;letter-spacing:-2px}nav{gap:16px;font-size:13px}nav .desktop{display:none}.topline{font-size:10px;letter-spacing:.6px;margin-bottom:16px}.hero{grid-template-columns:1fr;padding:0 0 25px;gap:25px}.hero h1{font-size:53px;line-height:1.02;margin:18px 0;letter-spacing:-2.8px}.hero p{font-size:18px;margin-bottom:23px}.hero img{aspect-ratio:1.5}.hero figcaption{font-size:12px}.grid{grid-template-columns:1fr;gap:20px}.card-top{min-height:90px}.card-top b{font-size:52px}.card h3{font-size:26px}.sectionline{align-items:flex-start}.sectionline h2{font-size:26px}.sectionline span{font-size:12px;text-align:right;max-width:90px}.statement{grid-template-columns:1fr;gap:20px;padding:28px 0}.reading{display:flex;flex-direction:column;gap:22px;margin-top:10px}.contents{position:static;width:100%;border-bottom:1px solid #ccc;padding-bottom:12px}.contents h2{margin-bottom:5px}.contents a{padding:7px 0;border:0}.contents small{margin:5px 0}.article-head{padding:24px 0 15px}.article-head h1{font-size:40px;letter-spacing:-1.8px}.dek{font-size:19px}.prose{font-size:20px;line-height:1.75;width:100%}.prose h2{font-size:28px}.meta{gap:8px 17px}.report h1{font-size:40px}.report h2{font-size:27px}.report .intro{font-size:20px}footer .wrap{display:block}footer .links{margin-top:18px;display:flex;gap:18px}.btn{padding:12px 17px}.ad{margin:30px 0 40px}.pagination{gap:12px}.statement h2{font-size:27px}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.card{transition:none}}
.logo{font-size:29px;letter-spacing:-1.4px;white-space:normal;max-width:300px}.hero h1{font-size:clamp(40px,4.7vw,65px);letter-spacing:-2.6px}.site-menu{list-style:none;margin:0;padding:0;display:flex;gap:22px}.site-menu .sub-menu{list-style:none;padding-left:15px}.card-thumb{width:100%;aspect-ratio:16/9;object-fit:cover}.prose img,.report img{max-width:100%;height:auto}.wp-block-image{margin:25px 0}.wp-block-table{overflow:auto}.wp-block-embed iframe{max-width:100%}.post-nav-links{display:flex;flex-wrap:wrap;gap:10px;align-items:center;font:16px Arial,sans-serif;margin:32px 0}.post-page-numbers,.nav-links .page-numbers{display:inline-block;padding:10px 15px;border:1px solid #999;text-decoration:none}.post-page-numbers.current,.nav-links .current{background:#171717;color:white}.chapter-nav{border-top:2px solid #171717;padding-top:20px;margin-top:35px}.chapter-nav .post-nav-links a{background:#171717;color:white;padding:16px 22px}.ad-slot{border-top:1px solid #ddd;padding:14px 0;margin:45px 0 65px}.ad-label{font:12px Arial,sans-serif;letter-spacing:1px;color:#555;margin-bottom:12px}.navigation.pagination{display:block}.nav-links{display:flex;gap:10px;flex-wrap:wrap}.wp-block-button__link{background:#171717;color:white;padding:12px 18px}.alignwide{max-width:100%}.aligncenter{margin-left:auto;margin-right:auto}.screen-reader-text{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(1px,1px,1px,1px)}.screen-reader-text:focus{position:static;width:auto;height:auto;clip:auto}.empty{padding:70px 0;max-width:680px}.post-password-form input{max-width:100%;font:inherit}.widget{margin:10px 0}.prose .sources p:first-letter{font-size:inherit;float:none}.archive-title{font-size:42px;margin:30px 0}.editor-styles-wrapper{font-family:Georgia,serif;font-size:20px;line-height:1.75}.wp-block-heading{font-family:Arial,sans-serif}@media(max-width:600px){.logo{font-size:23px;max-width:210px;line-height:1.1}.hero h1{font-size:43px}.site-menu{gap:12px;flex-wrap:wrap}.hero img{aspect-ratio:1.5}header .wrap{align-items:flex-start}.reading{display:block}.reading .contents{margin-bottom:24px}.prose{overflow-wrap:anywhere}}

/* Small screens, long titles and enlarged text. */
.hero>*,.grid>*,header .wrap>*,footer .wrap>*{min-width:0}
.hero h1,.article-head h1,.card h3{overflow-wrap:anywhere}
.site-menu a{display:inline-flex;align-items:center;min-height:44px}
.ad-slot-home{max-width:100%;min-height:120px}.ad-slot-article{min-height:280px}
.prose .ad-slot{font-family:Arial,sans-serif;margin-bottom:65px}
img{max-width:100%;height:auto}.hero img{height:auto}
@media(max-width:600px){
 header .wrap{flex-wrap:wrap;gap:8px 16px;align-items:center}
 header nav{margin-left:auto}.logo{font-size:26px;max-width:none}
 .hero h1{font-size:clamp(2rem,9vw,2.7rem);letter-spacing:-1.3px}
 .article-head h1{font-size:clamp(2rem,8vw,2.5rem);letter-spacing:-1px}
 .topline{flex-wrap:wrap;gap:6px;font-size:12px}
 .prose h2{overflow-wrap:anywhere}.chapter-nav a{min-height:48px}
 .reading .contents .ad-slot{display:none}
 footer .site-menu{flex-wrap:wrap}.post-nav-links{gap:8px}
}

.article-quiz .article-head{padding-bottom:12px}.article-quiz .article-head h1{font-size:clamp(30px,4vw,52px)}.article-quiz .dek{font-size:19px}.article-quiz .prose>p:first-of-type:first-letter{font:inherit;float:none;margin:0}