/* Classie — Resources page styles (placeholder/template). */
.res-nav{position:sticky;top:0;z-index:50;display:flex;align-items:center;justify-content:space-between;
  padding:16px clamp(20px,4vw,48px);background:var(--bg-chrome);backdrop-filter:blur(24px);-webkit-backdrop-filter:blur(24px);
  border-bottom:1px solid var(--border-quiet);}
.res-nav .nav-brand{display:flex;align-items:center;gap:10px;}
.res-nav .nav-word{font-family:var(--f-display,'Geist');font-weight:700;font-size:22px;color:var(--fg-primary);letter-spacing:-.02em;}
.res-nav-links{display:flex;gap:30px;}
.res-nav-links a{font-size:14.5px;color:var(--fg-tertiary);text-decoration:none;transition:color .15s;}
.res-nav-links a:hover,.res-nav-links a.on{color:var(--fg-primary);}
@media(max-width:820px){.res-nav-links{display:none;}}

.res-hero{max-width:1180px;margin:0 auto;padding:72px clamp(20px,4vw,48px) 32px;}
.res-flag{display:inline-flex;align-items:center;gap:8px;font-family:var(--f-mono,monospace);font-size:11px;letter-spacing:.08em;
  text-transform:uppercase;color:var(--brand-primary-hover);background:var(--brand-primary-10);border:1px solid var(--brand-primary-16);
  border-radius:999px;padding:6px 13px;margin-bottom:22px;}
.res-h1{font-family:var(--f-display,'Geist');font-weight:800;font-size:clamp(38px,5vw,60px);line-height:1.02;letter-spacing:-.035em;
  color:var(--fg-primary);margin:0;max-width:760px;}
.res-sub{font-size:18px;line-height:1.55;color:var(--fg-secondary);max-width:600px;margin:20px 0 0;}

/* two-column split: blog vs support */
.res-split{max-width:1180px;margin:40px auto 0;padding:0 clamp(20px,4vw,48px);display:grid;grid-template-columns:1fr 1fr;gap:20px;}
.res-split-card{position:relative;overflow:hidden;display:flex;flex-direction:column;border-radius:18px;padding:34px 32px;
  border:1px solid var(--border-default);background:var(--bg-surface);text-decoration:none;transition:border-color .2s var(--ease-out),transform .2s var(--ease-out);min-height:230px;}
.res-split-card:hover{transform:translateY(-4px);}
.res-split-card.blog:hover{border-color:var(--brand-primary);}
.res-split-card.support:hover{border-color:var(--accent-mint);}
.res-split-card::before{content:"";position:absolute;inset:0;opacity:.7;pointer-events:none;}
.res-split-card.blog::before{background:radial-gradient(ellipse 70% 70% at 100% 0%,rgba(0,173,255,.16),transparent 60%);}
.res-split-card.support::before{background:radial-gradient(ellipse 70% 70% at 100% 0%,rgba(107,255,206,.14),transparent 60%);}
.res-split-ico{position:relative;width:46px;height:46px;border-radius:12px;display:flex;align-items:center;justify-content:center;margin-bottom:auto;}
.res-split-card.blog .res-split-ico{background:var(--brand-primary-10);border:1px solid var(--brand-primary-16);color:var(--brand-primary-hover);}
.res-split-card.support .res-split-ico{background:rgba(107,255,206,.1);border:1px solid rgba(107,255,206,.28);color:var(--accent-mint);}
.res-split-k{position:relative;font-family:var(--f-mono,monospace);font-size:11px;letter-spacing:.14em;text-transform:uppercase;color:var(--fg-tertiary);margin:22px 0 0;}
.res-split-h{position:relative;font-family:var(--f-geist,'Geist');font-weight:700;font-size:clamp(22px,2.6vw,28px);letter-spacing:-.02em;color:var(--fg-primary);margin:8px 0 0;line-height:1.1;}
.res-split-p{position:relative;font-size:15px;line-height:1.55;color:var(--fg-tertiary);margin:10px 0 0;max-width:420px;}
.res-split-cta{position:relative;font-family:var(--f-mono,monospace);font-size:13px;margin-top:20px;display:inline-flex;align-items:center;gap:7px;}
.res-split-card.blog .res-split-cta{color:var(--brand-primary-hover);}
.res-split-card.support .res-split-cta{color:var(--accent-mint);}
.res-split-card .arr{transition:transform .18s var(--ease-out);}
.res-split-card:hover .arr{transform:translateX(3px);}
.res-library-label{max-width:1180px;margin:64px auto 0;padding:0 clamp(20px,4vw,48px);font-family:var(--f-mono,monospace);font-size:12px;letter-spacing:.14em;text-transform:uppercase;color:var(--fg-tertiary);}
@media(max-width:760px){.res-split{grid-template-columns:1fr;}}

.res-wrap{max-width:1180px;margin:0 auto;padding:0 clamp(20px,4vw,48px) 100px;}
.res-filters{display:flex;gap:8px;flex-wrap:wrap;margin:32px 0 28px;border-bottom:1px solid var(--border-default);padding-bottom:20px;}
.res-chip{font-family:var(--f-mono,monospace);font-size:12.5px;color:var(--fg-tertiary);background:var(--bg-surface);
  border:1px solid var(--border-default);border-radius:8px;padding:8px 14px;cursor:pointer;transition:all .15s;}
.res-chip.on,.res-chip:hover{color:var(--brand-primary-hover);border-color:var(--brand-primary-16);background:var(--brand-primary-10);}

/* featured */
.res-feature{display:grid;grid-template-columns:1.1fr .9fr;gap:0;background:var(--bg-surface);border:1px solid var(--border-default);
  border-radius:18px;overflow:hidden;margin-bottom:36px;}
.res-feature-body{padding:40px;display:flex;flex-direction:column;justify-content:center;}
.res-cat{font-family:var(--f-mono,monospace);font-size:11px;letter-spacing:.12em;text-transform:uppercase;color:var(--brand-primary-hover);}
.res-feature-h{font-family:var(--f-display,'Geist');font-weight:700;font-size:clamp(24px,2.6vw,32px);line-height:1.12;letter-spacing:-.02em;
  color:var(--fg-primary);margin:14px 0 0;}
.res-feature-x{font-size:15.5px;line-height:1.6;color:var(--fg-tertiary);margin:16px 0 24px;}
.res-thumb{position:relative;min-height:280px;display:flex;align-items:center;justify-content:center;color:rgba(255,255,255,.6);}
.res-thumb svg{width:64px;height:64px;opacity:.85;}
.res-thumb.g1{background:radial-gradient(ellipse 80% 80% at 30% 20%,rgba(0,173,255,.5),transparent 60%),linear-gradient(135deg,#0e3a72,#081943);}
.res-thumb.g2{background:radial-gradient(ellipse 80% 80% at 70% 30%,rgba(107,255,206,.4),transparent 60%),linear-gradient(135deg,#0c2f3a,#081943);}
.res-thumb.g3{background:radial-gradient(ellipse 80% 80% at 30% 70%,rgba(249,115,22,.35),transparent 60%),linear-gradient(135deg,#2a1b10,#0e0c14);}
.res-thumb.g4{background:radial-gradient(ellipse 80% 80% at 60% 40%,rgba(168,139,250,.4),transparent 60%),linear-gradient(135deg,#1c1633,#0e0c14);}
.res-thumb.g5{background:radial-gradient(ellipse 80% 80% at 40% 30%,rgba(48,189,255,.4),transparent 60%),linear-gradient(135deg,#0e2c45,#081943);}
.res-thumb.g6{background:radial-gradient(ellipse 80% 80% at 50% 60%,rgba(244,63,94,.3),transparent 60%),linear-gradient(135deg,#2a1118,#0e0c14);}

/* grid */
.res-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:24px;}
.res-card{background:var(--bg-surface);border:1px solid var(--border-default);border-radius:16px;overflow:hidden;
  transition:border-color .2s,transform .2s;cursor:pointer;display:flex;flex-direction:column;}
.res-card:hover{border-color:var(--brand-primary);transform:translateY(-4px);}
.res-card .res-thumb{min-height:170px;}
.res-card .res-thumb svg{width:46px;height:46px;}
.res-card-body{padding:22px;flex:1;display:flex;flex-direction:column;}
.res-card-h{font-family:var(--f-display,'Geist');font-weight:600;font-size:18px;line-height:1.25;letter-spacing:-.01em;color:var(--fg-primary);margin:12px 0 0;}
.res-card-x{font-size:14px;line-height:1.5;color:var(--fg-tertiary);margin:10px 0 0;}
.res-card-meta{font-family:var(--f-mono,monospace);font-size:11px;color:var(--fg-muted);margin-top:16px;}
@media(max-width:900px){.res-feature{grid-template-columns:1fr;}.res-thumb{min-height:200px;}.res-grid{grid-template-columns:1fr 1fr;}}
@media(max-width:600px){.res-grid{grid-template-columns:1fr;}}

.res-foot{border-top:1px solid var(--border-default);}
.res-foot-in{max-width:1180px;margin:0 auto;padding:40px clamp(20px,4vw,48px);display:flex;justify-content:space-between;align-items:center;gap:20px;flex-wrap:wrap;}
.res-foot-copy{font-family:var(--f-mono,monospace);font-size:12px;color:var(--fg-muted);}