/* Claude Code Studio: palette drawn from the current @ClaudeCode_love avatar.
   Decorative gradients are separate from text-bearing controls for contrast. */
:root{
  --ink:#202940;
  --purple:#aa402e;
  --cyan:#aa402e;
  --paper:#f8f4eb;
  --muted:#62605d;
  --gradient:linear-gradient(100deg,#ad3d2b 0%,#a8482f 52%,#965337 100%);
  --brand-wash:linear-gradient(105deg,#c65139 0%,#e78d6d 52%,#f4cc9e 100%);
  --brand-line:#e7d9c8;
  --brand-soft:#faf2e7;
}
.header{background:rgba(248,244,235,.98);border-bottom-color:rgba(154,67,43,.1)}
.brand{gap:11px}
.brand-avatar{width:64px;height:64px;flex:0 0 auto;object-fit:contain;border-radius:50%}
.brand-words b{color:var(--purple)}
.hero-cta .brand-avatar{width:66px;height:66px}
.footer .brand-avatar{width:68px;height:68px}
.footer .brand-words b{color:#f2b496}
.pill{background:var(--gradient)}
.pill:hover{background:#903523}
.pill.light{background:#fff;color:var(--purple)}
.pill.gradient:hover{background:linear-gradient(100deg,#91311f,#884329)}
.icon-button:hover{background:#eee1cf}
.category-menu{border-color:var(--brand-line);box-shadow:0 18px 55px #60432620}
.search-panel{box-shadow:0 20px 30px #42322418}
.search-box input,.archive-search input{border-color:#cbbb9f}
.hero,.footer-cta{background:var(--brand-wash)}
.hero-image,.article-card .card-image,.article-hero{background:#f4ead9}
.metadata,.byline strong,.footer-cta-card h2,.toc summary,.article-body a,.sources a{color:var(--purple)}
.meta-icon{color:#b3573e}
.byline span,.article-lead,.article-body figcaption,.sources small,.side-note{color:var(--muted)}
.slide-dot:after{background:#ffffffa8}
.slide-dot[aria-current="true"]:after{background:var(--ink)}
.carousel-pause{color:var(--ink);background:#ffffff75;border-color:#20294070}
.chip{color:#5e574f}
.chip:hover{box-shadow:0 3px 12px #86432c1a}
.chip.active{color:#fff}
.article-card{box-shadow:0 10px 45px #66503c08}
.article-card:hover{box-shadow:0 14px 35px #70483118}
.tags{border-color:var(--brand-line)}
.side-banner{background:#f0dfc5;color:var(--ink)}
.side-banner.dark{background:linear-gradient(135deg,#202940,#3a3c4a 74%,#705146)}
.side-banner.dark strong{color:#ffd6b5}
.side-banner.dark:before{border-color:#f2b49644}
.side-banner.rose{background:linear-gradient(135deg,#f5dace,#f4e7d8);color:#7d3529}
.side-banner.cyan{background:linear-gradient(135deg,#a73b28,#95523a);color:#fff}
.side-banner.cream{background:#f6ead0;color:#55442d}
.filter-status{color:#79513e}
.footer{background:#202940}
.footer-tagline,.footer-links a{color:#eee5d7}
.backtop{border-color:#c99c7d;box-shadow:0 5px 15px #61412818}
.article-actions button,.toc,.table-scroll,.article-body th,.article-body td,.article-related .article-card{border-color:var(--brand-line)}
.toc{background:var(--brand-soft)}
.article-body h2{border-bottom-color:#e0bca3}
.article-body .lead-box,.article-body .callout,.article-body blockquote{background:var(--brand-soft);border-color:var(--brand-line)}
.article-body pre{background:#202940;color:#f8eddd}
.article-body th{background:#f3e4d1}
.article-body .cta-inline,.article-body .inline-cta,.sources{background:var(--brand-soft)}
.consult{background:linear-gradient(125deg,#202940,#424354)}
.consult small{color:#ecd5c4}
.notice{border-left-color:#bc654c;background:#fcf2e7}
@media(max-width:1280px){.brand-avatar{width:56px;height:56px}}
@media(max-width:700px){
  .brand{gap:9px}
  .brand-avatar{width:48px;height:48px}
  .hero-cta .brand-avatar{width:57px;height:57px}
  .footer .brand-avatar{width:58px;height:58px}
  .table-scroll:before{background:#f3e7d6;color:#6c5543}
}
@media(max-width:360px){.brand{gap:7px}.brand-avatar{width:43px;height:43px}}

/* Generated editorial covers use a true 16:9 composition. */
.hero-image,.article-card .card-image{aspect-ratio:16/9}

/* Eight slide indicators fit narrow screens without widening the page. */
@media (max-width: 700px) {
  .carousel-controls { gap: 4px; }
  .slide-dot { width: 24px; height: 44px; flex: 0 0 24px; }
  .slide-dot:after { top: 20px; }
  .carousel-pause { width: 44px; height: 44px; flex: 0 0 44px; margin-left: 4px; }
}