/* appbar — из calc.css; локально только отступ страницы */
/* «Актуальная информация» в стиле paket27. Только var(--…) из tokens.css. */
*,*::before,*::after{box-sizing:border-box;margin:0;padding:0;border-radius:var(--radius-0)}
html,body{background:var(--color-bg);color:var(--color-text);font:400 var(--fs-ui-body)/1.6 var(--font-text);-webkit-font-smoothing:antialiased}
a{color:inherit}
:focus-visible{outline:2px solid var(--color-focus-ring);outline-offset:2px}
.wrap{max-width:880px;margin:0 auto;padding:var(--space-9) var(--space-5)}
.kicker{font-size:var(--fs-min);letter-spacing:var(--ls-ui-caps);text-transform:uppercase;color:var(--color-text-muted-ui)}
.page-head{padding-bottom:var(--space-7);border-bottom:1px solid var(--color-border-strong);margin-bottom:var(--space-3)}
.page-head h1{font:700 clamp(32px,4vw,48px)/1.05 var(--font-display);letter-spacing:var(--ls-ui-h);margin:var(--space-3) 0}
.lead{color:var(--color-text-muted-ui);max-width:46ch}
.updated{color:var(--color-text-muted-ui);margin-top:var(--space-3);font-size:var(--fs-ui-caption)}
.info-row{padding:var(--space-5) 0;border-bottom:1px solid var(--color-border)}
.info-row h2{font:700 24px/1.15 var(--font-display);letter-spacing:var(--ls-ui-h);margin-bottom:var(--space-2);display:flex;flex-wrap:wrap;gap:var(--space-3);align-items:baseline}
.info-row p+p{margin-top:var(--space-2)}
.versions{margin-top:var(--space-3)}
.fine{color:var(--color-text-muted-ui)}
.info-row ul{margin-top:var(--space-3);list-style:none;display:grid;gap:var(--space-2)}
.info-row li{font-size:var(--fs-ui-caption);padding-left:var(--space-4);position:relative}
.info-row li::before{content:"";position:absolute;left:0;top:.75em;width:6px;height:1px;background:var(--color-accent)}
.inline-link{text-decoration:underline;text-underline-offset:3px}
.inline-link:hover{color:var(--color-hover-accent)}
.status{font:700 var(--fs-min)/1.2 var(--font-display);letter-spacing:0}
.ok{color:var(--color-success)} .warn{color:var(--color-warning)}
.actions{display:flex;flex-wrap:wrap;gap:var(--space-3);margin-top:var(--space-7)}
.btn{display:inline-flex;align-items:center;justify-content:center;min-height:var(--btn-min-h);padding:14px 20px;border:1px solid var(--color-border-strong);background:var(--color-bg);color:var(--color-text);font-size:var(--ui-btn-fs);font-weight:700;text-decoration:none;transition:background var(--dur-fast),color var(--dur-fast)}
.btn:hover{color:var(--color-hover-accent)}
.btn-primary{background:var(--btn-primary-bg);color:var(--btn-primary-fg);border-color:transparent;gap:20px}
.btn-primary::after{content:"→";font-family:var(--font-system,Arial,sans-serif);font-size:var(--fs-22);font-weight:400;line-height:1;margin-left:20px}
.btn-primary:hover{background:var(--btn-primary-bg-hover);color:var(--btn-primary-fg-hover)}
.foot{margin-top:var(--space-7);padding-top:var(--space-4);border-top:1px solid var(--color-border);font-size:var(--fs-ui-caption);color:var(--color-text-muted-ui)}
@media (max-width:560px){
  .wrap{padding:28px 16px 48px}
  .page-head h1{font-size:var(--fs-32)}
  .info-row h2{font-size:var(--fs-20)}
  .actions .btn{flex:1 1 100%}
}
@media (prefers-reduced-motion:reduce){*{transition:none !important}}