/* ────────────────────────────────────────────────────────────────────────────
   БЛОГЪТ. Списък със статии и самата статия.

   Тъмната шапка идва от doc.css — тя е обща за съдържателните страници и не се
   преписва тук. Този файл добавя само решетката, картите и тялото на статията.
   ──────────────────────────────────────────────────────────────────────────── */

.pob{max-width:1180px;margin-inline:auto;padding:clamp(34px,4.5vw,64px) clamp(16px,3vw,32px)}

.pob-grid{
  display:grid;gap:clamp(22px,2.6vw,38px);
  grid-template-columns:repeat(auto-fill,minmax(288px,1fr));
}

.pob-card{position:relative;display:flex;flex-direction:column}
.pob-go{position:absolute;inset:0;z-index:1}
.pob-go:focus-visible{outline:2px solid var(--po-ink,#0c0d0d);outline-offset:3px}

.pob-img{display:block;overflow:hidden;background:var(--po-paper-soft,#faf9f7);margin-bottom:14px}
.pob-img img{
  display:block;width:100%;height:auto;aspect-ratio:3/2;object-fit:cover;
  transition:transform .5s cubic-bezier(.2,.7,.2,1);
}
@media (hover:hover) and (pointer:fine){
  .pob-card:hover .pob-img img{transform:scale(1.03)}
}

.pob-when{margin:0 0 6px;font-size:12px;letter-spacing:.06em;text-transform:uppercase;color:var(--po-muted,#6b6b6b)}
.pob-title{
  margin:0 0 8px;font-family:var(--po-serif);font-weight:400;
  font-size:clamp(20px,1.6vw,24px);line-height:1.25;color:var(--po-ink,#0c0d0d);
}
.pob-lede{margin:0 0 12px;font-size:15px;line-height:1.65;color:#4a4a4a}
.pob-more{
  margin-top:auto;font-size:12px;letter-spacing:.08em;text-transform:uppercase;
  border-bottom:1px solid currentColor;padding-bottom:2px;align-self:flex-start;
}

/* Празен списък. Блогът тръгва без статии — да изглежда като чакащ, не счупен. */
.pob-empty{
  text-align:center;padding:clamp(40px,6vw,90px) 20px;
  border:1px dashed var(--po-line,#e4e0d9);border-radius:3px;
}
.pob-empty p{margin:0 0 18px;font-size:16px;color:var(--po-muted,#6b6b6b)}

.pob-pages{margin-top:clamp(30px,4vw,54px);display:flex;justify-content:center}
.pob-pages .page-numbers{
  display:inline-grid;place-items:center;min-width:38px;height:38px;padding:0 10px;
  border:1px solid var(--po-line,#e4e0d9);border-radius:2px;margin:0 4px;
  font-size:14px;text-decoration:none;color:var(--po-ink,#0c0d0d);
}
.pob-pages .page-numbers.current{background:var(--po-ink,#0c0d0d);border-color:var(--po-ink,#0c0d0d);color:#fff}

/* ─── самата статия ─── */
.pop-art{max-width:760px;margin-inline:auto;padding:clamp(30px,4vw,56px) clamp(16px,3vw,24px) clamp(50px,6vw,90px)}
.pop-art-img{margin:0 0 clamp(24px,3vw,40px)}
.pop-art-img img{display:block;width:100%;height:auto}

.pop-art-body{font-size:17px;line-height:1.75;color:var(--po-ink,#0c0d0d)}
.pop-art-body > * + *{margin-top:1.1em}
.pop-art-body h2{font-family:var(--po-serif);font-weight:400;font-size:clamp(22px,2vw,28px);line-height:1.3;margin-top:1.7em}
.pop-art-body h3{font-size:19px;font-weight:600;margin-top:1.5em}
.pop-art-body ul,.pop-art-body ol{padding-left:22px}
.pop-art-body li + li{margin-top:.4em}
.pop-art-body img{max-width:100%;height:auto}
.pop-art-body blockquote{
  margin-inline:0;padding:4px 0 4px 20px;border-left:3px solid var(--po-red,#d3222a);
  font-family:var(--po-serif);font-size:20px;line-height:1.5;
}
.pop-art-body a{text-decoration:underline;text-underline-offset:2px}

.pop-art-back{margin-top:clamp(34px,4vw,56px);padding-top:22px;border-top:1px solid var(--po-line,#e4e0d9)}
.pop-art-back a{font-size:14px;text-decoration:none}
.pop-art-back a:hover{text-decoration:underline}

@media (max-width:640px){
  .pob-grid{grid-template-columns:1fr}
  .pop-art-body{font-size:16px}
}