/* Block: argos/practical */
.practical-grid { display: grid; grid-template-columns: .9fr 1.1fr; gap: 9vw; align-items: start; }
.practical-grid--chips { grid-template-columns: .8fr 1.2fr; gap: 8vw; align-items: center; }
.practical-copy p:not(.kicker) { color: var(--muted); }
.practical-copy .text-link { margin-top: 12px; }
.practical-rule { margin-top: 34px; padding-top: 22px; border-top: 1px solid var(--line); }
.practical-rule b { color: var(--ink); }

/* Style: numbered rules */
.practical-rules { border-top: 1px solid var(--line); }
.practical-rules p { min-height: 78px; margin: 0; padding: 17px 0; display: grid; grid-template-columns: 34px 1fr; gap: 14px; border-bottom: 1px solid var(--line); color: var(--muted); }
.practical-rules span { color: var(--violet); font-size: .78rem; font-weight: 900; }
.practical-rules a { color: var(--ink); font-weight: 800; }

/* Style: scope card with a scale */
.practical-grid--card { grid-template-columns: .92fr 1.08fr; gap: 8vw; align-items: center; }
.practical-card { padding: 39px; border: 1px solid var(--line); border-radius: 25px; background: var(--card); box-shadow: 0 26px 60px rgba(0,0,0,.08); }
.practical-card > span { color: var(--violet); font-size: .61rem; font-weight: 900; letter-spacing: .1em; text-transform: uppercase; }
.practical-card h3 { margin: 34px 0 15px; font-size: 1.8rem; }
.practical-card > p { color: var(--muted); }
.practical-scale { margin-top: 30px; display: grid; grid-template-columns: auto 1fr auto 1fr auto; gap: 8px; align-items: center; }
.practical-scale small { color: var(--muted); font-size: .5rem; font-weight: 850; text-align: center; text-transform: uppercase; }
.practical-scale i { height: 1px; background: linear-gradient(90deg, var(--line), var(--violet)); }
.on-dark .practical-card { border-color: rgba(255,255,255,.15); background: rgba(255,255,255,.07); box-shadow: 0 26px 60px rgba(0,0,0,.2); }
.on-dark .practical-card > span { color: var(--mint); }
.on-dark .practical-card > p { color: rgba(255,255,255,.82); }
.on-dark .practical-scale small { color: rgba(255,255,255,.72); }
.on-dark .practical-scale i { background: linear-gradient(90deg, rgba(255,255,255,.18), var(--mint)); }

/* Style: capability chips */
.practical-chips { display: grid; grid-template-columns: 1fr 1fr; gap: 12px; }
.practical-chips > span { min-height: 110px; padding: 20px; display: flex; align-items: flex-end; border: 1px solid var(--line); border-radius: 18px; background: var(--card-glass); font-size: .8rem; font-weight: 850; }
.practical-chips > span::before { content: "✦"; margin-right: 12px; color: var(--violet); }
.practical-band { grid-column: 1 / -1; padding: 20px; border-radius: 18px; color: var(--white); background: linear-gradient(135deg, color-mix(in srgb, var(--violet) 78%, black), color-mix(in srgb, var(--mint) 28%, transparent)); }
.practical-band b, .practical-band small { display: block; }
.practical-band b { font-size: .82rem; }
.practical-band small { margin-top: 6px; color: rgba(255,255,255,.72); }

/* Dark themes */
.on-dark .practical-rule { border-color: rgba(255,255,255,.14); color: rgba(255,255,255,.82); }
.on-dark .practical-rule b { color: var(--white); }
.on-dark .practical-rules { border-color: rgba(255,255,255,.18); }
.on-dark .practical-rules p { border-color: rgba(255,255,255,.14); color: rgba(255,255,255,.82); }
.on-dark .practical-rules span { color: #14bfa7; }
.on-dark .practical-rules a { color: var(--white); }
.on-dark .practical-chips > span { border-color: rgba(255,255,255,.15); color: rgba(255,255,255,.82); background: rgba(255,255,255,.04); }
.on-dark .practical-chips > span::before { color: var(--mint); }

@media (max-width: 1100px) {
  .practical-grid { grid-template-columns: 1fr; }
}

@media (max-width: 760px) {
  .practical-chips { grid-template-columns: 1fr; }
  .practical-band { grid-column: auto; }
}

@media (max-width: 760px) {
  .practical-card { padding: 30px 24px; }
  .practical-scale { grid-template-columns: 1fr; }
  .practical-scale i { width: 1px; height: 22px; justify-self: center; }
}