.content-grid { margin-top:50px; display:grid; grid-template-columns:repeat(2,1fr); gap:22px; }
.info-card { background:#fff; border:1px solid var(--line); border-radius:22px; padding:32px; box-shadow:var(--shadow-soft); }
.info-card h3 { font-size:1.3rem; }
.info-card p { margin-top:12px; color:var(--muted); }
.value-grid { margin-top:44px; display:grid; grid-template-columns:repeat(4,1fr); gap:18px; }
.value-card { padding:28px; border-radius:20px; background:#fff; border:1px solid var(--line); }
.value-card strong { display:block; color:var(--primary); font-size:1.6rem; margin-bottom:10px; }
.guide-list { margin-top:50px; display:grid; gap:18px; }
.guide-item { display:grid; grid-template-columns:90px 1fr; gap:24px; align-items:start; padding:28px; background:#fff; border:1px solid var(--line); border-radius:20px; }
.guide-index { width:68px; height:68px; display:grid; place-items:center; border-radius:20px; background:linear-gradient(135deg,var(--primary),var(--accent)); color:#fff; font-weight:900; font-size:1.35rem; }
.demo-shell { margin-top:42px; background:#fff; border:1px solid var(--line); border-radius:28px; overflow:hidden; box-shadow:var(--shadow); }
.demo-toolbar { padding:14px 18px; display:flex; justify-content:space-between; align-items:center; background:#f8fafc; border-bottom:1px solid var(--line); }
.demo-board { display:grid; grid-template-columns:230px 1fr; min-height:620px; }
.demo-side { background:#0d2742; color:#fff; padding:28px 20px; }
.demo-side nav { margin-top:26px; display:grid; gap:8px; color:#bfd0e3; }
.demo-side nav a { padding:11px 12px; border-radius:10px; }
.demo-side nav a.active { background:rgba(17,197,191,.18); color:#fff; }
.demo-main { padding:28px; background:#f6f8fc; }
.demo-cards { display:grid; grid-template-columns:repeat(4,1fr); gap:14px; }
.demo-card { padding:20px; background:#fff; border:1px solid var(--line); border-radius:16px; }
.demo-card strong { display:block; font-size:1.65rem; }
.demo-card span { color:var(--muted); font-size:.85rem; }
.demo-matches { margin-top:18px; display:grid; grid-template-columns:repeat(2,1fr); gap:14px; }
.demo-match { background:#fff; border:1px solid var(--line); border-radius:16px; padding:18px; }
.demo-match h3 { color:var(--primary); font-size:.9rem; }
.team-row { display:flex; justify-content:space-between; gap:12px; padding:10px 0; border-bottom:1px solid #eef2f6; }
.team-row:last-child { border-bottom:0; }