.claude-insight{--claude:#d97757;--claude-deep:#91462f;--ink:#1f1b18;--paper:#fbfaf7;background-image:linear-gradient(rgba(74,52,40,.025) 1px,transparent 1px),linear-gradient(90deg,rgba(74,52,40,.025) 1px,transparent 1px);background-size:32px 32px}
.insight-hero{isolation:isolate;min-height:clamp(35rem,72vh,48rem);display:flex;align-items:center;background:radial-gradient(circle at 82% 22%,rgba(218,124,88,.29),transparent 23%),radial-gradient(circle at 8% 90%,rgba(255,255,255,.88),transparent 34%),linear-gradient(135deg,#f6f0e8 0%,#eee2d5 100%)}
.insight-hero:before{content:"";position:absolute;inset:0;z-index:-1;background:linear-gradient(110deg,transparent 48%,rgba(145,70,47,.06) 48.2%,transparent 48.5%)}
.insight-hero h1{max-width:12ch;text-wrap:balance}
.claude-workbench{position:relative;overflow:hidden;border:1px solid rgba(255,255,255,.14);transform:rotate(1.5deg);transition:transform .35s ease,box-shadow .35s ease}
.claude-workbench:hover{transform:rotate(0) translateY(-4px);box-shadow:0 32px 70px rgba(67,40,27,.26)}
.claude-workbench:after{content:"";position:absolute;width:9rem;height:9rem;right:-5rem;bottom:-5rem;border:1.5rem solid rgba(217,119,87,.12);border-radius:50%}
.claude-live-dot{width:.65rem;height:.65rem;border-radius:50%;background:#e49374;box-shadow:0 0 0 0 rgba(228,147,116,.5);animation:claudePulse 2.2s infinite}
.claude-workflow{position:relative;z-index:1;display:flex;align-items:center;gap:.45rem;margin-top:1.4rem;padding:.7rem;border-radius:.9rem;background:rgba(255,255,255,.07)}
.claude-workflow span{flex:1;padding:.5rem .35rem;border-radius:.55rem;background:rgba(255,255,255,.08);font-size:.72rem;font-weight:800;text-align:center;letter-spacing:.03em}
.claude-workflow svg{width:.8rem;height:.8rem;color:#db8b6d;flex:none}
.insight-mobile-nav{position:sticky;top:8.9rem;z-index:30;border-bottom:1px solid #ddd4c9;background:rgba(251,250,247,.94);backdrop-filter:blur(14px);scrollbar-width:none}
.insight-mobile-nav::-webkit-scrollbar{display:none}
.insight-mobile-nav a{flex:none;border:1px solid #ddd4c9;border-radius:999px;background:#fff;padding:.55rem .9rem;font-size:.82rem;font-weight:750;color:#5c544d}
.insight-mobile-nav a:hover{border-color:var(--claude);color:var(--claude-deep)}
.insight-key-takeaway{position:relative;display:grid;grid-template-columns:auto 1fr;gap:1.25rem;overflow:hidden}
.insight-key-takeaway>svg{width:2.5rem;height:2.5rem;padding:.55rem;border-radius:.75rem;background:#f2dfd6;color:var(--claude-deep)}
.insight-key-takeaway:after{content:"";position:absolute;right:-3.5rem;bottom:-4rem;width:10rem;height:10rem;border:.9rem solid rgba(217,119,87,.08);border-radius:50%}
.insight-at-a-glance{display:grid;gap:1.5rem;margin-top:1.5rem;padding:1.5rem;border:1px solid #dfd8ce;border-radius:1.4rem;background:#f3ece4}
.insight-at-a-glance>div>p{font-size:.75rem;font-weight:850;letter-spacing:.14em;color:var(--claude-deep)}
.insight-at-a-glance h2{margin-top:.35rem;font-size:1.55rem;font-weight:750;letter-spacing:-.025em}
.insight-at-a-glance ul{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.75rem;list-style:none}
.insight-at-a-glance li{display:grid;gap:.2rem;padding:.9rem 1rem;border-radius:.85rem;background:rgba(255,255,255,.75)}
.insight-at-a-glance li strong{font-size:.76rem;letter-spacing:.05em;text-transform:uppercase;color:#8c4b35}
.insight-at-a-glance li span{font-size:.94rem;line-height:1.45;color:#4f4944}
.insight-concept-figure{position:relative;margin-top:2.25rem;overflow:hidden;border-radius:1.5rem;background:#211e1b;box-shadow:0 24px 60px rgba(62,43,32,.15)}
.insight-concept-figure img{display:block;width:100%;height:auto;aspect-ratio:3/2;object-fit:cover}
.insight-concept-figure figcaption{position:relative;display:grid;gap:.45rem;padding:1.25rem 1.4rem;color:#f8f1ec}
.insight-concept-figure figcaption:before{content:"";position:absolute;left:0;top:1.25rem;bottom:1.25rem;width:3px;background:var(--claude)}
.insight-concept-figure figcaption span{font-size:.72rem;font-weight:850;letter-spacing:.14em;color:#df9375}
.insight-concept-figure figcaption strong{font-size:1.05rem;line-height:1.5}
.insight-concept-figure figcaption p{font-size:.86rem;line-height:1.55;color:#cfc4bc}
.insight-concept-light{background:#f0e6dc;border:1px solid #d9cec1;box-shadow:0 20px 50px rgba(62,43,32,.11)}
.insight-concept-light figcaption{color:#2b231e}
.insight-concept-light figcaption p{color:#675e57}
.claude-insight article section[id]{position:relative}
.claude-insight article section[id]>h2{text-wrap:balance}
.claude-insight article details summary span{transition:transform .2s ease}
.claude-insight article a:focus-visible,.claude-insight article summary:focus-visible{outline:3px solid rgba(217,119,87,.45);outline-offset:4px;border-radius:.35rem}
@keyframes claudePulse{0%,100%{box-shadow:0 0 0 0 rgba(228,147,116,.45)}50%{box-shadow:0 0 0 .45rem rgba(228,147,116,0)}}
@media(max-width:1023px){.insight-hero{min-height:auto}.claude-workbench{transform:none}.insight-article-grid{padding-top:2.5rem}}
@media(max-width:639px){.insight-mobile-nav{top:5rem}.insight-key-takeaway{grid-template-columns:1fr}.insight-hero h1{font-size:3.7rem}.claude-workflow{gap:.25rem}.claude-workflow span{font-size:.65rem}.insight-at-a-glance ul{grid-template-columns:1fr}.insight-concept-figure{border-radius:1rem}.insight-concept-figure img{aspect-ratio:4/3}.insight-concept-figure figcaption{padding:1rem 1.1rem}}
@media(prefers-reduced-motion:reduce){.claude-live-dot{animation:none}.claude-workbench{transition:none}}