/* Oct 8 presentation for screens that opt in with classic:true (WP10-01, R4, R10).
   _screen.js gives those roots `page fc-classic fc5-surface` and data-screen. They never get .fc5, so the cinematic
   layer, the enlarged body layer and the .fc5[data-fc5-screen] rules skip them.
   Values come from the Oct 8 source (f00c9d5): 15/13/10.5px type, 14/18/22px radii and the app.css sizes.
   Decorative borders use --cardLine (#2B2B3A, light #DCD6EE). Inputs, chips and radio rows keep --controlLine (3:1).
   This layer loads after responsive-v8.css and before the screen layers. Each rule starts with
   `#app .fc-classic[data-screen]` and names one selector, so it outranks the phone layer's `#app :is(...)` lists.
   A screen's own classic rule starts with `#app .fc-classic[data-screen="name"]` in a later stylesheet and wins.
   No zoom, transform or !important. */
#app .fc-classic[data-screen] {
  --fs-body:15px; --fs-small:13px; --fs-kicker:10.5px;
  --r:14px; --r-lg:18px; --r-xl:22px;
  --line:var(--cardLine);
  font-size:15px; line-height:1.5;
}
#app .fc-classic[data-screen] input,
#app .fc-classic[data-screen] select,
#app .fc-classic[data-screen] textarea,
#app .fc-classic[data-screen] .search,
#app .fc-classic[data-screen] .chip,
#app .fc-classic[data-screen] .radio { --line:var(--controlLine); }
#app .fc-classic[data-screen] .social-editor-card { border-radius:var(--r-xl); }

/* The enlarged body layer sizes these classes outside its screen groups; restore the Oct 8 copy and feedback sizes. */
#app .fc-classic[data-screen] .body-copy { font-size:14.5px; line-height:1.5; }
#app .fc-classic[data-screen] .body-copy-sm { font-size:14px; line-height:1.55; }
#app .fc-classic[data-screen] .legal-copy { font-size:15px; line-height:1.6; }
#app .fc-classic[data-screen] .status-copy { font-size:14px; line-height:1.5; }
#app .fc-classic[data-screen] .fc6-feedback .k { font-size:14px; line-height:1.4; }
#app .fc-classic[data-screen] .fc6-feedback .b p { font-size:13px; line-height:1.5; }
#app .fc-classic[data-screen] .fc6-feedback .btn { font-size:14px; line-height:1.5; min-height:44px; padding:8px 0; }

/* Phone: re-assert the Oct 8 sizes that responsive-v8.css replaces below 900px. Text fields keep the 16px phone size,
   so iOS does not zoom on focus, and wrapping stays on, so long labels cannot overflow. */
@media(max-width:899px) {
  #app .fc-classic[data-screen] h1,
  #app .fc-classic[data-screen] .h1 { font-size:clamp(28px,4vw,44px); line-height:1.05; }
  #app .fc-classic[data-screen] h2,
  #app .fc-classic[data-screen] .h2 { font-size:clamp(22px,2.6vw,28px); line-height:1.1; }
  #app .fc-classic[data-screen] h3,
  #app .fc-classic[data-screen] .h3 { font-size:18px; line-height:1.2; }
  /* The cover name keeps its own Oct 8 size (profile-media.css), which beat the generic .h1 size on Oct 8.
     The clamp gives 22px at 733px or less, so a separate 420px rule adds nothing. */
  #app .fc-classic[data-screen] .profile-cover-name .h1 { font-size:clamp(22px,3vw,32px); }
  #app .fc-classic[data-screen] .sub { font-size:15.5px; line-height:1.55; }
  #app .fc-classic[data-screen] .list-inline { font-size:13.5px; line-height:1.5; }
  #app .fc-classic[data-screen] .note,
  #app .fc-classic[data-screen] .banner,
  #app .fc-classic[data-screen] .facts dd { font-size:14px; line-height:1.5; }
  #app .fc-classic[data-screen] .empty { font-size:14.5px; line-height:1.5; }
  #app .fc-classic[data-screen] .status { font-size:15px; line-height:1.5; }
  #app .fc-classic[data-screen] .small { font-size:var(--fs-small); line-height:1.5; }
  #app .fc-classic[data-screen] .err,
  #app .fc-classic[data-screen] .field .err,
  #app .fc-classic[data-screen] .steps .st,
  #app .fc-classic[data-screen] .hold { font-size:13px; line-height:1.5; }
  #app .fc-classic[data-screen] .rowitem .m { font-size:13px; line-height:1.4; }
  #app .fc-classic[data-screen] .field .hint,
  #app .fc-classic[data-screen] .radio .d { font-size:12.5px; line-height:1.5; }
  #app .fc-classic[data-screen] .linkrow .d { font-size:12.5px; line-height:1.4; }
  #app .fc-classic[data-screen] .social-prefix { font-size:12px; line-height:1.5; }
  /* Oct 8 kit sizes that responsive-v8.css changes to 12px. app.css: fact values 14px, banner key 10px.
     oct1-profile.css (after app.css): social count 14px, social source 12px. */
  #app .fc-classic[data-screen] .profile-social-source { font-size:12px; line-height:1.5; }
  #app .fc-classic[data-screen] .profile-facts dd { font-size:14px; line-height:1.5; }
  #app .fc-classic[data-screen] .profile-social-count { font-size:14px; line-height:1.5; }
  #app .fc-classic[data-screen] .banner .k { font-size:10px; line-height:1.5; }
  #app .fc-classic[data-screen] .kicker,
  #app .fc-classic[data-screen] .facts dt { font-size:var(--fs-kicker); line-height:1.5; }
  #app .fc-classic[data-screen] .tags-order .to .n { font-size:10px; line-height:1.5; }
  #app .fc-classic[data-screen] .profile-facts dt { font-size:11px; line-height:1.5; }
  #app .fc-classic[data-screen] .rowitem .t { font-size:15px; line-height:1.3; }
  #app .fc-classic[data-screen] .radio .l,
  #app .fc-classic[data-screen] .linkrow .l { font-size:15px; line-height:1.5; }
  #app .fc-classic[data-screen] .field label,
  #app .fc-classic[data-screen] .field .lbl { font-size:13.5px; line-height:1.5; }
  #app .fc-classic[data-screen] .btn { font-size:15px; line-height:1.5; min-height:48px; padding:0 20px; }
  #app .fc-classic[data-screen] .btn-sm { font-size:14px; min-height:42px; padding:0 14px; }
  #app .fc-classic[data-screen] .seg button { font-size:14px; line-height:1.5; min-height:38px; padding:0 14px; }
  #app .fc-classic[data-screen] .chip { font-size:14px; line-height:1.5; min-height:40px; padding:0 14px; }
  #app .fc-classic[data-screen] .pill { font-size:10px; line-height:1.5; min-height:26px; }
  #app .fc-classic[data-screen] .tag-src { font-size:9px; line-height:1.5; min-height:20px; }
  #app .fc-classic[data-screen] .rowitem { gap:14px; }
  #app .fc-classic[data-screen] .rowitem .date { width:auto; min-width:44px; font-size:inherit; }
  #app .fc-classic[data-screen] .rowitem .date b { font-size:18px; line-height:1; }
  #app .fc-classic[data-screen] .rowitem .date span { font-size:9px; }
  #app .fc-classic[data-screen] .pass .line { font-size:13.5px; }
  #app .fc-classic[data-screen] .pass .tchip,
  #app .fc-classic[data-screen] .pass .seal { font-size:10px; }
  #app .fc-classic[data-screen] .pass .stub .hint { font-size:9.5px; }
  #app .fc-classic[data-screen] .pass .stub .code { font-size:11px; }
}
@media(max-width:760px) {
  #app .fc-classic[data-screen] h1,
  #app .fc-classic[data-screen] .h1 { font-size:30px; }
}