diff --git a/dist/assets/css/web3.css b/dist/assets/css/web3.css index ffa2db1..0593386 100644 --- a/dist/assets/css/web3.css +++ b/dist/assets/css/web3.css @@ -89,7 +89,7 @@ body { } .web2-shell-wide { - max-width: 1420px; + max-width: min(1760px, calc(100vw - 2rem)); } .web2-page-head { @@ -101,21 +101,26 @@ body { .web2-page-head-row { display: flex; flex-wrap: wrap; - align-items: center; + align-items: flex-start; justify-content: space-between; gap: 1rem; } .web2-head-copy { + flex: 1 1 740px; + min-width: 0; max-width: 72ch; } .web2-page-title { margin-top: 0.6rem; font-family: var(--theme_font_display); - font-size: clamp(1.95rem, 1.2rem + 1.9vw, 2.65rem); + font-size: clamp(1.7rem, 1.1rem + 1.6vw, 2.35rem); line-height: 1.15; letter-spacing: -0.325px; + overflow-wrap: anywhere; + word-break: break-word; + hyphens: auto; } .web2-page-subtitle { @@ -129,6 +134,8 @@ body { display: flex; flex-wrap: wrap; align-items: center; + justify-content: flex-end; + flex: 0 0 auto; gap: 0.5rem; } @@ -710,6 +717,16 @@ summary:focus-visible, } } +@media (min-width: 1500px) { + .web2-shell { + padding-left: 1rem; + padding-right: 1rem; + } + .web2-shell-wide { + max-width: min(1860px, calc(100vw - 1.25rem)); + } +} + @media (min-width: 780px) { .web2-kpi-grid { grid-template-columns: repeat(3, minmax(0, 1fr));