/* Colleviate blog + article shared styles. Enterprise system, matches index.html tokens. */
:root{
  --bg:#08090B; --panel:#0C0E11; --panel-2:#101317;
  --line:rgba(255,255,255,.07); --line-2:rgba(255,255,255,.12); --line-3:rgba(255,255,255,.2);
  --text:#ECEDEF; --muted:#9A9CA3; --faint:#62646C;
  --acc:#CCFF00; --acc-2:#b6e600; --acc-ink:#08090B;
  --acc-dim:rgba(204,255,0,.09); --acc-line:rgba(204,255,0,.34);
  --max:1100px; --ease:cubic-bezier(.22,.61,.36,1);
  --mono:'JetBrains Mono',ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;
}
*,*::before,*::after{box-sizing:border-box;margin:0;padding:0;}
html{-webkit-text-size-adjust:100%;scroll-behavior:smooth;}
body{font-family:'Inter','Helvetica Neue',Arial,sans-serif;background:var(--bg);color:var(--text);font-size:16px;line-height:1.6;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;overflow-x:hidden;}
body::before{content:'';position:fixed;inset:0;z-index:0;pointer-events:none;opacity:.5;background-image:radial-gradient(circle,rgba(255,255,255,.03) 1px,transparent 1px);background-size:42px 42px;-webkit-mask-image:linear-gradient(180deg,#000,transparent 70%);mask-image:linear-gradient(180deg,#000,transparent 70%);}
nav,main,footer{position:relative;z-index:1;}
a{color:inherit;text-decoration:none;}
img{display:block;}
.wrap{width:min(calc(100% - 56px),var(--max));margin:0 auto;}
::selection{background:var(--acc);color:var(--acc-ink);}
h1,h2,h3{font-family:'Inter Tight','Inter',sans-serif;font-weight:600;letter-spacing:-.022em;line-height:1.1;}
.mono{font-family:var(--mono);}
.kick{font-family:var(--mono);font-size:.72rem;font-weight:500;letter-spacing:.2em;text-transform:uppercase;color:var(--faint);display:inline-flex;align-items:center;gap:10px;}
.kick::before{content:'';width:14px;height:1px;background:var(--acc);}

/* Nav */
nav{position:sticky;top:0;z-index:100;backdrop-filter:blur(18px) saturate(140%);-webkit-backdrop-filter:blur(18px) saturate(140%);background:rgba(8,9,11,.74);border-bottom:1px solid var(--line);}
.ni{display:flex;align-items:center;justify-content:space-between;height:64px;gap:24px;}
.brand{display:flex;align-items:center;gap:10px;}
.brand img{height:26px;width:auto;}
.brand .bn{font-family:'Inter Tight';font-size:1.1rem;font-weight:600;letter-spacing:-.02em;}
.nlinks{display:flex;align-items:center;gap:28px;}
.nlinks a{font-family:var(--mono);font-size:.76rem;letter-spacing:.04em;color:var(--muted);transition:color .2s;}
.nlinks a:hover,.nlinks a.on{color:var(--text);}
.nav-cta{font-size:.8rem;font-weight:500;padding:9px 16px;border-radius:6px;background:var(--acc);color:var(--acc-ink);transition:background .2s;}
.nav-cta:hover{background:var(--acc-2);}
@media(max-width:760px){.nlinks{display:none;}}

/* Breadcrumb */
.crumb{font-family:var(--mono);font-size:.72rem;color:var(--faint);letter-spacing:.03em;margin-bottom:26px;}
.crumb a{color:var(--muted);}
.crumb a:hover{color:var(--text);}
.crumb span{color:var(--faint);margin:0 8px;}

/* Blog index */
.blog-hero{padding:clamp(64px,11vh,120px) 0 40px;}
.blog-hero h1{font-size:clamp(2.4rem,5vw,3.8rem);letter-spacing:-.035em;margin:22px 0 20px;max-width:18ch;}
.blog-hero p{font-size:1.15rem;color:var(--muted);max-width:60ch;line-height:1.55;}
.posts{padding:20px 0 100px;display:grid;grid-template-columns:repeat(2,1fr);gap:20px;}
.post{display:flex;flex-direction:column;border:1px solid var(--line);border-radius:14px;background:var(--panel);padding:30px 28px;transition:border-color .25s,background .25s,transform .25s var(--ease);}
.post:hover{border-color:var(--line-3);background:var(--panel-2);transform:translateY(-3px);}
.post .pt{font-family:var(--mono);font-size:.68rem;letter-spacing:.1em;text-transform:uppercase;color:var(--acc);margin-bottom:16px;}
.post h2{font-size:1.45rem;letter-spacing:-.02em;margin-bottom:12px;line-height:1.18;}
.post p{font-size:.95rem;color:var(--muted);line-height:1.6;flex:1;}
.post .pm{font-family:var(--mono);font-size:.7rem;color:var(--faint);margin-top:20px;display:flex;gap:14px;}
.post .read{color:var(--acc);}
@media(max-width:720px){.posts{grid-template-columns:1fr;}}

/* Article */
.article{padding:clamp(48px,8vh,86px) 0 90px;}
.article .col{width:min(calc(100% - 56px),720px);margin:0 auto;}
.article .meta{font-family:var(--mono);font-size:.74rem;color:var(--faint);letter-spacing:.03em;margin-bottom:22px;display:flex;flex-wrap:wrap;gap:8px 16px;}
.article .meta .acc{color:var(--acc);}
.article h1{font-size:clamp(2.1rem,4.4vw,3.1rem);letter-spacing:-.032em;line-height:1.06;margin-bottom:20px;}
.article .standfirst{font-size:1.2rem;color:var(--muted);line-height:1.55;margin-bottom:38px;padding-bottom:34px;border-bottom:1px solid var(--line);}
.article h2{font-size:1.5rem;letter-spacing:-.02em;margin:42px 0 14px;}
.article h3{font-size:1.12rem;margin:28px 0 10px;color:var(--text);}
.article p{font-size:1.06rem;color:#cfd0d5;line-height:1.75;margin-bottom:20px;}
.article ul,.article ol{margin:0 0 20px 0;padding-left:22px;}
.article li{font-size:1.06rem;color:#cfd0d5;line-height:1.7;margin-bottom:9px;}
.article strong{color:var(--text);font-weight:600;}
.article a.inl{color:var(--acc);text-decoration:underline;text-underline-offset:3px;}
.article blockquote{border-left:2px solid var(--acc);padding:6px 0 6px 24px;margin:30px 0;font-family:'Inter Tight';font-size:1.4rem;font-weight:600;letter-spacing:-.02em;line-height:1.4;color:var(--text);}
.article code{font-family:var(--mono);font-size:.88em;background:var(--panel-2);border:1px solid var(--line);border-radius:5px;padding:2px 6px;color:var(--text);}
.article .tag{font-family:var(--mono);font-size:.66rem;letter-spacing:.1em;text-transform:uppercase;color:var(--acc);border:1px solid var(--acc-line);background:var(--acc-dim);border-radius:5px;padding:4px 9px;}
.cta{margin:48px 0 0;border:1px solid var(--acc-line);background:var(--acc-dim);border-radius:14px;padding:30px 28px;}
.cta h3{font-size:1.25rem;margin-bottom:8px;}
.cta p{font-size:.95rem;color:var(--muted);margin-bottom:18px;}
.btn{display:inline-flex;align-items:center;gap:9px;font-size:.9rem;font-weight:500;padding:12px 20px;border-radius:7px;border:1px solid var(--acc);background:var(--acc);color:var(--acc-ink);font-family:'Inter';transition:background .2s;}
.btn:hover{background:var(--acc-2);}
.btn .ar{font-family:var(--mono);}
.btn-ghost{display:inline-flex;align-items:center;gap:9px;font-size:.9rem;font-weight:500;padding:12px 20px;border-radius:7px;border:1px solid var(--line-3);background:transparent;color:var(--text);font-family:'Inter';transition:border-color .2s,background .2s;}
.btn-ghost:hover{border-color:var(--acc);background:rgba(255,255,255,.03);}
.btn-ghost .ar{font-family:var(--mono);}
.cta{display:flex;flex-wrap:wrap;gap:12px 16px;align-items:center;}
.cta h3,.cta p{flex-basis:100%;}
.cluster-nav{margin:32px 0;padding:22px 24px;border:1px solid var(--line);border-radius:14px;background:var(--panel);}
.cluster-h{font-family:var(--mono);font-size:.72rem;letter-spacing:.06em;text-transform:uppercase;color:var(--muted);margin-bottom:12px;}
.cluster-links{display:flex;flex-wrap:wrap;gap:8px 10px;}
.cluster-links a{font-size:.85rem;padding:7px 14px;border:1px solid var(--line-2);border-radius:20px;color:var(--text);transition:border-color .2s,background .2s;}
.cluster-links a:hover{border-color:var(--acc);background:var(--acc-dim);}
.cluster-badge{display:inline-flex;align-items:center;gap:6px;font-size:.78rem;color:var(--muted);margin-bottom:20px;padding:6px 14px;border:1px solid var(--line);border-radius:20px;}
.cluster-badge a{color:var(--acc);text-decoration:none;font-weight:500;}
.cluster-badge a:hover{text-decoration:underline;}
.related{margin-top:54px;padding-top:30px;border-top:1px solid var(--line);}
.related .rh{font-family:var(--mono);font-size:.7rem;letter-spacing:.1em;text-transform:uppercase;color:var(--faint);margin-bottom:16px;}
.related a{display:block;color:var(--text);font-size:1rem;padding:9px 0;border-bottom:1px solid var(--line);transition:color .2s;}
.related a:hover{color:var(--acc);}
.related a .rd{color:var(--faint);font-family:var(--mono);font-size:.72rem;}

/* Footer */
footer{border-top:1px solid var(--line);padding:46px 0 38px;}
.fi{display:flex;justify-content:space-between;flex-wrap:wrap;gap:30px;}
.fb{max-width:32ch;}
.fb .fbt{display:flex;align-items:center;gap:9px;margin-bottom:12px;}
.fb .fbt img{width:22px;height:22px;object-fit:contain;flex-shrink:0;}
.fb .fbt .bn{font-family:'Inter Tight';font-weight:600;}
.fb .tag{font-family:var(--mono);font-size:.76rem;color:var(--faint);line-height:1.6;}
.fcols{display:flex;gap:50px;flex-wrap:wrap;}
.fcol h5{font-family:var(--mono);font-size:.66rem;letter-spacing:.12em;text-transform:uppercase;color:var(--faint);margin-bottom:14px;}
.fcol a{display:block;font-size:.85rem;color:var(--muted);margin-bottom:9px;transition:color .2s;}
.fcol a:hover{color:var(--text);}
.fcopy{margin-top:40px;padding-top:20px;border-top:1px solid var(--line);display:flex;justify-content:space-between;flex-wrap:wrap;gap:12px;font-family:var(--mono);font-size:.72rem;color:var(--faint);}