/* Shared styles for unit hub pages using unit-grid.js */
.wrap{ max-width:1100px; margin:1rem auto; padding:0.5rem 1rem 0 }
header{ margin-bottom:1.5rem }
h1{ margin:0 0 8px 0; font-size:38px; font-weight:850; letter-spacing:-0.02em; line-height:1.05; color:var(--rc-ink, rgba(255,255,255,0.95)) }
.sub{ color:var(--rc-muted); margin:0 0 1.2rem 0 }
.unit-subtitle{ font-size:1.05rem; color:var(--rc-ink-dim); margin:0; max-width:60ch }
.wrap > p, .content-wrapper > p { margin:0 0 24px 0; font-size:1rem; line-height:1.5; color:var(--rc-ink-dim, rgba(255,255,255,0.7)); max-width:60ch }
.grid{ display:grid; gap:16px; grid-template-columns:repeat(auto-fit, minmax(240px, 1fr)); align-items:stretch }
.card{ display:flex; flex-direction:column; justify-content:center; align-items:center; text-align:center; text-decoration:none; color:inherit; background:linear-gradient(145deg, rgba(255,255,255,0.07), rgba(255,255,255,0.02)); border:1px solid rgba(255,255,255,0.12); border-radius:16px; padding:28px 20px; min-height:130px; transition:all .3s cubic-bezier(0.4,0,0.2,1); backdrop-filter:blur(14px) saturate(140%); -webkit-backdrop-filter:blur(14px) saturate(140%); box-shadow:0 4px 20px rgba(0,0,0,0.25), inset 0 1px 0 rgba(255,255,255,0.08); gap:8px; cursor:pointer }
.card:hover{ transform:translateY(-4px); border-color:rgba(148,163,184,0.35); box-shadow:0 14px 44px rgba(0,0,0,0.4), inset 0 1px 0 rgba(255,255,255,0.12); background:linear-gradient(145deg, rgba(255,255,255,0.10), rgba(255,255,255,0.04)) }
.card.disabled{ cursor:default; opacity:0.6 }
.card.disabled:hover{ transform:none; border-color:rgba(255,255,255,0.12); box-shadow:0 4px 20px rgba(0,0,0,0.25), inset 0 1px 0 rgba(255,255,255,0.08); background:linear-gradient(145deg, rgba(255,255,255,0.07), rgba(255,255,255,0.02)) }
.card-icon{ color:rgba(148,163,184,0.5); transition:color .3s cubic-bezier(0.4,0,0.2,1), filter .3s cubic-bezier(0.4,0,0.2,1) }
.card:hover .card-icon{ color:var(--rc-brand, rgba(52,211,153,0.9)); filter:drop-shadow(0 0 6px rgba(52,211,153,0.35)) }
.t{ font-size:0.95rem; font-weight:700; line-height:1.3; color:var(--rc-ink, rgba(255,255,255,0.95)) }
.s{ margin-top:6px; color:var(--rc-muted, rgba(255,255,255,0.5)); font-size:0.8rem; font-weight:500 }