/* =====================================================================
Rustem Islamov — shared site stylesheet (yas.pub-inspired)
Link this from every page:
and load the fonts once in each :
===================================================================== */
/* ---------- design tokens ---------- */
:root{
--fg:#1a1a1a; --muted:#666; --primary:#8e4585; --bg:#ffffff; --rule:#e5e5e5;
--mono:'IBM Plex Mono', ui-monospace, SFMono-Regular, Menlo, Consolas, monospace;
--sans:'Inter', system-ui, -apple-system, 'Segoe UI', Roboto, sans-serif;
}
/* ---------- base (all pages) ---------- */
*{ box-sizing:border-box; }
html{ -webkit-text-size-adjust:100%; scroll-behavior:smooth; }
body{
margin:0; background:var(--bg); color:var(--fg);
font-family:var(--mono); font-size:15px; line-height:1.6;
-webkit-font-smoothing:antialiased;
}
::selection{ background:rgba(181,126,220,.4); }
a{ color:var(--primary); text-decoration:none; }
a:hover{ text-decoration:underline; }
p{ margin:.5rem 0; }
ul{ margin:.4rem 0; padding-left:1.25rem; }
/* li{ margin:.15rem 0; }
ul ul{ margin:.1rem 0 .3rem; } */
li{ margin:.05rem 0; line-height:1.0; }
ul ul{ margin:.05rem 0 .2rem; }
.muted{ color:var(--muted); }
h2{ font-size:clamp(1.5rem,3.5vw,1.95rem); font-weight:700; margin:1.8rem 0 .7rem; scroll-margin-top:20px; }
/* centered page width — used by .wrap (homepage) and .container (legacy pages) */
.wrap,
.container{ max-width:1120px; margin:0 auto; padding-left:28px; padding-right:28px; }
.wrap{ padding-top:28px; padding-bottom:72px; }
/* ---------- top navigation ---------- */
/* (a) homepage version: