.t7 { min-height: 100vh; background: #0b0f19; color: #e8edf7; }
.t7-top { border-bottom: 1px solid rgba(255,255,255,0.08); background: radial-gradient(1200px 500px at 20% 20%, rgba(99,102,241,0.35), transparent 60%), radial-gradient(1000px 500px at 80% 10%, rgba(34,197,94,0.25), transparent 55%); }
.t7-top .navbar { background: transparent; }
.t7-top .navbar .navbar-brand, .t7-top .navbar .nav-link { color: #e8edf7; }
.t7-top .navbar .nav-link.active { text-decoration: underline; text-underline-offset: 6px; }
.t7-mark { width: 14px; height: 14px; border-radius: 3px; background: linear-gradient(135deg, #a78bfa, #22c55e); display: inline-block; }
.t7-hero { padding: 22px 16px 26px; display: grid; grid-template-columns: 1.3fr 1fr; gap: 18px; align-items: center; }
.t7-kicker { font-size: 12px; letter-spacing: 0.18em; text-transform: uppercase; opacity: 0.75; }
.t7-h1 { margin: 8px 0 0; font-size: clamp(28px, 3vw, 44px); line-height: 1.05; }
.t7-tagline { margin-top: 10px; opacity: 0.9; }
.t7-tiles { display: grid; grid-template-columns: 1fr 1fr; gap: 10px; }
.t7-tile { height: 84px; border-radius: 14px; background: rgba(255,255,255,0.06); border: 1px solid rgba(255,255,255,0.10); }
.t7-main { padding: 18px 16px 28px; }
.t7-mag { display: grid; grid-template-columns: minmax(0,1fr) 360px; gap: 18px; }
.t7-card { border-radius: 18px; border: 1px solid rgba(255,255,255,0.10); background: rgba(255,255,255,0.06); padding: 18px; }
.t7-card--lead { min-height: 240px; }
.t7-card--lead img { max-width: 100%; height: auto; border-radius: 14px; }
.t7-meta__label { font-size: 12px; letter-spacing: 0.16em; text-transform: uppercase; opacity: 0.7; }
.t7-meta__desc { margin-top: 10px; opacity: 0.9; }
.t7-meta__url { margin-top: 10px; opacity: 0.7; font-family: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace; font-size: 12px; word-break: break-all; }
.t7-social { margin-top: 10px; display: grid; gap: 10px; }
.t7-social__link { display: flex; gap: 10px; align-items: center; text-decoration: none; color: inherit; }
.t7-badge { width: 10px; height: 10px; border-radius: 999px; background: #a78bfa; display: inline-block; }
.t7-footer { padding: 10px 16px 26px; opacity: 0.7; }

@media (max-width: 992px) {
  .t7-hero { grid-template-columns: 1fr; }
  .t7-mag { grid-template-columns: 1fr; }
}