/* TRUST ME BRO: magazyn (14.10.2026). Zin z ksera: papier, tasma, krzywo naklejone wycinki.
   Osobny plik, bo to osobny modul - kolaz.css trzyma FAKE NEWS i reszte kolazu. */
.tmb{max-width:1440px;margin:0 auto;padding:14px 18px 40px;position:relative}
.tmb h1,.tmb h2,.tmb h3{margin:0}
.tmb-cover{position:relative;background:#f1ece2 url(/img/papier.webp);color:#111;padding:26px 34px 30px;box-shadow:8px 8px 0 #000;transform:rotate(-.4deg);display:grid;grid-template-columns:minmax(0,1.5fr) minmax(0,1fr);gap:8px 40px;overflow:hidden}
.tmb-mast{grid-column:1/-1;text-align:center;border-bottom:5px double #111;padding-bottom:12px}
.tmb-mast h1 .ransom img{height:84px!important;width:auto!important}
.tmb-meta{display:flex;justify-content:space-between;flex-wrap:wrap;gap:6px 16px;font:12px var(--f-ui);letter-spacing:.16em;margin:12px 0 0;border-top:1px solid #111;padding-top:7px}
.tmb-meta b{background:#111;color:var(--acid);padding:2px 10px}
.tmb-lead{display:block;color:#111;padding:14px 0 4px}
.tmb-lead small{font:12px var(--f-ui);letter-spacing:.22em;color:var(--alert)}
.tmb-lead h2{font:700 clamp(34px,4.2vw,68px)/1 Georgia,serif;letter-spacing:-.02em;margin:8px 0 12px}
.tmb-lead p{font:italic 21px/1.35 Georgia,serif;color:#333;margin:0 0 16px;max-width:60ch}
.tmb-go{display:inline-block;background:var(--pink);color:#000;font:20px var(--f-head);letter-spacing:.04em;padding:6px 16px;transform:rotate(-2deg);border:2px solid #000}
.tmb-lead:hover .tmb-go{background:var(--acid)}
.tmb-hasla{list-style:none;margin:0;padding:18px 0 0;display:flex;flex-direction:column;gap:16px;align-self:center}
.tmb-hasla li{transform:rotate(var(--r));background:var(--acid);border:2px solid #000;box-shadow:4px 4px 0 #000}
.tmb-hasla li:nth-child(2){background:#fff}
.tmb-hasla li:nth-child(3){background:var(--pink)}
.tmb-hasla a{display:block;color:#000;font:700 19px/1.15 Georgia,serif;padding:10px 14px}
.tmb-hasla a::before{content:'INSIDE: ';font:12px var(--f-ui);letter-spacing:.18em;display:block;margin-bottom:3px}
.tmb-deko{position:absolute;pointer-events:none;user-select:none}
.tmb-d1{right:14px;bottom:-8px;width:200px;rotate:6deg;opacity:.95}
.tmb-d2{right:230px;bottom:10px;width:70px;rotate:14deg}
.tmb-scrawl{position:absolute;right:36px;top:166px;font:24px/1 var(--f-hand);color:var(--alert);rotate:-8deg;text-align:center}
.tmb-now{position:absolute;left:-34px;top:20px;rotate:-35deg;background:var(--alert);color:#fff;font:15px var(--f-head);letter-spacing:.12em;padding:4px 44px}
.tmb-toc{max-width:980px;margin:34px auto 0;background:#f1ece2;color:#111;padding:20px 28px 16px;box-shadow:6px 6px 0 #000;transform:rotate(.3deg)}
.tmb-toc ol{list-style:none;margin:12px 0 0;padding:0}
.tmb-toc a{display:flex;align-items:baseline;gap:14px;color:#111;padding:9px 0;border-bottom:2px dotted #777}
.tmb-toc a:hover{background:var(--acid)}
.tmb-pg{font:34px/1 var(--f-head);min-width:44px;color:var(--alert)}
.tmb-tt{flex:1;min-width:0}
.tmb-tt small{display:block;font:11px var(--f-ui);letter-spacing:.2em;color:#555}
.tmb-tt b{font:700 19px/1.2 Georgia,serif}
.tmb-by{font:italic 13px Georgia,serif;color:#555;text-align:right;max-width:170px}
.tmb-inside{margin:34px 0 0;columns:3 320px;column-gap:24px}
.tmb-art{break-inside:avoid;display:block;margin:0 0 24px;background:#f1ece2;color:#111;padding:16px 18px;box-shadow:5px 5px 0 #000;transform:rotate(var(--r,0deg));transition:transform .15s}
.tmb-art:hover{transform:rotate(0) translateY(-3px);box-shadow:7px 9px 0 #000}
.tmb-art small{font:11px var(--f-ui);letter-spacing:.2em;color:var(--alert)}
.tmb-art h3{font:700 24px/1.08 Georgia,serif;margin:6px 0 8px}
.tmb-art-wide h3{font-size:34px}
.tmb-art q{display:block;quotes:none;font:italic 700 18px/1.25 Georgia,serif;border-top:3px solid #111;border-bottom:3px solid #111;padding:8px 0;margin:8px 0}
.tmb-art p{font-size:14.5px;line-height:1.5;margin:0 0 10px;color:#222}
.tmb-art p::first-letter{float:left;font:700 44px/.85 Georgia,serif;margin:3px 6px 0 0}
.tmb-more{font:15px var(--f-head);letter-spacing:.08em;background:#111;color:var(--acid);padding:3px 10px}
.tmb-nr{display:flex;justify-content:space-between;gap:10px;margin:6px 0 10px}
.tmb-shelf{margin-top:26px}
.tmb-shelf-in{display:flex;gap:14px;overflow-x:auto;padding:14px 6px 18px;scroll-snap-type:x proximity}
.tmb-mini{flex:none;width:150px;height:200px;scroll-snap-align:start;background:#f1ece2;color:#111;padding:10px;box-shadow:4px 4px 0 #000;display:flex;flex-direction:column;transform:rotate(var(--r))}
.tmb-mini small{font:11px var(--f-ui);letter-spacing:.2em}
.tmb-mini b{font:56px/1 var(--f-head);color:var(--alert)}
.tmb-mini span{font:italic 12px/1.25 Georgia,serif;margin-top:auto;overflow:hidden;display:-webkit-box;-webkit-line-clamp:4;-webkit-box-orient:vertical}
.tmb-mini.on{background:var(--acid);outline:3px solid #000}
.tmb-mini:hover{transform:rotate(0) translateY(-3px)}
.tmb .np-gen{padding:26px 0 0}
.tmb .empty{padding:40px 10px}
.tmb .empty b,.tmb .empty span{display:block}
@media (max-width:900px){
  .tmb{padding:10px 10px 30px}
  .tmb-cover{grid-template-columns:minmax(0,1fr);padding:18px 16px 24px;transform:none}
  .tmb-mast h1 .ransom img{height:36px!important}
  .tmb-lead h2{font-size:32px}
  .tmb-lead p{font-size:17px}
  .tmb-hasla a{font-size:16px}
  .tmb-deko,.tmb-scrawl,.tmb-now{display:none}
  .tmb-toc{padding:14px 14px 10px;transform:none}
  .tmb-tt b{font-size:16px}
  .tmb-by{display:none}
  .tmb-pg{font-size:26px;min-width:32px}
  .tmb-inside{columns:1}
  .tmb-art-wide h3{font-size:26px}
}
/* zdjecia artykulow (14.10.2026) */
.tmb-th{display:block;width:100%;height:auto;aspect-ratio:1/1;object-fit:cover;margin:6px 0 8px;filter:grayscale(.15) contrast(1.05);border:2px solid #111}
.tmb-lead .tmb-th{max-width:340px}
.np-fig{margin:10px 0 14px}
.np-fig img{display:block;width:100%;max-width:560px;height:auto;margin:0 auto;border:2px solid #111;cursor:zoom-in}
.np-fig figcaption{font:11px var(--f-ui);letter-spacing:.15em;text-align:center;color:#555;margin-top:4px}
.np-by a{color:inherit;text-decoration:underline}
.pv-full{display:inline-block;margin:8px 0 0}