/* Production-only layer: additions to the approved design system for the public
   site. Keeps brand.css and landing.css close to the approved design system. */

/* Buttons are reachable by keyboard: brand.css styles :focus-visible for links
   and inputs, not for <button>. */
button:focus-visible,summary:focus-visible,[tabindex]:focus-visible{outline:2px solid var(--sr-focus);outline-offset:4px}

/* Honest status next to the primary call to action. */
.cta-note{margin-top:var(--sr-space-4);font-size:var(--sr-text-label);color:var(--sr-ink-2);max-width:46ch}
.week-sample .note{margin-top:var(--sr-space-4)}
#areas .note{margin-top:var(--sr-space-6)}

/* --- Standalone pages: /app/ (coming soon) and 404 ------------------------ */
body.standalone{background:var(--sr-paper);min-height:100vh;display:flex;flex-direction:column}
.standalone-nav{max-width:1328px;width:100%;box-sizing:border-box;padding:var(--sr-space-6);margin-inline:auto}
.standalone-nav img{height:38px;width:auto;max-width:240px;display:block}
.standalone-main{flex:1;max-width:1328px;width:100%;box-sizing:border-box;padding-inline:var(--sr-space-6);margin-inline:auto;display:flex;align-items:center}
.standalone-card{max-width:60ch;padding-block:var(--sr-space-12) var(--sr-space-16)}
.standalone-card h1{font-size:clamp(2.75rem,7vw,5rem);line-height:1.04;letter-spacing:-.06em;font-weight:500;margin-block:var(--sr-space-5)}
.standalone-card .lead{font-size:var(--sr-text-h2);color:var(--sr-ink-2);max-width:42ch;margin-top:0}
.standalone-card .button-row{margin-top:var(--sr-space-8);display:flex;gap:var(--sr-space-3);flex-wrap:wrap}
.plan-list{list-style:none;margin:var(--sr-space-8) 0 0;padding:0;display:grid;gap:var(--sr-space-4);max-width:52ch}
.plan-list li{padding-top:var(--sr-space-4);border-top:1px solid var(--sr-line);color:var(--sr-ink-2);font-size:var(--sr-text-small)}
.plan-list b{display:block;color:var(--sr-ink);font-weight:500;font-size:var(--sr-text-body);margin-bottom:var(--sr-space-2)}
.standalone-footer{max-width:1328px;width:100%;box-sizing:border-box;padding:var(--sr-space-6);margin-inline:auto;border-top:1px solid var(--sr-line);font-size:var(--sr-text-label);color:var(--sr-ink-2);display:grid;gap:var(--sr-space-2)}
.standalone-footer a{width:fit-content;min-height:44px;display:flex;align-items:center}
@media(max-width:760px){
  .standalone-nav,.standalone-main,.standalone-footer{padding-inline:var(--sr-space-5)}
  .standalone-card{padding-block:var(--sr-space-8) var(--sr-space-10)}
  .standalone-card .lead{font-size:var(--sr-text-body)}
  .standalone-card .button-row .btn{width:100%}
}

/* --- Правовые страницы: /privacy/, /terms/ ------------------------------- */
.legal-main{flex:1;max-width:1328px;width:100%;box-sizing:border-box;padding-inline:var(--sr-space-6);margin-inline:auto}
.legal{max-width:68ch;padding-block:var(--sr-space-10) var(--sr-space-16)}
.legal h1{font-size:clamp(2.25rem,4.5vw,3.25rem);line-height:1.08;letter-spacing:-.045em;font-weight:500;margin-block:var(--sr-space-4) var(--sr-space-5)}
.legal h2{font-size:var(--sr-text-title);line-height:1.2;letter-spacing:-.03em;font-weight:500;margin-block:var(--sr-space-10) var(--sr-space-4)}
.legal h3{font-size:var(--sr-text-h2);font-weight:500;margin-block:var(--sr-space-6) var(--sr-space-3)}
.legal p,.legal li{color:var(--sr-ink-2);max-width:68ch}
.legal p+p{margin-top:var(--sr-space-4)}
.legal ul{margin-block:var(--sr-space-4);padding-inline-start:var(--sr-space-6);display:grid;gap:var(--sr-space-3)}
.legal a{color:var(--sr-mark)}
.legal .updated{font-size:var(--sr-text-label);color:var(--sr-ink-3)}
.legal .callout{margin-block:var(--sr-space-6);padding:var(--sr-space-6);border-radius:var(--sr-radius-lg);background:var(--sr-mark-soft)}
.legal .callout p{color:var(--sr-ink)}
.legal .callout :first-child{margin-top:0}
.legal .facts{margin-block:var(--sr-space-6);display:grid;gap:var(--sr-space-3);font-size:var(--sr-text-small)}
.legal .facts div{display:grid;grid-template-columns:minmax(0,14rem) 1fr;gap:var(--sr-space-4);padding-top:var(--sr-space-3);border-top:1px solid var(--sr-line)}
.legal .facts dt,.legal .facts b{font-weight:500;color:var(--sr-ink)}
.legal code{font-family:var(--sr-font-mono);font-size:.92em;background:var(--sr-surface-sunk);padding:.1em .35em;border-radius:var(--sr-radius-sm)}
.footer-links{display:flex;flex-wrap:wrap;align-items:center;gap:var(--sr-space-2)}
.footer-links a{min-height:44px;display:inline-flex;align-items:center}
@media(max-width:760px){
  .legal-main{padding-inline:var(--sr-space-5)}
  .legal{padding-block:var(--sr-space-8) var(--sr-space-10)}
  .legal .facts div{grid-template-columns:1fr;gap:var(--sr-space-1)}
}