diff --git a/app/styles/global.css b/app/styles/global.css index 1565cc07..65c12715 100644 --- a/app/styles/global.css +++ b/app/styles/global.css @@ -800,7 +800,8 @@ pre code, border-radius: 12px; } .prose table, -.portal-main table { +.portal-main table, +.marketing-main table { width: 100%; border-collapse: collapse; background: var(--surface); @@ -809,7 +810,9 @@ pre code, .prose th, .prose td, .portal-main th, -.portal-main td { +.portal-main td, +.marketing-main th, +.marketing-main td { min-width: 130px; padding: 0.75rem 0.9rem; border-bottom: 1px solid var(--border); @@ -818,13 +821,15 @@ pre code, line-height: 1.5; } .prose th, -.portal-main th { +.portal-main th, +.marketing-main th { color: var(--text); background: var(--surface-soft); font-weight: 700; } .prose tr:last-child td, -.portal-main tr:last-child td { +.portal-main tr:last-child td, +.marketing-main tr:last-child td { border-bottom: 0; } .prose a { @@ -1093,6 +1098,7 @@ footer a { letter-spacing: 0.15em; } .marketing-section, +.marketing-main > section:not(.marketing-hero), .marketing-cta { width: min(1180px, calc(100% - 40px)); margin: 0 auto; @@ -1100,11 +1106,13 @@ footer a { border-top: 1px solid var(--border); } .marketing-section > .eyebrow, +.marketing-main > section:not(.marketing-hero) > .eyebrow, .marketing-cta > .eyebrow { display: block; margin-bottom: 1rem; } .marketing-section > h2, +.marketing-main > section:not(.marketing-hero) > h2, .marketing-cta h2 { max-width: 800px; margin: 0 0 2.5rem; @@ -1251,11 +1259,13 @@ footer a { max-height: 360px; } .marketing-section, + .marketing-main > section:not(.marketing-hero), .marketing-cta { width: calc(100% - 40px); padding-block: 4.5rem; } .marketing-section > h2, + .marketing-main > section:not(.marketing-hero) > h2, .marketing-cta h2 { font-size: clamp(2.2rem, 11vw, 3.2rem); }