/* Forms & Standing / R18 — Borderless Premium Interface
   Exact scope: premium-r13.html; additive after R17.
   Design references: Apple HIG Buttons and IBM Carbon Button / Spacing.
   Preserve hero photography, 1-page scroll morph, state combobox, and workspace.
   Borders removed from visible card and control chrome, NOT keyboard focus.
*/
:root {
  --fs11-bg:#e9e9e2;
  --fs11-ink:#242d28;
  --fs11-muted:#505b54;
  --fs18-action:#27342d;
  --fs18-action-ink:#f5f3eb;
  --fs18-neutral-shadow:0 24px 60px -35px rgba(18,28,21,.49),0 10px 24px -16px rgba(16,28,20,.22);
  --fs18-glass-light:linear-gradient(144deg,rgba(253,253,249,.24) 0%,rgba(249,249,243,.11) 55%,rgba(245,247,240,.19) 100%);
  --fs18-glass-strong:linear-gradient(135deg,rgba(254,254,250,.51),rgba(249,250,245,.29));
  --fs18-muted-divider:rgba(39,50,41,.10);
  --fs18-focus:#253c31;
  --fs18-control-radius:13px;
}
html[data-theme="dark"] {
  --fs11-bg:#1b221e;
  --fs11-ink:#f1f0e8;
  --fs11-muted:#c9d0c6;
  --fs18-action:#edece5;
  --fs18-action-ink:#1f2c25;
  --fs18-neutral-shadow:0 25px 65px -29px rgba(0,0,0,.68),0 10px 28px -18px rgba(0,0,0,.4);
  --fs18-glass-light:linear-gradient(144deg,rgba(48,59,50,.25),rgba(27,39,31,.11) 60%,rgba(38,51,40,.20));
  --fs18-glass-strong:linear-gradient(135deg,rgba(45,56,48,.54),rgba(30,40,32,.28));
  --fs18-muted-divider:rgba(240,244,236,.10);
  --fs18-focus:#f7f0da;
}
/* Remove all decorative strokes from cards, panels, header and controls. */
.fs11-header,
.fs11-hero-copy,
.fs13-name-lookup,
.fs13-search-response,
.fs11-card,
.fs11-intro,
.fs11-faq details,
.fs11-workspace-frame,
.fs11-workspace-topbar,
.fs11-workspace-sidebar,
.fs11-workspace-avatar,
.fs11-workspace-sidebar button,
.fs11-brand-mark,
.fs13-state-label,
.fs11-theme,
.fs11-menu,
.fs11-button,
.fs11-button--outline,
.fs14-select-panel,
.fs14-option {
  border:0!important;
  border-color:transparent!important;
}
/* Glass must remain transparent with nearby architecture visible. */
.fs11-card,.fs11-intro,.fs11-faq details,.fs11-workspace-frame {
  background:var(--fs18-glass-light)!important;
  box-shadow:var(--fs18-neutral-shadow)!important;
  -webkit-backdrop-filter:blur(9px) saturate(1.08)!important;
  backdrop-filter:blur(9px) saturate(1.08)!important;
}
html[data-theme="dark"] .fs11-card,
html[data-theme="dark"] .fs11-intro,
html[data-theme="dark"] .fs11-faq details,
html[data-theme="dark"] .fs11-workspace-frame {
  background:var(--fs18-glass-light)!important;
}
.fs11-card::after {
  background:radial-gradient(ellipse 100% 57% at 6% 0%,rgba(255,255,255,.115),transparent 75%)!important;
}
html[data-theme="dark"] .fs11-card::after {
  background:radial-gradient(ellipse 100% 57% at 6% 0%,rgba(255,255,255,.045),transparent 76%)!important;
}
.fs11-card {
  padding:38px 38px 35px;
  min-height:344px;
  border-radius:22px;
  gap:0;
  transition:transform .19s ease,box-shadow .19s ease;
}
.fs11-card:hover{
  transform:translateY(-3px);
  box-shadow:0 27px 67px -27px rgba(17,30,20,.37),0 10px 27px -17px rgba(16,30,20,.28)!important;
}
html[data-theme="dark"] .fs11-card:hover{
  box-shadow:0 30px 77px -26px rgba(0,0,0,.64)!important;
}
/* Remove nested dashboard panel outlines without reducing hierarchy. */
.fs11-workspace-topbar{background:rgba(255,255,255,.048)!important}
.fs11-workspace-sidebar{background:rgba(255,255,255,.045)!important}
.fs11-workspace-sidebar button[aria-current="page"]{
  background:var(--fs18-glass-strong)!important;
  box-shadow:0 6px 18px -12px rgba(15,27,19,.26)!important;
  border:0!important;
}
.fs11-header,.fs11-hero-copy,.fs13-name-lookup,.fs13-search-response {
  border:0!important;
  box-shadow:var(--fs18-neutral-shadow)!important;
}
.fs11-header{
  background:var(--fs18-glass-strong)!important;
  -webkit-backdrop-filter:blur(25px) saturate(1.06)!important;
  backdrop-filter:blur(25px) saturate(1.06)!important;
}
.fs11-hero-copy{
  background:var(--fs18-glass-strong)!important;
  -webkit-backdrop-filter:blur(14px) saturate(1.08)!important;
  backdrop-filter:blur(14px) saturate(1.08)!important;
}
.fs13-name-lookup{
  background:var(--fs18-glass-strong)!important;
  -webkit-backdrop-filter:blur(17px) saturate(1.06)!important;
  backdrop-filter:blur(17px) saturate(1.06)!important;
}
/* Premium editorial type: one ink tone, a consistent reading scale. */
.fs11-section-head h2{
  font-size:clamp(45px,4.6vw,66px);
  line-height:1.105;
  letter-spacing:-.053em;
}
.fs11-section-head p{
  font-size:16px;
  line-height:1.72;
  max-width:390px;
  color:var(--fs11-muted);
}
.fs11-card h3{
  font-size:clamp(29px,2.35vw,35px);
  line-height:1.14;
  letter-spacing:-.038em;
}
.fs11-card p{
  font-size:15px;
  line-height:1.77;
  margin:22px 0 27px;
  color:var(--fs11-muted);
}
.fs11-intro h2{
  font-size:clamp(45px,4.2vw,66px);
  line-height:1.10;
}
.fs11-intro p{
  font-size:16px;
  line-height:1.81;
}
.fs11-workspace-copy h2{
  font-size:clamp(48px,4.7vw,68px);
  line-height:1.11;
}
.fs11-workspace-copy p{
  font-size:16px;
  line-height:1.77;
  margin-top:25px;
}
.fs11-workspace-content .fs11-workspace-lead{font-size:14px;line-height:1.65}
.fs11-workspace-content .fs11-workspace-description{font-size:13px;line-height:1.68}
.fs11-workspace-sidebar button{font-size:13px;line-height:1.45}
.fs11-faq summary{
  font-size:16px;
  font-weight:600;
  padding:25px 0;
  letter-spacing:-.012em;
}
.fs11-faq details p{
  font-size:15px;
  line-height:1.76;
  color:var(--fs11-muted);
}
.fs11-faq details{
  padding-inline:28px;
  border-radius:18px;
}
.fs11-hero-copy>.fs13-search-note{
  font-size:12px!important;
  line-height:1.6!important;
  font-weight:500!important;
}
/* Rhythm: 8px-based spacing with deliberate breathing room. */
.fs11-card-grid{gap:24px}
.fs11-section-head{margin-bottom:40px;gap:44px}
.fs11-section{padding-top:100px;padding-bottom:100px}
.fs11-section + .fs11-section{padding-top:84px!important}
.fs11-workspace-grid{gap:68px}
.fs11-workspace-section{padding-top:104px!important;padding-bottom:104px!important}
.fs11-workspace-section + .fs11-section{padding-top:92px!important}
.fs11-faq{gap:20px}
.fs11-intro{gap:60px;padding:72px}
.fs11-header{gap:24px}
.fs11-nav{gap:25px}
.fs11-nav a{
  font-size:13.5px;
  font-weight:600;
  letter-spacing:0;
  line-height:1.35;
}
.fs11-workspace-copy .fs11-button{margin-top:30px}
/* One primary action style, a quiet secondary glass action. */
.fs11-button,.fs13-name-lookup button[type="submit"]{
  min-height:48px;
  padding:0 24px;
  border:0!important;
  border-radius:var(--fs18-control-radius);
  background:var(--fs18-action)!important;
  color:var(--fs18-action-ink)!important;
  font:600 14px/1.3 var(--fs11-sans);
  letter-spacing:.003em;
  box-shadow:0 9px 21px -14px rgba(20,27,22,.36)!important;
  transition:transform .16s ease,box-shadow .16s ease,filter .16s ease;
}
.fs11-button:hover,.fs13-name-lookup button[type="submit"]:hover{
  transform:translateY(-1px);
  box-shadow:0 14px 26px -13px rgba(20,27,22,.46)!important;
  filter:brightness(1.065);
}
.fs11-button:active,.fs13-name-lookup button[type="submit"]:active{
  transform:translateY(0);
  filter:brightness(.96);
}
.fs11-button--small{
  min-height:44px;
  padding:0 18px;
  font-size:13.5px;
}
.fs11-button--outline{
  background:var(--fs18-glass-strong)!important;
  color:var(--fs11-ink)!important;
  box-shadow:0 8px 18px -16px rgba(20,30,22,.23)!important;
  -webkit-backdrop-filter:blur(12px)!important;
  backdrop-filter:blur(12px)!important;
}
.fs11-theme,.fs11-menu{
  min-height:44px;
  min-width:44px;
  padding:0 13px;
  border-radius:12px;
  font-size:13px;
  font-weight:600;
  color:var(--fs11-ink);
  background:var(--fs18-glass-strong)!important;
  box-shadow:0 7px 17px -15px rgba(19,30,21,.30)!important;
}
.fs13-name-lookup button[type="submit"]{
  min-height:54px;
  padding-inline:20px;
}
.fs13-name-lookup input,.fs14-select-trigger{
  font-size:15px;
  line-height:1.45;
  font-weight:500;
}
.fs13-field-label{font-size:12px}
.fs14-select-panel{
  background:rgba(246,246,240,.985)!important;
  border-radius:14px;
  padding:8px;
  box-shadow:0 20px 48px -22px rgba(14,27,17,.47)!important;
}
html[data-theme="dark"] .fs14-select-panel{
  background:rgba(37,45,39,.987)!important;
}
.fs14-option{font-size:14px;min-height:40px;border-radius:9px}
.fs11-card a{
  font-size:14px;
  font-weight:600;
  text-decoration:none;
  padding:10px 0 3px;
}
.fs11-card a:hover{
  text-decoration:underline;
  text-underline-offset:5px;
}
.fs11-card a span{margin-left:3px;transition:transform .16s ease}
.fs11-card a:hover span{transform:translateX(3px)}
/* Focus is an accessibility state, not a decorative border. */
:where(.fs11-button,.fs11-theme,.fs11-menu,.fs11-card a,.fs11-faq summary,.fs14-option,.fs14-select-trigger,.fs13-name-lookup input):focus-visible{
  outline:3px solid var(--fs18-focus)!important;
  outline-offset:3px!important;
}
@media(max-width:1080px){
  .fs11-nav{gap:17px}
  .fs11-card{padding:32px;min-height:324px}
  .fs11-card-grid{gap:18px}
  .fs11-workspace-grid{gap:40px}
}
@media(max-width:850px){
  .fs11-section{padding-block:72px}
  .fs11-workspace-section{padding-block:72px!important}
  .fs11-section-head{margin-bottom:30px}
  .fs11-intro{padding:46px 38px;gap:28px}
  .fs11-card{min-height:285px}
}
@media(max-width:600px){
  .fs11-card-grid{gap:16px}
  .fs11-card,.fs11-card:last-child{padding:29px;min-height:257px}
  .fs11-card h3{font-size:31px}
  .fs11-card p{font-size:15px;line-height:1.69;margin:17px 0 20px}
  .fs11-section,.fs11-section+.fs11-section{padding-block:55px!important}
  .fs11-workspace-section{padding:62px 0!important}
  .fs11-workspace-section+.fs11-section{padding-top:60px!important}
  .fs11-section-head h2{font-size:clamp(40px,10.6vw,53px)}
  .fs11-section-head p{font-size:15px}
  .fs11-intro{padding:34px 26px;gap:24px}
  .fs11-intro h2{font-size:clamp(38px,10.1vw,48px)}
  .fs11-workspace-copy h2{font-size:clamp(42px,10.5vw,56px)}
  .fs11-workspace-copy p{font-size:15px}
  .fs11-workspace-sidebar button{font-size:11px}
  .fs11-workspace-content .fs11-workspace-description{font-size:12px}
  .fs11-faq summary{font-size:15px;padding-block:23px}
  .fs11-faq details{padding-inline:22px}
  .fs11-nav-mobile a{min-height:44px;display:flex;align-items:center}
  .fs13-name-lookup button[type="submit"]{min-height:48px}
}
@media(prefers-reduced-motion:reduce){
  .fs11-button,.fs13-name-lookup button[type="submit"],.fs11-card a span{transition:none!important}
}

/* Final specificity correction: R15 used a :not() selector on filled buttons. */
.fs11-button:not(.fs11-button--outline),
.fs11-button.fs11-button--outline,
.fs13-name-lookup button[type="submit"] {border:0!important;border-width:0!important}

/* Dark-mode specificity correction: R17 declared darker card edges with theme specificity. */
html[data-theme="dark"] .fs11-card,
html[data-theme="dark"] .fs11-intro,
html[data-theme="dark"] .fs11-faq details,
html[data-theme="dark"] .fs11-workspace-frame {
  border:0!important;
  border-width:0!important;
}
