/* Caster – blog list and article (mockup blog.html, cikk.html). */

/* ---------- list ---------- */
.cc-blog-hero .is-style-lead{margin-top:22px!important}
.cc-blog-hero h1{margin-top:28px!important}
.cc-filters{display:flex;gap:8px;flex-wrap:wrap;margin-bottom:44px}
.cc-filters a{padding:10px 18px;border-radius:999px;border:1px solid var(--cc-line-2);font-size:14.5px;font-weight:500;color:var(--cc-slate);text-decoration:none}
.cc-filters a:hover{border-color:var(--cc-ink);color:var(--cc-ink)}
.cc-filters a[aria-current]{background:var(--cc-ink);border-color:var(--cc-ink);color:#fff}
.cc-featured{display:grid;grid-template-columns:1.2fr 1fr;gap:48px;align-items:center;margin-bottom:72px;padding-bottom:72px;border-bottom:1px solid var(--cc-line);text-decoration:none;color:var(--cc-text)}
.cc-featured__thumb{aspect-ratio:16/10;border-radius:var(--cc-r-lg);overflow:hidden;background:var(--cc-ink)}
.cc-featured__thumb svg,.cc-featured__thumb img{width:100%;height:100%;object-fit:cover;display:block}
.cc-featured h2{font-size:clamp(28px,3.2vw,40px);line-height:1.15;margin:16px 0 0;transition:color .15s}
.cc-featured:hover h2{color:var(--cc-gold-700)}
.cc-featured p{color:var(--cc-slate);font-size:17px;margin:16px 0 0}
.cc-byline{display:flex;gap:12px;align-items:center;font-size:14px;color:var(--cc-slate);margin-top:26px}
.cc-byline .cc-avatar{width:40px;height:40px;font-size:14px}
.cc-byline b{color:var(--cc-ink);font-weight:600;display:block}
.cc-byline b a{color:inherit;text-decoration:none}
.cc-posts--list{row-gap:56px}
.cc-pager{display:flex;gap:8px;justify-content:center;flex-wrap:wrap;margin-top:72px}
.cc-pager .page-numbers{min-width:44px;height:44px;box-sizing:border-box;border-radius:999px;border:1px solid var(--cc-line-2);display:grid;place-items:center;font-weight:600;font-size:14.5px;padding:0 14px;color:var(--cc-ink);text-decoration:none}
.cc-pager .page-numbers.current{background:var(--cc-ink);color:#fff;border-color:var(--cc-ink)}
.cc-pager .dots{border:0}
.cc-empty{font-size:18px;color:var(--cc-slate)}

/* ---------- article ---------- */
.cc-single{background:#fff}
.cc-article-hero{background:var(--cc-paper);border-bottom:1px solid var(--cc-line);padding:56px var(--cc-gutter)}
.cc-article-hero__in{max-width:900px;margin:0 auto}
.cc-article-hero .cc-crumbs ol{color:var(--cc-slate)}
.cc-article-hero .cc-crumbs a{color:var(--cc-slate)!important}
.cc-article-hero .cc-crumbs a:hover{color:var(--cc-ink)!important}
.cc-article-hero .cc-crumbs li + li::before{color:var(--cc-line-2)}
.cc-article-hero h1{font-size:clamp(34px,4.6vw,54px);margin:22px 0 0;letter-spacing:-.03em;line-height:1.1}
.cc-article-lead{font-size:20px;line-height:1.6;color:var(--cc-text);margin:24px 0 0}
.cc-art-cover{max-width:1100px;margin:0 auto;padding:0 var(--cc-gutter)}
.cc-art-cover__thumb{aspect-ratio:21/9;border-radius:0 0 var(--cc-r-lg) var(--cc-r-lg);overflow:hidden;background:var(--cc-ink)}
.cc-art-cover__thumb svg,.cc-art-cover__thumb img{width:100%;height:100%;object-fit:cover;display:block}
.cc-art-layout{display:grid;grid-template-columns:220px minmax(0,680px) 220px;gap:56px;justify-content:center;padding:72px var(--cc-gutter) 48px;align-items:start}
.cc-art-layout > *{margin:0!important}
.cc-art-main{min-width:0}
.cc-toc{position:sticky;top:100px;font-size:14px}
.cc-toc b{display:block;font-size:12px;letter-spacing:.14em;text-transform:uppercase;color:var(--cc-slate);margin-bottom:14px}
.cc-toc ol{list-style:none;padding:0;margin:0;display:grid;gap:4px;border-left:1px solid var(--cc-line)}
.cc-toc a{display:block;padding:6px 0 6px 16px;margin-left:-1px;border-left:2px solid transparent;color:var(--cc-slate);line-height:1.4;text-decoration:none}
.cc-toc a:hover,.cc-toc a.is-active{color:var(--cc-ink);border-left-color:var(--cc-gold)}
.cc-share{position:sticky;top:100px;display:grid;gap:10px;font-size:13px;color:var(--cc-slate)}
.cc-share .cc-social{margin-top:0}
.cc-share .cc-social a,.cc-share .cc-social button{width:40px;height:40px;border-radius:50%;border:1px solid var(--cc-line);display:grid;place-items:center;color:var(--cc-slate);background:#fff;cursor:pointer;padding:0}
.cc-share .cc-social a:hover,.cc-share .cc-social button:hover{border-color:var(--cc-ink);color:var(--cc-ink)}
.cc-share .cc-icon{width:17px;height:17px}
.cc-copy__status{min-height:1em;color:var(--cc-ok)}

/* article body */
.cc-article-content{font-size:17px;line-height:1.75;color:var(--cc-text)}
.cc-article-content > * + *{margin-top:1.1em}
.cc-article-content h2{font-size:32px;margin-top:1.8em;scroll-margin-top:96px}
.cc-article-content h3{font-size:22px;margin-top:1.6em}
.cc-article-content a{color:var(--cc-gold-700);text-decoration:underline;text-underline-offset:3px}
.cc-article-content ul,.cc-article-content ol{padding-left:1.2em}
.cc-article-content li + li{margin-top:.4em}
.cc-article-content .wp-block-quote{margin:1.6em 0;padding:22px 26px;border-left:3px solid var(--cc-gold);background:var(--cc-paper);border-radius:0 var(--cc-r) var(--cc-r) 0;font-size:18px;color:var(--cc-ink)}
.cc-article-content .wp-block-quote p{margin:0}
.cc-article-content .wp-block-table{margin:1.6em 0;overflow-x:auto}
.cc-article-content table{width:100%;border-collapse:collapse;font-size:15.5px}
.cc-article-content th,.cc-article-content td{border:0;border-bottom:1px solid var(--cc-line);padding:12px 14px;text-align:left;vertical-align:top}
.cc-article-content thead th{background:var(--cc-paper);font-weight:600;color:var(--cc-ink);border-bottom:2px solid var(--cc-line-2)}
.cc-article-content .wp-block-details{border:1px solid var(--cc-line);border-radius:var(--cc-r);background:#fff;padding:0 22px;margin-top:12px}
.cc-article-content .wp-block-details summary{cursor:pointer;padding:18px 0;font:600 17px/1.35 var(--cc-font-d);color:var(--cc-ink);list-style:none;display:flex;justify-content:space-between;gap:16px}
.cc-article-content .wp-block-details summary::-webkit-details-marker{display:none}
.cc-article-content .wp-block-details summary::after{content:"+";font:300 26px/1 var(--wp--preset--font-family--inter);color:var(--cc-gold-700)}
.cc-article-content .wp-block-details[open] summary::after{content:"–"}
.cc-article-content .wp-block-details > :not(summary){margin:0 0 18px;color:var(--cc-slate)}
.cc-article-content code{font-size:.9em;background:var(--cc-paper);padding:2px 6px;border-radius:6px}
.cc-article-content .wp-block-code{background:var(--cc-ink);color:#E6E3DC;padding:20px;border-radius:var(--cc-r);overflow-x:auto;font-size:14px}
.cc-article-content .wp-block-code code{background:none;padding:0}
.cc-author-box{display:flex;gap:20px;padding:28px;border-radius:var(--cc-r-lg);border:1px solid var(--cc-line);margin-top:48px}
.cc-author-box .cc-avatar{width:64px;height:64px;font-size:20px}
.cc-author-box b{font:600 18px/1.3 var(--cc-font-d);color:var(--cc-ink)}
.cc-author-box b a{color:inherit;text-decoration:none}
.cc-author-box p{font-size:15px;color:var(--cc-slate);margin:6px 0 0}

@media (max-width:1080px){
  .cc-featured{grid-template-columns:1fr}
  .cc-art-layout{grid-template-columns:minmax(0,720px)}
  .cc-toc,.cc-share{position:static}
  .cc-toc{display:none}
  .cc-share{order:3}
}
@media (max-width:680px){
  .cc-article-hero{padding-block:40px}
  .cc-art-cover__thumb{aspect-ratio:16/9}
  .cc-author-box{flex-direction:column}
}