|
|
|
@@ -117,17 +117,17 @@ code, kbd, .mono {
|
|
|
|
|
.skip-link {
|
|
|
|
|
position: absolute;
|
|
|
|
|
left: 50%;
|
|
|
|
|
top: -60px;
|
|
|
|
|
transform: translateX(-50%);
|
|
|
|
|
top: 0;
|
|
|
|
|
transform: translate(-50%, -110%);
|
|
|
|
|
z-index: 200;
|
|
|
|
|
padding: 10px 18px;
|
|
|
|
|
border-radius: 0 0 12px 12px;
|
|
|
|
|
background: var(--pink);
|
|
|
|
|
color: #fff;
|
|
|
|
|
font-weight: 700;
|
|
|
|
|
transition: top 160ms var(--ease);
|
|
|
|
|
transition: transform 160ms var(--ease);
|
|
|
|
|
}
|
|
|
|
|
.skip-link:focus { top: 0; }
|
|
|
|
|
.skip-link:focus { transform: translate(-50%, 0); }
|
|
|
|
|
|
|
|
|
|
/* ============================ Header ============================ */
|
|
|
|
|
|
|
|
|
@@ -924,7 +924,7 @@ td:last-child { color: var(--muted); }
|
|
|
|
|
@media (max-width: 980px) {
|
|
|
|
|
.hero-grid { grid-template-columns: 1fr; gap: 44px; }
|
|
|
|
|
.hero-lead { max-width: none; }
|
|
|
|
|
.split { grid-template-columns: 1fr; gap: 36px; }
|
|
|
|
|
.split { grid-template-columns: minmax(0, 1fr); gap: 36px; }
|
|
|
|
|
.split.reverse .split-media { order: 0; }
|
|
|
|
|
.stats { grid-template-columns: repeat(2, minmax(0, 1fr)); }
|
|
|
|
|
.footer-grid { grid-template-columns: 1fr 1fr; gap: 32px; }
|
|
|
|
@@ -932,6 +932,11 @@ td:last-child { color: var(--muted); }
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
@media (max-width: 760px) {
|
|
|
|
|
.site-header .wrap { gap: 10px; }
|
|
|
|
|
.brand { flex: 1 1 auto; min-width: 0; }
|
|
|
|
|
.brand span { white-space: normal; min-width: 0; }
|
|
|
|
|
.brand img { flex-shrink: 0; }
|
|
|
|
|
.header-actions > .btn { display: none; }
|
|
|
|
|
.nav-toggle { display: grid; }
|
|
|
|
|
.nav {
|
|
|
|
|
position: absolute;
|
|
|
|
|