diff --git a/presentation/deck/deck.css b/presentation/deck/deck.css index c4312388..3c0ef18c 100644 --- a/presentation/deck/deck.css +++ b/presentation/deck/deck.css @@ -229,6 +229,9 @@ .arit .cat .it { font: 400 11px/1 var(--sans); color: var(--ink-muted); } .arit .cat.fill { background: var(--bordeaux-tint); } .arit .onto-points { margin-top: 18px; } +.arit .onto-left { display: flex; flex-direction: column; } +.arit .onto-left .roi { margin-top: auto; } +.arit .onto-left .onto-points { margin-bottom: 14px; } .arit .oitem { display: flex; gap: 10px; padding: 8px 0; border-bottom: 1px solid var(--line); } .arit .oitem:last-child { border-bottom: none; } .arit .oitem .n { flex: 0 0 22px; font: 700 11px/1.6 var(--mono); color: var(--bordeaux); } @@ -306,6 +309,7 @@ button.brain-btn:hover, button.brain-btn:focus-visible { transform: scale(1.18); .ai-pop-list .n { color: var(--bordeaux-deep); font-weight: 800; } .roi { margin-top: 14px; border: 1.5px solid var(--bordeaux); background: #faf4f5; border-radius: 8px; padding: 10px 14px; font: 400 13.5px/1.55 var(--sans); color: var(--ink); } +.roi-quiet { border-color: var(--line-strong); border-width: 1px; background: var(--surface-alt); } .roi .k { display: block; margin-bottom: 4px; font: 800 10.5px/1 var(--mono); letter-spacing: .14em; text-transform: uppercase; color: var(--bordeaux-deep); } .ai-pop-x { position: absolute; top: 12px; right: 14px; width: 30px; height: 30px; border: none; diff --git a/presentation/deck/index.html b/presentation/deck/index.html index c52febc3..212e857b 100644 --- a/presentation/deck/index.html +++ b/presentation/deck/index.html @@ -5,7 +5,7 @@