/* HubSpot website development — CMS decision table */
.hs-dec { position: relative; overflow-x: auto; border: 1px solid var(--line-2); border-radius: var(--r-lg); background: linear-gradient(180deg, rgba(14, 24, 64, 0.55), rgba(7, 13, 36, 0.55)); }
.hs-dec:focus-visible { outline: 2px solid var(--cyan); outline-offset: 3px; }
.hs-dec table { width: 100%; min-width: 640px; border-collapse: collapse; font-size: 15px; }
.hs-dec th, .hs-dec td { padding: 18px 20px; text-align: left; vertical-align: top; border-bottom: 1px solid var(--line); }
.hs-dec tbody tr:last-child th, .hs-dec tbody tr:last-child td { border-bottom: 0; }
.hs-dec thead th { font-family: var(--f-mono); font-size: 12px; letter-spacing: 0.1em; text-transform: uppercase; color: var(--muted); font-weight: 500; }
.hs-dec tbody th { font-weight: 600; color: var(--text); width: 18%; }
.hs-dec td { color: var(--muted); line-height: 1.5; }
.hs-dec .is-hub { background: rgba(var(--accent-rgb), 0.08); color: var(--text); }
.hs-dec thead .is-hub { color: var(--cyan); box-shadow: inset 0 3px 0 var(--accent); }
.hs-dec-links { display: flex; flex-wrap: wrap; gap: 10px 28px; margin-top: 20px; font-size: 15px; font-weight: 600; }
.hs-dec-links a { color: var(--cyan); }
.hs-dec-links a:hover { color: var(--text); }

/* ---------- day theme ---------- */
html[data-theme="light"] .hs-dec { background: #fff; box-shadow: 0 18px 44px -30px rgba(20, 40, 110, 0.35); }
html[data-theme="light"] .hs-dec .is-hub { background: rgba(var(--accent-rgb), 0.06); }