/* SANCAI LIGHTING — public Insights (News/Blog) styles. Loaded after styles.css. */
:root{
  --bg:#080a10; --panel:#0f1320; --line:#222838; --line-2:#2c3346;
  --txt:#e8ecf4; --muted:#8b93a7;
  --accent:#5b8cff; --accent-2:#25e0d6; --accent-grad:linear-gradient(135deg,#5b8cff,#25e0d6);
  --radius:16px;
  --sans:'Inter',system-ui,sans-serif; --display:'Space Grotesk','Cormorant Garamond',serif;
}
.ins-hero{padding:150px 0 60px;position:relative}
.ins-hero .eyebrow{color:var(--accent-2);letter-spacing:.18em;text-transform:uppercase;font-size:12px;font-weight:600;margin:0 0 14px}
.ins-hero h1{font-family:var(--display);font-size:clamp(34px,5vw,56px);line-height:1.05;margin:0 0 18px;font-weight:600;max-width:14ch}
.ins-lead{color:var(--muted);max-width:60ch;font-size:16px;margin:0}

.art-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:22px}
.art-card{display:block;background:linear-gradient(180deg,var(--panel),#0b0e16);border:1px solid var(--line);border-radius:var(--radius);overflow:hidden;transition:.25s;position:relative}
.art-card:hover{border-color:var(--line-2);transform:translateY(-2px);box-shadow:0 12px 32px rgba(0,0,0,.35)}
.art-cover{aspect-ratio:16/10;overflow:hidden;background:#0b0e16}
.art-cover img{width:100%;height:100%;object-fit:cover;transition:transform .8s cubic-bezier(.2,.7,.2,1)}
.art-card:hover .art-cover img{transform:scale(1.03)}
.art-body{padding:20px}
.art-meta{display:flex;gap:12px;align-items:center;font-size:12px;color:var(--muted);margin-bottom:10px}
.art-cat{color:var(--accent-2);font-weight:600;letter-spacing:.04em;text-transform:uppercase;font-size:11px}
.art-card h2{font-family:var(--display);font-size:19px;margin:0 0 8px;line-height:1.25;font-weight:600}
.art-card p{color:var(--muted);font-size:13.5px;margin:0 0 14px;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
.art-tags{display:flex;flex-wrap:wrap;gap:6px}
.chip{font-size:11px;padding:3px 9px;border-radius:20px;background:rgba(91,140,255,.1);border:1px solid var(--line-2);color:#aab4d4}
.art-empty{text-align:center;color:var(--muted);padding:60px}

/* Detail */
.art-detail{padding:130px 0 40px}
.art-detail-wrap{max-width:820px;margin:0 auto}
.art-back{display:inline-block;color:var(--muted);font-size:13px;margin-bottom:22px;transition:.2s}
.art-back:hover{color:var(--accent-2)}
.art-meta-top{display:flex;gap:14px;align-items:center;font-size:13px;color:var(--muted);margin-bottom:16px;flex-wrap:wrap}
.art-meta-top .art-cat{font-size:12px}
.art-author{color:#aab4d4}
.art-title{font-family:var(--display);font-size:clamp(30px,4.4vw,48px);line-height:1.08;margin:0 0 18px;font-weight:600}
.art-excerpt{font-size:18px;color:#c4ccdd;line-height:1.6;margin:0 0 28px}
.art-hero-img{border-radius:var(--radius);overflow:hidden;margin:0 0 34px;border:1px solid var(--line)}
.art-hero-img img{width:100%;display:block}
.art-content{font-size:16.5px;line-height:1.8;color:#d4dae8}
.art-content h1,.art-content h2,.art-content h3{font-family:var(--display);color:#fff;margin:1.5em 0 .6em;line-height:1.2;font-weight:600}
.art-content h2{font-size:27px}.art-content h3{font-size:22px}
.art-content p{margin:0 0 1.1em}
.art-content a{color:var(--accent);text-decoration:underline;text-underline-offset:3px}
.art-content img{max-width:100%;border-radius:12px;margin:14px 0;border:1px solid var(--line)}
.art-content ul,.art-content ol{padding-left:24px;margin:0 0 1.1em}
.art-content li{margin:.35em 0}
.art-content blockquote{border-left:3px solid var(--accent);padding:6px 0 6px 18px;margin:1.2em 0;color:#c4ccdd;font-style:italic}
.art-content code{background:var(--panel);padding:2px 7px;border-radius:6px;font-family:'JetBrains Mono',monospace;font-size:14px}
.art-content pre{background:var(--panel);padding:16px;border-radius:12px;overflow:auto;border:1px solid var(--line)}
.art-content pre code{background:none;padding:0}
.art-tags-detail{margin-top:34px;display:flex;flex-wrap:wrap;gap:8px}

@media(max-width:980px){.art-grid{grid-template-columns:repeat(2,1fr)}}
@media(max-width:640px){.art-grid{grid-template-columns:1fr}.art-detail{padding-top:110px}}