/* Per-block style variations (керовані через block styles + color picker) */
.wp-block-group.is-style-card{
  border:1px solid var(--wp--preset--color--border);
  border-radius:14px; padding:1.5rem; background:var(--wp--preset--color--base);
}
.wp-block-group.is-style-navy-panel{
  background:var(--wp--preset--color--brand-navy); color:var(--wp--preset--color--base);
  border-radius:18px; padding:2rem;
}
.wp-block-group.is-style-navy-panel :where(h1,h2,h3,p){ color:inherit; }

/* Слот-сітка: адаптивний grid поверх core columns */
.wp-block-columns.is-style-slot-grid{
  display:grid; grid-template-columns:repeat(auto-fill,minmax(150px,1fr));
  gap:1rem; align-items:stretch;
}
.wp-block-columns.is-style-slot-grid > .wp-block-column{ flex-basis:auto !important; }
.slot-tile{ position:relative; border-radius:14px; overflow:hidden; border:1px solid var(--wp--preset--color--border); }
.slot-tile img{ display:block; width:100%; height:auto; aspect-ratio:1/1; object-fit:cover; }
.slot-tile .slot-play{ position:absolute; inset:0; display:grid; place-items:center; opacity:0; background:rgba(13,110,253,.35); transition:opacity .2s; }
.slot-tile:hover .slot-play{ opacity:1; }

/* TOC pill nav */
.toc-nav{ display:flex; flex-wrap:wrap; gap:.5rem; }
.toc-nav a{ border:1px solid var(--wp--preset--color--border); border-radius:999px; padding:.35rem 1rem; font-size:.9rem; text-decoration:none; }
.toc-nav a:hover,.toc-nav a.is-active{ background:var(--wp--preset--color--brand-primary); color:#fff; border-color:transparent; }

/* Sticky header */
.site-header.is-stuck{ box-shadow:0 4px 16px rgba(0,0,0,.12); }
html{ scroll-behavior:smooth; scroll-padding-top:80px; }

/* Hero layered bg */
.hero-navy{ background:var(--wp--preset--gradient--hero-navy); border-radius:0 0 24px 24px; overflow:hidden; }

/* Breadcrumbs */
.igb-breadcrumbs{ font-size:.85rem; margin:.5rem 0 1.2rem; }
.igb-breadcrumbs ol{ list-style:none; display:flex; flex-wrap:wrap; gap:.4rem; align-items:center; margin:0; padding:0; }
.igb-breadcrumbs a{ text-decoration:none; color:var(--wp--preset--color--muted); }
.igb-breadcrumbs a:hover{ color:var(--wp--preset--color--brand-primary); }
.igb-breadcrumbs [aria-current="page"]{ color:var(--wp--preset--color--brand-dark); font-weight:600; }
.igb-breadcrumbs .sep{ color:var(--wp--preset--color--border); }

/* Answer-first / TL;DR block */
.wp-block-group.is-style-answer{
  border-left:4px solid var(--wp--preset--color--brand-primary);
  background:var(--wp--preset--color--base-2); border-radius:0 12px 12px 0;
  padding:1.2rem 1.5rem; margin:0 0 2rem;
}
.wp-block-group.is-style-answer p{ margin:.3rem 0 0; }

/* Entity / key-facts block */
.igb-key-facts{ border:1px solid var(--wp--preset--color--border); border-radius:14px; overflow:hidden; margin:0 0 2rem; }
.igb-key-facts caption{ background:var(--wp--preset--color--brand-dark); color:#fff; padding:.7rem 1rem; font-weight:700; text-align:left; }
.igb-key-facts table{ width:100%; border-collapse:collapse; }
.igb-key-facts td{ padding:.7rem 1rem; border-top:1px solid var(--wp--preset--color--border); }
.igb-key-facts td:first-child{ font-weight:600; width:40%; }

/* Author box (E-E-A-T) */
.igb-author-box{ display:flex; gap:1rem; align-items:center; border:1px solid var(--wp--preset--color--border); border-radius:14px; padding:1rem 1.2rem; margin:2rem 0; }
.igb-author-box img{ border-radius:50%; width:56px; height:56px; object-fit:cover; }
.igb-author-box .igb-author-meta{ font-size:.9rem; }
.igb-author-box .igb-author-name{ font-weight:700; }
.igb-last-updated{ font-size:.85rem; color:var(--wp--preset--color--muted); margin:.3rem 0 1rem; }

/* Focus visibility (a11y) */
a:focus-visible, button:focus-visible, summary:focus-visible{ outline:3px solid var(--wp--preset--color--brand-primary); outline-offset:2px; }