/* REALVIEW.one — changelog shared styles. Single source of truth for the look. */
:root{
  --red:#E74B31;--black:#222222;--antrazit:#54595F;--darkwhite:#F7F8FB;
  --lightgrey:#BFC4CE;--hair:#E4E7EC;--card:#FFFFFF;--muted:#7A8089;
  --sans:"Roboto", system-ui, -apple-system, sans-serif;
}
*{box-sizing:border-box;}
html{scroll-behavior:smooth;}
body{margin:0;background:var(--darkwhite);color:var(--antrazit);font-family:var(--sans);font-size:16px;font-weight:400;line-height:1.62;-webkit-font-smoothing:antialiased;}
a{color:inherit;}
.wrap{max-width:1000px;margin:0 auto;padding:0 30px;}
strong{color:var(--black);font-weight:500;}

.logo-mark{height:30px;width:auto;display:block;}
.footer-mark{height:20px;width:auto;display:block;margin-bottom:12px;}

header.masthead{background:var(--card);border-bottom:1px solid var(--hair);}
.masthead-inner{display:flex;justify-content:space-between;align-items:center;gap:24px;flex-wrap:wrap;padding:24px 0;}
.masthead-inner a.home{display:block;}
.masthead-right{display:flex;flex-direction:column;align-items:flex-end;gap:7px;}
.masthead-nav{display:flex;gap:16px;align-items:center;}
.navlink{font-size:12px;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:var(--muted);text-decoration:none;}
.navlink:hover{color:var(--red);}
.release-stamp{text-align:right;font-size:13px;color:var(--muted);line-height:1.7;}
.release-stamp .big{display:block;font-size:15px;color:var(--black);font-weight:500;}
.backlink{font-size:13px;color:var(--muted);text-decoration:none;}
.backlink:hover{color:var(--red);}

.hero{padding:60px 0 30px;}
.hero .kicker{font-size:12px;letter-spacing:.18em;text-transform:uppercase;color:var(--red);font-weight:700;margin:0 0 18px;}
.hero h1{font-family:var(--sans);font-weight:700;color:var(--black);font-size:clamp(34px,5.5vw,54px);line-height:1.04;letter-spacing:-.015em;margin:0 0 22px;max-width:18ch;}
.hero p{font-size:18px;font-weight:300;color:var(--antrazit);max-width:62ch;margin:0;}

.highlights{padding:18px 0 56px;}
.section-eyebrow{font-size:12px;letter-spacing:.16em;text-transform:uppercase;color:var(--muted);font-weight:700;margin:0 0 6px;}
.section-title{font-family:var(--sans);font-weight:700;color:var(--black);font-size:26px;letter-spacing:-.01em;margin:0 0 28px;}
.hl-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(270px,1fr));gap:1px;background:var(--hair);border:1px solid var(--hair);border-radius:10px;overflow:hidden;}
.hl-card{background:var(--card);padding:26px 24px;display:flex;flex-direction:column;gap:9px;}
.hl-card .tag{font-size:10.5px;letter-spacing:.14em;text-transform:uppercase;font-weight:700;color:var(--red);}
.hl-card h3{font-family:var(--sans);font-weight:700;color:var(--black);font-size:18px;margin:0;letter-spacing:-.01em;line-height:1.25;}
.hl-card p{margin:0;font-size:14.5px;font-weight:300;color:var(--antrazit);line-height:1.55;}

.everything{padding:54px 0;border-top:1px solid var(--hair);}
.glance-group{margin-bottom:30px;}
.glance-group:last-child{margin-bottom:0;}
.glance-label{display:flex;align-items:center;gap:10px;font-size:12px;letter-spacing:.14em;text-transform:uppercase;font-weight:700;margin:0 0 12px;}
.glance-label .dot{width:9px;height:9px;border-radius:50%;flex:none;}
.lab-new{color:var(--red);}.lab-new .dot{background:var(--red);}
.lab-imp{color:var(--black);}.lab-imp .dot{background:var(--black);}
.lab-fix{color:var(--muted);}.lab-fix .dot{background:var(--lightgrey);}
ul.glance-list{list-style:none;margin:0;padding:0;}
ul.glance-list li{padding:11px 0;border-top:1px solid var(--hair);font-size:15px;}
ul.glance-list li:first-child{border-top:none;}
ul.glance-list li b{color:var(--black);font-weight:500;}
ul.glance-list li .sub{color:var(--antrazit);font-weight:300;}

.detail-intro{padding:54px 0 4px;border-top:1px solid var(--hair);}
section.block{display:grid;grid-template-columns:140px 1fr;gap:0;border-bottom:1px solid var(--hair);padding:42px 0;}
.block-index{font-size:12px;color:var(--muted);padding-right:24px;}
.block-index .num{display:block;text-align:right;font-size:13px;color:var(--red);font-weight:700;border-right:2px solid var(--lightgrey);padding-right:14px;margin-bottom:6px;}
.block-index .area{display:block;text-align:right;padding-right:14px;text-transform:uppercase;letter-spacing:.08em;font-size:10.5px;font-weight:500;}
.block-body h2{font-family:var(--sans);font-weight:700;color:var(--black);font-size:21px;margin:0 0 14px;letter-spacing:-.01em;}
.block-body p{margin:0 0 13px;font-weight:300;color:var(--antrazit);}
.block-body p:last-child{margin-bottom:0;}

footer{padding:44px 0 64px;}
footer .rule{height:2px;background:var(--red);width:48px;margin-bottom:22px;}
footer .fm{font-size:13.5px;color:var(--muted);line-height:1.9;}

/* ---------- index / table of contents ---------- */
.index-hero{padding:60px 0 24px;}
.toc{padding:8px 0 40px;}
ul.release-list{list-style:none;margin:0;padding:0;border-top:1px solid var(--hair);}
ul.release-list li{display:grid;grid-template-columns:150px 1fr auto;gap:20px;align-items:baseline;padding:22px 0;border-bottom:1px solid var(--hair);}
ul.release-list .date{font-size:13px;color:var(--muted);font-weight:500;white-space:nowrap;}
ul.release-list .rtitle{font-family:var(--sans);font-weight:500;color:var(--black);font-size:17px;}
ul.release-list .rtitle .rsub{display:block;font-weight:300;font-size:14.5px;color:var(--antrazit);margin-top:3px;}
ul.release-list .langs{display:flex;gap:8px;white-space:nowrap;}
ul.release-list .langs a{font-size:12px;font-weight:700;letter-spacing:.06em;text-transform:uppercase;text-decoration:none;color:var(--antrazit);border:1px solid var(--hair);border-radius:5px;padding:5px 11px;transition:.12s;}
ul.release-list .langs a:hover{border-color:var(--red);color:var(--red);}

@media (max-width:680px){
  .wrap{padding:0 18px;}
  .hero,.index-hero{padding:44px 0 24px;}
  section.block{grid-template-columns:1fr;gap:14px;padding:32px 0;}
  .block-index{padding-right:0;display:flex;gap:12px;align-items:baseline;}
  .block-index .num,.block-index .area{text-align:left;border-right:none;padding-right:0;margin-bottom:0;}
  .release-stamp{text-align:left;}
  ul.release-list li{grid-template-columns:1fr;gap:8px;}
}
@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto;}}