.site-header{z-index:50;-webkit-backdrop-filter:blur(12px);border-bottom:1px solid var(--border);background:#0a1628c7;justify-content:space-between;align-items:center;padding:14px clamp(20px,5vw,56px);display:flex;position:sticky;top:0}.site-logo{font:700 15px var(--mono);color:var(--white)}.site-logo span{color:var(--accent)}.site-nav{font:500 12px var(--mono);color:var(--sub);flex-wrap:wrap;justify-content:flex-end;align-items:center;gap:clamp(14px,2.4vw,28px);display:flex}.site-nav a{padding:8px 2px;transition:color .15s}.site-nav a:hover{color:var(--white)}
.site-footer{border-top:1px solid var(--border);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;padding:32px clamp(20px,5vw,56px);display:flex}.site-footer-logo{font:700 13px var(--mono);color:var(--sub)}.site-footer-logo span{color:var(--accent)}.site-footer-copy{font:400 11px var(--mono);color:var(--faint)}
.wc-card{background:var(--card);border:1px solid var(--border);border-radius:14px;flex-direction:column;transition:transform .18s,border-color .18s;display:flex;overflow:hidden}.wc-card:hover{border-color:var(--border-accent);transform:translateY(-4px)}.wc-thumb{justify-content:center;align-items:center;width:100%;display:flex;position:relative;overflow:hidden}.wc-thumb--stripe{background:repeating-linear-gradient(135deg,#132743 0 10px,#0f1e33 10px 20px)}.wc-thumb--stripe span{font:500 11px var(--mono);color:var(--faint);letter-spacing:.08em}.wc-thumb--brand .wc-thumb-brand-label{font:700 20px var(--mono);color:#fff;letter-spacing:.04em}.wc-body{flex-direction:column;flex:1;padding:20px;display:flex}.wc-meta{flex-wrap:wrap;align-items:baseline;gap:10px;margin-bottom:9px;display:flex}.wc-role{font:500 11px var(--mono);color:var(--green);letter-spacing:.06em}.wc-badge{font:500 11px var(--mono);color:var(--accent-ink);background:var(--green);border-radius:5px;padding:3px 9px}.wc-period{font:400 11px var(--mono);color:var(--sub2);margin-left:auto}.wc-title{color:var(--white);margin:0 0 9px;font-size:16px;font-weight:700}.wc-desc{color:var(--sub);flex:1;margin:0 0 16px;font-size:12.5px;line-height:1.75}.wc-tags{flex-wrap:wrap;gap:6px;display:flex}.wc-tag{font:500 11px var(--mono);background:var(--chip);color:var(--sub);border-radius:5px;padding:4px 9px}.wc-links{font:500 11px var(--mono);border-top:1px solid #ffffff12;gap:16px;margin-top:16px;padding-top:14px;display:flex}.wc-link{color:var(--sub2);padding:4px 0;transition:color .15s}.wc-link--strong{color:var(--accent)}.wc-link--strong:hover{color:var(--accent-hover)}