/* Base reset + structural helpers for the generated layout.css.
layout.css carries every size/position/colour value pulled straight out
of Figma; this file only supplies the plumbing that markup needs to make
sense in a real browser (resets, the photo-fill pattern, safe defaults). */
*, *::before, *::after { box-sizing: border-box; }
html {
scroll-behavior: smooth;
}
html, body {
margin: 0;
padding: 0;
background: #ffffff;
color: #132745;
font-family: 'Helvetica Neue', 'HelveticaNeue', Helvetica, Arial, sans-serif;
-webkit-font-smoothing: antialiased;
text-rendering: optimizeLegibility;
}
[id] {
scroll-margin-top: 30px;
}
.page { margin: 0 auto; }
h1, h2, h3, h4, h5, h6, p { margin: 0; font: inherit; color: inherit; }
a { color: inherit; text-decoration: none; }
a:hover { text-decoration: underline; }
button { font: inherit; color: inherit; background: none; border: 0; padding: 0; cursor: pointer; }
img { max-width: none; }
ul, ol { margin: 0; padding: 0; list-style: none; }
/* Figma "image fill" pattern: a span.fig-bg absolutely fills its
(position:relative) parent, the ![]()
covers it, and an optional
::after paints the semi-transparent colour scrim on top of the photo. */
.fig-bg {
position: absolute;
inset: 0;
z-index: -1;
display: block;
overflow: hidden;
}
.fig-bg .fig-img {
position: absolute;
inset: 0;
width: 100%;
height: 100%;
display: block;
/* Muqova rasmining fokus nuqtasi va masshtabi — News.cover_focus_x/y va
cover_scale'dan shablonda inline qo'yilgan qiymatlar. Standart holatda
(50%/50%/100) markazlashgan, kattalashtirilmagan holatdan farq qilmaydi.
`.hero-slide .fig-img` o'ziga xos Ken-Burns animatsiyasida shu
o'zgaruvchilarni o'z formulasiga qo'shib ishlatadi (hero-slider.css). */
object-position: var(--cover-focus-x, 50%) var(--cover-focus-y, 50%);
transform: scale(calc(var(--cover-zoom, 100) / 100));
transform-origin: var(--cover-focus-x, 50%) var(--cover-focus-y, 50%);
}
.fig-bg::after {
position: absolute;
inset: 0;
}
/* Divider lines and metadata dots render as empty s sized entirely
by layout.css; give them a safe display outside flex contexts too. */
.rule, .dot { display: block; flex-shrink: 0; }
.icon { display: block; }
.txt { white-space: pre-wrap; }
/* The whole page is an exact 1920px-wide desktop composition (matches the
Figma frame 1:1), so let it scroll horizontally on narrower viewports
instead of squashing the design. */
body { overflow-x: auto; }
/* Navigation plumbing — the links .figma/build_links.py adds.
------------------------------------------------------------------------
A page's every box is positioned by its own generated .n- rule, and
an element that becomes a link keeps that class, so it keeps its box. What
it loses is what its old tag got from the browser for nothing, and that is
all these rules hand back. base.css is loaded before the page's own
stylesheet, so wherever the generated rule has an opinion of its own —
`display: flex` on a sidebar row, an underline the design draws — the
generated rule still wins. */
.lnk { color: inherit; }
.lnk, .lnk:hover, .lnk:focus { text-decoration: none; }
.lnk:focus-visible { outline: 2px solid #ff800a; outline-offset: 2px; }
/* What