/* Reference UI fidelity pass — derived from the approved FreeLLM visual boards. */
body[data-visual-style="aurora"][data-reference-style="v1"]{
  --aurora-page:#f5f9ff;
  --aurora-ink:#102745;
  --aurora-blue:#2f7de1;
  --ref-blue:#0868f7;
  --ref-blue-2:#3f8cff;
  --ref-navy:#061a37;
  --ref-text:#071a3a;
  --ref-muted:#65789d;
  --ref-line:#dce9f7;
  --ref-card:rgba(255,255,255,.88);
  --ref-shadow:0 14px 40px rgba(36,101,174,.09);
  background:#f7fbff!important;
  color:var(--ref-text)!important;
}
body[data-reference-style="v1"] *{box-sizing:border-box}
body[data-reference-style="v1"] a{text-decoration:none}

/* Left navigation: same proportion and visual weight as the approved boards. */
body[data-reference-style="v1"]>.fl-site-rail{
  position:fixed!important;inset:0 auto 0 0!important;width:186px!important;height:100vh!important;
  display:flex!important;flex-direction:column!important;padding:20px 14px 22px!important;
  border:0!important;border-radius:0!important;overflow:hidden!important;z-index:80!important;
  background:
    radial-gradient(circle at 45% 66%,rgba(42,133,255,.2),transparent 28%),
    linear-gradient(180deg,#071a34 0%,#06172e 56%,#09234a 100%)!important;
  box-shadow:10px 0 36px rgba(16,50,91,.08)!important;
}
body[data-reference-style="v1"]>.fl-site-rail::after{
  content:"";position:absolute;left:-10%;right:-10%;bottom:-2px;height:185px;z-index:0;
  background:
    linear-gradient(145deg,transparent 0 24%,#153f6d 24% 27%,transparent 27% 33%,#0c325d 33% 39%,transparent 39% 47%,#174d7b 47% 53%,transparent 53%) bottom/100% 74% no-repeat,
    linear-gradient(180deg,transparent 0 48%,rgba(5,19,41,.12) 48% 100%);
  clip-path:polygon(0 100%,0 62%,10% 55%,20% 68%,31% 44%,39% 57%,52% 30%,62% 51%,72% 38%,83% 62%,100% 49%,100% 100%);
  opacity:.95;pointer-events:none;
}
body[data-reference-style="v1"] .fl-site-brand{
  position:relative;z-index:2;display:flex!important;align-items:center;gap:10px!important;
  padding:0 6px 18px!important;margin:0 0 12px!important;border-bottom:1px solid rgba(255,255,255,.12)!important;color:#fff!important;
}
body[data-reference-style="v1"] .fl-site-brand-mark{
  width:38px!important;height:38px!important;display:grid!important;place-items:center!important;
  border:1px solid rgba(117,190,255,.34)!important;border-radius:12px!important;
  background:linear-gradient(145deg,#12375d,#0a294b)!important;color:#8bd1ff!important;font-size:16px!important;font-weight:800!important;
  box-shadow:inset 0 0 18px rgba(66,159,255,.16)!important;
}
body[data-reference-style="v1"] .fl-site-brand-copy strong{font-size:18px!important;letter-spacing:-.02em!important;color:#fff!important}
body[data-reference-style="v1"] .fl-site-brand-copy small{display:block!important;color:#abc5e7!important;font-size:10px!important;margin-top:2px}
body[data-reference-style="v1"] .fl-site-nav{position:relative;z-index:2;display:flex!important;flex-direction:column!important;gap:7px!important}
body[data-reference-style="v1"] .fl-site-nav>a{
  min-height:42px!important;display:flex!important;align-items:center!important;gap:12px!important;
  padding:0 12px!important;border:1px solid transparent!important;border-radius:11px!important;
  color:#d9e7fb!important;font-size:14px!important;font-weight:620!important;background:transparent!important;
}
body[data-reference-style="v1"] .fl-site-nav>a:hover{background:rgba(255,255,255,.055)!important;color:#fff!important}
body[data-reference-style="v1"] .fl-site-nav>a[aria-current="page"]{
  position:relative!important;isolation:isolate;color:#fff!important;
  border-color:rgba(84,165,255,.5)!important;border-radius:12px!important;
  background:linear-gradient(100deg,#1769e9 0%,#1550a7 52%,#104b59 100%)!important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.18),0 7px 18px rgba(3,74,174,.3)!important;
}
body[data-reference-style="v1"] .fl-site-nav>a[aria-current="page"]::before{
  content:"";position:absolute;left:-16px;top:0;bottom:0;width:5px;border-radius:0 4px 4px 0;
  background:#2382ff;box-shadow:0 0 12px rgba(35,130,255,.42);
}
body[data-reference-style="v1"] .fl-site-nav-icon{width:18px!important;text-align:center!important;color:#78bcff!important;font-size:16px!important}
body[data-reference-style="v1"] .fl-site-nav>a[aria-current="page"] .fl-site-nav-icon{
  width:22px!important;height:22px!important;display:grid!important;place-items:center!important;
  border-radius:8px!important;background:linear-gradient(145deg,#f6fbff,#dcecff)!important;
  color:transparent!important;font-size:0!important;box-shadow:0 1px 4px rgba(1,26,67,.15)!important;
}
body[data-reference-style="v1"] .fl-site-nav>a[aria-current="page"] .fl-site-nav-icon::after{
  content:"✿";color:#1167e9;font-size:15px;line-height:1;
}
body[data-reference-style="v1"] .fl-site-rail-note{
  position:relative!important;z-index:2!important;margin-top:auto!important;padding:0 10px 155px!important;
  color:#8ab7ec!important;font-size:12px!important;line-height:1.8!important;font-style:italic!important;
}
body[data-reference-style="v1"] .fl-site-theme-toggle{display:none!important}

/* Shared top bar */
body[data-reference-style="v1"] .ref-topbar{
  position:fixed;left:206px;right:28px;top:12px;height:52px;z-index:70;
  display:flex;align-items:center;gap:14px;padding:0 8px 0 23px;
  border:0;border-radius:0;background:transparent;backdrop-filter:none;box-shadow:none;
}
body[data-reference-style="v1"] .ref-search{
  flex:0 1 675px;max-width:675px;height:40px;display:flex;align-items:center;gap:10px;padding:0 13px;
  border:1px solid #dbe8f7;border-radius:20px;background:#f9fcff;
}
body[data-reference-style="v1"] .ref-search span{display:inline-flex;align-items:center;color:#7285a6;font-size:17px}
body[data-reference-style="v1"] .ref-search span svg{display:block;width:16px;height:16px;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}
body[data-reference-style="v1"] .ref-search input{
  width:100%;border:0;outline:0;background:transparent;color:#243b60;font:inherit;font-size:13px
}
body[data-reference-style="v1"] .ref-search kbd{
  padding:3px 8px;border:1px solid #d8e4f2;border-radius:8px;background:white;color:#7890b2;font-size:11px;font-family:inherit
}
body[data-reference-style="v1"] .ref-top-actions{margin-left:auto;display:flex;align-items:center;gap:8px}
body[data-reference-style="v1"] .ref-top-actions a,
body[data-reference-style="v1"] .ref-top-actions button{
  min-width:72px;height:36px;padding:0 14px;border:1px solid #dbe8f7;border-radius:10px;background:#fff;
  color:#203b67;font:inherit;font-size:12px;font-weight:700;display:inline-flex;align-items:center;justify-content:center;cursor:pointer
}
body[data-reference-style="v1"] .ref-top-actions .primary{background:#0868f7;border-color:#0868f7;color:#fff;box-shadow:0 7px 15px rgba(8,104,247,.22)}
body[data-reference-style="v1"] .ref-bell{position:relative;min-width:36px!important;width:36px!important;padding:0!important;border:0!important;background:transparent!important;font-size:17px!important}
body[data-reference-style="v1"] .ref-bell svg{display:block;width:18px;height:18px;fill:none;stroke:#183761;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
body[data-reference-style="v1"] .ref-bell::after{content:"";position:absolute;top:7px;right:7px;width:6px;height:6px;border-radius:50%;background:#ff4d5f;border:2px solid #fff}
body[data-reference-style="v1"] .fl-site-ribbon{display:none!important}
body[data-reference-style="v1"][data-fl-section="workflow"] .ref-search kbd{
  display:inline-flex;align-items:center;justify-content:center;flex:0 0 47px;min-width:47px;height:24px;padding:0 7px;
  border-radius:12px;line-height:1;white-space:nowrap
}

/* Desktop content frame */
body[data-reference-style="v1"] .catalog-app{margin-left:186px!important;width:calc(100% - 186px)!important;max-width:none!important;padding:78px 28px 56px!important}
body[data-reference-style="v1"][data-fl-section="tools"] .tools-page,
body[data-reference-style="v1"][data-fl-section="skills"] .skills-page,
body[data-reference-style="v1"][data-fl-section="workflow"] .skill-lab-page,
body[data-reference-style="v1"][data-fl-section="logs"] .daily-log-dashboard{
  margin-left:186px!important;width:calc(100% - 186px)!important;max-width:none!important;padding:78px 28px 56px!important
}
body[data-reference-style="v1"][data-fl-section="models"]>header,
body[data-reference-style="v1"][data-fl-section="models"]>main,
body[data-reference-style="v1"][data-fl-section="models"]>footer,
body[data-reference-style="v1"][data-fl-section="about"]>header,
body[data-reference-style="v1"][data-fl-section="about"]>main,
body[data-reference-style="v1"][data-fl-section="about"]>footer{
  margin-left:186px!important;width:calc(100% - 186px)!important;max-width:none!important
}
body[data-reference-style="v1"][data-fl-section="models"]>header,
body[data-reference-style="v1"][data-fl-section="about"]>header{padding:96px 42px 34px!important}
body[data-reference-style="v1"][data-fl-section="models"]>main,
body[data-reference-style="v1"][data-fl-section="about"]>main{padding:0 42px 54px!important}
body[data-reference-style="v1"] .catalog-content{max-width:1380px!important;margin:0 auto!important;padding:0!important}
body[data-reference-style="v1"] .catalog-header,
body[data-reference-style="v1"] .tools-header,
body[data-reference-style="v1"] .skills-header,
body[data-reference-style="v1"] .lab-topline{display:none!important}

/* Headings */
body[data-reference-style="v1"] h1,
body[data-reference-style="v1"] h2,
body[data-reference-style="v1"] h3{font-family:Inter,"PingFang SC","Microsoft YaHei",system-ui,sans-serif!important;color:#071a3a!important}
body[data-reference-style="v1"] h1{letter-spacing:-.045em!important}
body[data-reference-style="v1"] .eyebrow,
body[data-reference-style="v1"] .lab-eyebrow{color:#0868f7!important;font-weight:800!important;letter-spacing:.04em!important}
body[data-reference-style="v1"] .lead,
body[data-reference-style="v1"] .hero-copy{color:#526a91!important;line-height:1.72!important}

/* Home */
body[data-reference-style="v1"][data-fl-section="home"] .catalog-hero{
  position:relative!important;isolation:isolate;overflow:hidden!important;min-height:365px!important;
  display:grid!important;grid-template-columns:minmax(0,1.15fr) minmax(360px,.85fr)!important;align-items:center!important;
  padding:48px 42px!important;border:1px solid #dbe9f8!important;border-radius:18px!important;
  background:linear-gradient(115deg,#fff 0 42%,#f4faff 67%,#eaf6ff 100%)!important;box-shadow:none!important;
}
body[data-reference-style="v1"][data-fl-section="home"] .catalog-hero::after{
  content:"";position:absolute;z-index:-1;right:0;top:0;width:57%;height:100%;
  background:url("../assets/reference/home-hero.svg") right center/cover no-repeat;opacity:.96;pointer-events:none
}
body[data-reference-style="v1"][data-fl-section="home"] .catalog-hero-copy{position:relative;z-index:2;max-width:680px!important}
body[data-reference-style="v1"][data-fl-section="home"] .hero-badge{
  width:max-content!important;margin-bottom:14px!important;border:0!important;background:transparent!important;color:#0868f7!important;padding:0!important;font-size:14px!important
}
body[data-reference-style="v1"][data-fl-section="home"] .catalog-hero h1{
  margin:0 0 14px!important;font-size:clamp(44px,5vw,72px)!important;line-height:.98!important;font-weight:900!important;color:#071a3a!important
}
body[data-reference-style="v1"][data-fl-section="home"] .catalog-hero h1 .ref-kicker{
  display:block!important;font-size:16px!important;line-height:1.2!important;letter-spacing:0!important;color:#0868f7!important;margin-bottom:14px!important
}
body[data-reference-style="v1"][data-fl-section="home"] .catalog-hero h1 em{font-style:normal!important;color:#0868f7!important}
body[data-reference-style="v1"][data-fl-section="home"] .hero-copy{max-width:580px!important;font-size:16px!important}
body[data-reference-style="v1"][data-fl-section="home"] .hero-search{
  position:relative;z-index:3;display:flex!important;max-width:620px!important;margin-top:22px!important;padding:4px!important;
  border:1px solid #cfe2f6!important;border-radius:14px!important;background:rgba(255,255,255,.9)!important;box-shadow:0 8px 22px rgba(36,101,174,.09)!important
}
body[data-reference-style="v1"][data-fl-section="home"] .hero-search input{min-width:0!important;background:transparent!important}
body[data-reference-style="v1"][data-fl-section="home"] .hero-search button{min-width:92px!important;border-radius:10px!important;background:#0868f7!important;color:#fff!important}
body[data-reference-style="v1"][data-fl-section="home"] .hot-searches{margin-top:12px!important}
body[data-reference-style="v1"][data-fl-section="home"] .hero-intent-links{display:none!important}
body[data-reference-style="v1"][data-fl-section="home"] .hero-intel{
  position:absolute!important;z-index:4;right:34px!important;bottom:30px!important;width:250px!important;min-height:92px!important;padding:14px 16px!important;
  border:1px solid rgba(207,226,246,.9)!important;border-radius:16px!important;background:rgba(255,255,255,.86)!important;backdrop-filter:blur(12px)!important;box-shadow:var(--ref-shadow)!important
}
body[data-reference-style="v1"][data-fl-section="home"] .hero-intel-head>span,
body[data-reference-style="v1"][data-fl-section="home"] .intel-story-copy,
body[data-reference-style="v1"][data-fl-section="home"] .mini-chart,
body[data-reference-style="v1"][data-fl-section="home"] .intel-pills,
body[data-reference-style="v1"][data-fl-section="home"] .hero-intel-note{display:none!important}
body[data-reference-style="v1"][data-fl-section="home"] .hero-intel-title-row strong{font-size:12px!important;color:#60779b!important}
body[data-reference-style="v1"][data-fl-section="home"] .intel-update-badge{font-size:10px!important}
body[data-reference-style="v1"][data-fl-section="home"] .hero-intel-main{display:block!important;margin-top:6px!important}
body[data-reference-style="v1"][data-fl-section="home"] .hero-intel-main>div:first-child{display:flex!important;align-items:baseline!important;gap:7px!important}
body[data-reference-style="v1"][data-fl-section="home"] .hero-intel-main b{font-size:30px!important;color:#071a3a!important}
body[data-reference-style="v1"][data-fl-section="home"] .hero-intel-main strong{font-size:12px!important}
body[data-reference-style="v1"][data-fl-section="home"] .hero-intel-main p{display:none!important}
body[data-reference-style="v1"] .ref-feature-row{display:grid;grid-template-columns:1fr 1fr;gap:14px;margin:14px 0 16px}
body[data-reference-style="v1"] .ref-feature{
  position:relative;overflow:hidden;min-height:126px;padding:22px 62px 18px 74px;border:1px solid #dce9f7;border-radius:16px;background:rgba(255,255,255,.9);box-shadow:0 8px 24px rgba(41,100,166,.05)
}
body[data-reference-style="v1"] .ref-feature.workflow{background:linear-gradient(135deg,#fff,#fff4f7)}
body[data-reference-style="v1"] .ref-feature-icon{position:absolute;left:22px;top:22px;width:40px;height:40px;border-radius:12px;display:grid;place-items:center;background:#e5f3ff;color:#0868f7;font-size:20px}
body[data-reference-style="v1"] .ref-feature.workflow .ref-feature-icon{background:#ffe9ef;color:#dc416f}
body[data-reference-style="v1"] .ref-feature h3{margin:0 0 6px;font-size:18px}
body[data-reference-style="v1"] .ref-feature p{margin:0;color:#63789a;font-size:13px;line-height:1.55}
body[data-reference-style="v1"] .ref-feature-tags{display:flex;gap:7px;flex-wrap:wrap;margin-top:12px}
body[data-reference-style="v1"] .ref-feature-tags span{padding:4px 10px;border-radius:999px;background:#edf6ff;color:#4e75a5;font-size:11px}
body[data-reference-style="v1"] .ref-feature>a{position:absolute;right:18px;top:18px;width:34px;height:34px;border-radius:50%;display:grid;place-items:center;background:#edf6ff;color:#0868f7;font-size:18px}

/* Shared glass cards and stat rows */
body[data-reference-style="v1"] .today-latest,
body[data-reference-style="v1"] .category-card,
body[data-reference-style="v1"] .offer,
body[data-reference-style="v1"] .tool-card,
body[data-reference-style="v1"] .skill-card,
body[data-reference-style="v1"] .workflow-card,
body[data-reference-style="v1"] .log-stat-card,
body[data-reference-style="v1"] .models-overview-grid>article,
body[data-reference-style="v1"][data-fl-section="about"] main>section{
  border:1px solid #dce9f7!important;border-radius:14px!important;background:rgba(255,255,255,.92)!important;box-shadow:0 8px 24px rgba(41,100,166,.045)!important
}
body[data-reference-style="v1"] .ref-stat-row{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;margin:14px 0 20px}
body[data-reference-style="v1"] .ref-stat{
  min-height:92px;padding:16px 18px;border:1px solid #dce9f7;border-radius:14px;background:rgba(255,255,255,.91);display:flex;align-items:center;gap:14px
}
body[data-reference-style="v1"] .ref-stat-icon{width:42px;height:42px;border-radius:50%;display:grid;place-items:center;background:#e9f5ff;color:#0868f7;font-size:19px}
body[data-reference-style="v1"] .ref-stat strong{display:block;font-size:25px;line-height:1;color:#071a3a}
body[data-reference-style="v1"] .ref-stat span{display:block;margin-top:6px;color:#6b7fa0;font-size:11px}

/* Tools */
body[data-reference-style="v1"][data-fl-section="tools"] .tools-hero{
  position:relative!important;overflow:hidden!important;min-height:305px!important;padding:42px 48% 38px 16px!important;
  border:0!important;border-radius:0!important;background:linear-gradient(90deg,#fff 0 46%,rgba(255,255,255,.7) 60%,rgba(239,248,255,.2) 100%)!important;box-shadow:none!important
}
body[data-reference-style="v1"][data-fl-section="tools"] .tools-hero::after{
  content:"";position:absolute;right:0;top:0;width:58%;height:100%;background:url("../assets/reference/tools-hero.svg") right center/cover no-repeat;z-index:0
}
body[data-reference-style="v1"][data-fl-section="tools"] .tools-hero>div{position:relative;z-index:2}
body[data-reference-style="v1"][data-fl-section="tools"] .tools-hero h1{font-size:clamp(40px,4.2vw,62px)!important;line-height:1.06!important;margin:8px 0 12px!important;font-weight:900!important}
body[data-reference-style="v1"][data-fl-section="tools"] .tools-hero h1 span{color:#0868f7}
body[data-reference-style="v1"][data-fl-section="tools"] .tools-hero .hero-note{display:none!important}
body[data-reference-style="v1"][data-fl-section="tools"] .tools-toolbar{border:1px solid #dce9f7!important;border-radius:13px!important;background:#fff!important}
body[data-reference-style="v1"][data-fl-section="tools"] .tool-category-tab.is-active{background:#0868f7!important;color:white!important}

/* Workflow */
body[data-reference-style="v1"][data-fl-section="workflow"] .skill-lab-sidebar{display:none!important}
body[data-reference-style="v1"][data-fl-section="workflow"] .lab-content{width:100%!important;max-width:1380px!important;margin:0 auto!important;padding:0!important}
body[data-reference-style="v1"][data-fl-section="workflow"] .lab-hero{
  position:relative!important;overflow:hidden!important;min-height:310px!important;padding:40px 48% 34px 16px!important;border:0!important;border-radius:0!important;
  background:linear-gradient(90deg,#fff 0 48%,rgba(255,255,255,.66) 64%,rgba(239,248,255,.15))!important;box-shadow:none!important
}
body[data-reference-style="v1"][data-fl-section="workflow"] .lab-hero::after{
  content:"";position:absolute;right:0;top:0;width:57%;height:100%;background:url("../assets/reference/workflow-hero.svg") right center/cover no-repeat
}
body[data-reference-style="v1"][data-fl-section="workflow"] .lab-hero>div{position:relative;z-index:2}
body[data-reference-style="v1"][data-fl-section="workflow"] .lab-hero h1{font-size:clamp(42px,4.4vw,64px)!important;line-height:1.04!important;margin:8px 0 14px!important;font-weight:900!important}
body[data-reference-style="v1"][data-fl-section="workflow"] .lab-hero .accent-text{color:#0868f7!important}
body[data-reference-style="v1"][data-fl-section="workflow"] .lab-hero-aside{display:none!important}
body[data-reference-style="v1"][data-fl-section="workflow"] .workflow-grid{grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:14px!important}
body[data-reference-style="v1"][data-fl-section="workflow"] .workflow-card:first-child{
  grid-column:span 2!important;min-height:300px!important;background:linear-gradient(135deg,#fff,#f5fbff)!important
}
body[data-reference-style="v1"][data-fl-section="workflow"] .workflow-card{min-height:220px!important;padding:20px!important}
body[data-reference-style="v1"][data-fl-section="workflow"] .flow-node{background:#e9f4ff!important;border-color:#badcff!important;color:#0868f7!important}

/* About */
body[data-reference-style="v1"][data-fl-section="about"]>header{
  position:relative;overflow:hidden;min-height:315px;border:0!important;background:linear-gradient(90deg,#fff 0 47%,rgba(255,255,255,.66) 63%,#eff8ff)!important
}
body[data-reference-style="v1"][data-fl-section="about"]>header::after{
  content:"";position:absolute;right:24px;top:64px;width:min(54%,740px);height:250px;background:url("../assets/reference/about-hero.svg") right center/contain no-repeat
}
body[data-reference-style="v1"][data-fl-section="about"]>header .crumb,
body[data-reference-style="v1"][data-fl-section="about"]>header .static-locale-nav,
body[data-reference-style="v1"][data-fl-section="about"]>header .theme-toggle{display:none!important}
body[data-reference-style="v1"][data-fl-section="about"]>header h1{position:relative;z-index:2;max-width:620px;font-size:clamp(42px,4.6vw,64px)!important;line-height:1.05!important;margin:0 0 16px!important}
body[data-reference-style="v1"][data-fl-section="about"]>header .lead{position:relative;z-index:2;max-width:610px!important;font-size:15px!important}
body[data-reference-style="v1"] .ref-value-row{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin:-6px 42px 18px 228px}
body[data-reference-style="v1"] .ref-value{
  display:flex;align-items:center;gap:14px;min-height:82px;padding:15px 18px;border:1px solid #dce9f7;border-radius:14px;background:#fff
}
body[data-reference-style="v1"] .ref-value i{width:42px;height:42px;border-radius:50%;display:grid;place-items:center;font-style:normal;background:#eaf6ff;color:#0868f7;font-size:19px}
body[data-reference-style="v1"] .ref-value:nth-child(2) i{background:#e7fbf3;color:#11ad77}
body[data-reference-style="v1"] .ref-value:nth-child(3) i{background:#fff0f2;color:#f05563}
body[data-reference-style="v1"] .ref-value strong{display:block;color:#0868f7;font-size:15px}
body[data-reference-style="v1"] .ref-value span{display:block;color:#6b7fa0;font-size:11px;margin-top:3px}

/* Models */
body[data-reference-style="v1"][data-fl-section="models"] .models-overview{
  position:relative;overflow:hidden;min-height:275px;border:0!important;background:linear-gradient(135deg,#fff,#f4f9ff)!important;border-radius:0!important;box-shadow:none!important
}
body[data-reference-style="v1"][data-fl-section="models"] .models-overview h1{max-width:880px;font-size:clamp(38px,4vw,58px)!important;line-height:1.08!important;margin:8px 0 12px!important}
body[data-reference-style="v1"][data-fl-section="models"] .models-overview h1 span{color:#0868f7}
body[data-reference-style="v1"][data-fl-section="models"] .fl-stat-grid{grid-template-columns:repeat(4,minmax(0,1fr))!important;gap:10px!important;margin-top:24px!important}
body[data-reference-style="v1"][data-fl-section="models"] .fl-stat-card{border:1px solid #dce9f7!important;border-radius:13px!important;background:#fff!important}
body[data-reference-style="v1"][data-fl-section="models"] .model-section-tabs a[aria-current="page"]{background:#0868f7!important;color:#fff!important}

/* Skills + Logs: inherit the same shell/card language without changing product behavior */
body[data-reference-style="v1"][data-fl-section="skills"] .skills-hero,
body[data-reference-style="v1"][data-fl-section="logs"] .log-hero{
  border:1px solid #dce9f7!important;border-radius:16px!important;background:linear-gradient(135deg,#fff,#eef8ff)!important;box-shadow:none!important
}
body[data-reference-style="v1"][data-fl-section="skills"] .skills-hero h1,
body[data-reference-style="v1"][data-fl-section="logs"] .log-hero h1{font-size:clamp(40px,4.2vw,62px)!important}
body[data-reference-style="v1"] button,
body[data-reference-style="v1"] .button{font-family:inherit}
body[data-reference-style="v1"] .primary-action,
body[data-reference-style="v1"] .button,
body[data-reference-style="v1"] .tool-use,
body[data-reference-style="v1"] .skill-details{border-radius:10px!important}

/* Responsive: preserve the existing seven direct nav entries and keep them all visible. */
@media(max-width:800px){
  body[data-reference-style="v1"]>.fl-site-rail{
    position:relative!important;width:100%!important;height:auto!important;min-height:0!important;padding:10px 10px 12px!important;overflow:visible!important
  }
  body[data-reference-style="v1"]>.fl-site-rail::after,
  body[data-reference-style="v1"] .fl-site-rail-note{display:none!important}
  body[data-reference-style="v1"] .fl-site-brand{padding:0 4px 9px!important;margin-bottom:8px!important}
  body[data-reference-style="v1"] .fl-site-brand-mark{width:32px!important;height:32px!important;border-radius:9px!important;font-size:13px!important}
  body[data-reference-style="v1"] .fl-site-brand-copy strong{font-size:15px!important}
  body[data-reference-style="v1"] .fl-site-brand-copy small{font-size:9px!important}
  body[data-reference-style="v1"] .fl-site-nav{display:grid!important;grid-template-columns:repeat(4,minmax(0,1fr))!important;gap:5px!important}
  body[data-reference-style="v1"] .fl-site-nav>a{min-height:34px!important;padding:0 6px!important;justify-content:center!important;gap:5px!important;font-size:10px!important;border-radius:9px!important}
  body[data-reference-style="v1"] .fl-site-nav-icon{width:auto!important;font-size:12px!important}
  body[data-reference-style="v1"] .ref-topbar{
    position:relative;left:auto;right:auto;top:auto;width:calc(100% - 20px);height:48px;margin:8px 10px 10px;border-radius:13px
  }
  body[data-reference-style="v1"] .ref-top-actions a:not(.primary),
  body[data-reference-style="v1"] .ref-bell,
  body[data-reference-style="v1"] .ref-search kbd{display:none!important}
  body[data-reference-style="v1"] .ref-top-actions .primary{min-width:58px;padding:0 10px;font-size:11px}
  body[data-reference-style="v1"] .catalog-app,
  body[data-reference-style="v1"][data-fl-section="tools"] .tools-page,
  body[data-reference-style="v1"][data-fl-section="skills"] .skills-page,
  body[data-reference-style="v1"][data-fl-section="workflow"] .skill-lab-page,
  body[data-reference-style="v1"][data-fl-section="logs"] .daily-log-dashboard,
  body[data-reference-style="v1"][data-fl-section="models"]>header,
  body[data-reference-style="v1"][data-fl-section="models"]>main,
  body[data-reference-style="v1"][data-fl-section="models"]>footer,
  body[data-reference-style="v1"][data-fl-section="about"]>header,
  body[data-reference-style="v1"][data-fl-section="about"]>main,
  body[data-reference-style="v1"][data-fl-section="about"]>footer{
    margin-left:0!important;width:100%!important;max-width:100%!important;padding-left:14px!important;padding-right:14px!important
  }
  body[data-reference-style="v1"] .catalog-app,
  body[data-reference-style="v1"][data-fl-section="tools"] .tools-page,
  body[data-reference-style="v1"][data-fl-section="skills"] .skills-page,
  body[data-reference-style="v1"][data-fl-section="workflow"] .skill-lab-page,
  body[data-reference-style="v1"][data-fl-section="logs"] .daily-log-dashboard{padding-top:0!important}
  body[data-reference-style="v1"][data-fl-section="models"]>header,
  body[data-reference-style="v1"][data-fl-section="about"]>header{padding-top:24px!important}
  body[data-reference-style="v1"][data-fl-section="home"] .catalog-hero{
    min-height:0!important;display:block!important;padding:24px 16px 170px!important;border-radius:15px!important
  }
  body[data-reference-style="v1"][data-fl-section="home"] .catalog-hero::after{width:100%;height:180px;top:auto;bottom:0;background-position:right bottom;opacity:.88}
  body[data-reference-style="v1"][data-fl-section="home"] .catalog-hero h1{font-size:39px!important}
  body[data-reference-style="v1"][data-fl-section="home"] .hero-intel{right:12px!important;bottom:14px!important;width:210px!important}
  body[data-reference-style="v1"][data-fl-section="home"] .hero-search{width:100%!important;max-width:100%!important}
  body[data-reference-style="v1"] .ref-feature-row{grid-template-columns:1fr}
  body[data-reference-style="v1"] .ref-stat-row{grid-template-columns:1fr 1fr}
  body[data-reference-style="v1"][data-fl-section="tools"] .tools-hero,
  body[data-reference-style="v1"][data-fl-section="workflow"] .lab-hero{min-height:430px!important;padding:24px 14px 210px!important}
  body[data-reference-style="v1"][data-fl-section="tools"] .tools-hero::after,
  body[data-reference-style="v1"][data-fl-section="workflow"] .lab-hero::after{width:100%;height:210px;top:auto;bottom:0;background-position:right bottom}
  body[data-reference-style="v1"][data-fl-section="workflow"] .workflow-grid{grid-template-columns:1fr!important}
  body[data-reference-style="v1"][data-fl-section="workflow"] .workflow-card:first-child{grid-column:auto!important}
  body[data-reference-style="v1"][data-fl-section="about"]>header{min-height:510px!important;padding-bottom:210px!important}
  body[data-reference-style="v1"][data-fl-section="about"]>header::after{left:0;right:0;top:auto;bottom:0;width:100%;height:220px;background-position:center bottom}
  body[data-reference-style="v1"] .ref-value-row{grid-template-columns:1fr;margin:0 14px 16px}
  body[data-reference-style="v1"][data-fl-section="models"] .fl-stat-grid{grid-template-columns:1fr 1fr!important}
}
@media(max-width:430px){
  body[data-reference-style="v1"] .ref-stat-row{grid-template-columns:1fr}
  body[data-reference-style="v1"][data-fl-section="models"] .fl-stat-grid{grid-template-columns:1fr!important}
  body[data-reference-style="v1"] .ref-topbar{padding-left:8px}
}

/* Workflow page: keep the reference hero illustration from squeezing the copy. */
body[data-reference-style="v1"][data-fl-section="workflow"] .lab-hero{
  display:block!important;
  min-height:300px!important;
  padding:34px clamp(24px,3.2vw,48px)!important;
  background:linear-gradient(100deg,#fff 0 49%,rgba(255,255,255,.88) 60%,rgba(239,248,255,.12))!important;
}
body[data-reference-style="v1"][data-fl-section="workflow"] .lab-hero>div{
  width:min(62%,740px)!important;
  max-width:740px!important;
}
body[data-reference-style="v1"][data-fl-section="workflow"] .lab-hero h1{
  max-width:740px!important;
  font-size:clamp(42px,4.2vw,62px)!important;
  line-height:1.08!important;
  overflow-wrap:normal!important;
  word-break:keep-all!important;
}
body[data-reference-style="v1"][data-fl-section="workflow"] .lab-hero::after{
  width:48%!important;
  background-size:contain!important;
  background-position:right center!important;
}
body[data-reference-style="v1"][data-fl-section="workflow"] .lab-hero-actions{
  display:flex;flex-wrap:wrap;gap:10px;margin-top:22px;position:relative;z-index:2;
}
body[data-reference-style="v1"][data-fl-section="workflow"] .lab-hero-actions a{
  min-height:44px;padding:0 22px;border-radius:12px;display:inline-flex;align-items:center;justify-content:center;gap:10px;
  font-size:14px;font-weight:750;text-decoration:none;transition:transform .18s ease,box-shadow .18s ease;
}
body[data-reference-style="v1"][data-fl-section="workflow"] .lab-hero-primary{
  color:#fff;background:linear-gradient(135deg,#0868f7,#287cf9);box-shadow:0 8px 18px rgba(8,104,247,.22);
}
body[data-reference-style="v1"][data-fl-section="workflow"] .lab-hero-secondary{
  color:#0868f7;background:rgba(255,255,255,.88);border:1px solid #cfe0f6;
}
body[data-reference-style="v1"][data-fl-section="workflow"] .lab-hero-actions a:hover{transform:translateY(-2px);box-shadow:0 10px 22px rgba(40,91,151,.16);}
body[data-reference-style="v1"][data-fl-section="workflow"] .lab-play-icon{
  width:22px;height:22px;border-radius:50%;display:inline-grid;place-items:center;color:#fff;background:#0868f7;font-size:9px;
}
@media(max-width:700px){
  body[data-reference-style="v1"][data-fl-section="workflow"] .lab-hero{min-height:0!important;padding:24px 18px 210px!important;}
  body[data-reference-style="v1"][data-fl-section="workflow"] .lab-hero>div{width:100%!important;max-width:none!important;}
  body[data-reference-style="v1"][data-fl-section="workflow"] .lab-hero::after{width:100%!important;height:200px!important;top:auto!important;bottom:0!important;}
  body[data-reference-style="v1"][data-fl-section="workflow"] .lab-hero h1{font-size:clamp(36px,9vw,46px)!important;}
}

/* Fill the space beside the global rail; remove the legacy Skill Lab inset. */
body[data-reference-style="v1"][data-fl-section="workflow"] .skill-lab-page{
  width:calc(100% - 186px)!important;max-width:none!important;margin-left:186px!important;
  padding:10px 24px 56px!important;
}
body[data-reference-style="v1"][data-fl-section="workflow"] .lab-content{
  width:100%!important;max-width:none!important;margin:0!important;padding:0!important;
}
body[data-reference-style="v1"][data-fl-section="workflow"] .lab-hero{
  min-height:0!important;padding:24px clamp(24px,3.2vw,48px)!important;
}
@media(max-width:700px){
  body[data-reference-style="v1"][data-fl-section="workflow"] .skill-lab-page{
    width:100%!important;margin-left:0!important;padding:12px 16px 48px!important;
  }
}

/* Workflow page: reproduce the supplied 1448×1086 board. */
@media(min-width:1400px){
  body[data-reference-style="v1"][data-fl-section="workflow"]>.fl-site-rail{
    width:184px!important;padding:0!important;background:url("../assets/reference/workflow-reference-sidebar.png") center top/100% 100% no-repeat!important;
  }
  body[data-reference-style="v1"][data-fl-section="workflow"]>.fl-site-rail::before{
    content:""!important;position:absolute!important;inset:0!important;z-index:0!important;pointer-events:none!important;
    background:url("../assets/reference/workflow-reference-sidebar.png") center top/100% 100% no-repeat!important;
  }
  body[data-reference-style="v1"][data-fl-section="workflow"]>.fl-site-rail::after{display:none!important}
  body[data-reference-style="v1"][data-fl-section="workflow"] .fl-site-brand{
    position:absolute!important;left:12px!important;top:14px!important;width:158px!important;height:56px!important;
    margin:0!important;padding:0!important;border:0!important;color:transparent!important;
  }
  body[data-reference-style="v1"][data-fl-section="workflow"] .fl-site-brand>*{opacity:0!important}
  body[data-reference-style="v1"][data-fl-section="workflow"] .fl-site-nav{position:static!important}
  body[data-reference-style="v1"][data-fl-section="workflow"] .fl-site-nav>a{
    position:absolute!important;left:15px!important;width:156px!important;height:44px!important;min-height:44px!important;
    z-index:1!important;padding:0!important;gap:0!important;border:0!important;border-radius:12px!important;background:transparent!important;
    color:transparent!important;box-shadow:none!important;
  }
  body[data-reference-style="v1"][data-fl-section="workflow"] .fl-site-nav>a:nth-child(1){top:96px!important}
  body[data-reference-style="v1"][data-fl-section="workflow"] .fl-site-nav>a:nth-child(2){top:151px!important}
  body[data-reference-style="v1"][data-fl-section="workflow"] .fl-site-nav>a:nth-child(3){top:204px!important}
  body[data-reference-style="v1"][data-fl-section="workflow"] .fl-site-nav>a:nth-child(4){top:258px!important}
  body[data-reference-style="v1"][data-fl-section="workflow"] .fl-site-nav>a:nth-child(5){top:309px!important}
  body[data-reference-style="v1"][data-fl-section="workflow"] .fl-site-nav>a:nth-child(6){top:363px!important}
  body[data-reference-style="v1"][data-fl-section="workflow"] .fl-site-nav>a:nth-child(7){top:418px!important}
  body[data-reference-style="v1"][data-fl-section="workflow"] .fl-site-nav>a>*{opacity:0!important}
  body[data-reference-style="v1"][data-fl-section="workflow"] .fl-site-nav>a:hover,
  body[data-reference-style="v1"][data-fl-section="workflow"] .fl-site-nav>a[aria-current="page"]{
    border:0!important;background:transparent!important;box-shadow:none!important;
  }
  body[data-reference-style="v1"][data-fl-section="workflow"] .fl-site-nav>a[aria-current="page"]::before{display:none!important}
  body[data-reference-style="v1"][data-fl-section="workflow"] .fl-site-rail-note{position:absolute!important;left:0;bottom:0;width:100%;height:180px;padding:0!important;color:transparent!important}
  body[data-reference-style="v1"][data-fl-section="workflow"] .fl-site-rail-note{opacity:0!important}
  body[data-reference-style="v1"][data-fl-section="workflow"] .fl-site-ribbon{visibility:hidden!important}
  body[data-reference-style="v1"][data-fl-section="workflow"] .ref-topbar{
    left:229px!important;right:26px!important;top:13px!important;height:42px!important;padding:0!important;gap:0!important;
    border:0!important;border-radius:0!important;background:transparent!important;box-shadow:none!important;backdrop-filter:none!important;
  }
  body[data-reference-style="v1"][data-fl-section="workflow"] .ref-search{
    flex:0 0 680px!important;width:680px!important;max-width:680px!important;height:40px!important;padding:0 14px!important;
    border-color:#dce8f7!important;border-radius:22px!important;background:rgba(255,255,255,.83)!important;
  }
  body[data-reference-style="v1"][data-fl-section="workflow"] .ref-top-actions{gap:9px!important}
  body[data-reference-style="v1"][data-fl-section="workflow"] .ref-top-actions .ref-auth-button{min-width:76px!important;height:40px!important;border-radius:12px!important}
  body[data-reference-style="v1"][data-fl-section="workflow"] .ref-top-actions .ref-auth-button.primary{min-width:78px!important}
  body[data-reference-style="v1"][data-fl-section="workflow"] .ref-top-actions .ref-bell{margin-right:17px!important}

  body[data-reference-style="v1"][data-fl-section="workflow"] .skill-lab-page{
    width:calc(100% - 184px)!important;margin-left:184px!important;padding:0 20px 40px!important;
  }
  body[data-reference-style="v1"][data-fl-section="workflow"] .lab-content{
    left:-203px!important;width:calc(100% + 220px)!important;padding:0!important;margin:0!important;position:relative!important;
  }
  body[data-reference-style="v1"][data-fl-section="workflow"] .lab-hero{
    position:relative!important;display:block!important;overflow:visible!important;height:230px!important;min-height:230px!important;
    margin-top:-22px!important;padding:14px 16px 0!important;border:0!important;border-radius:0!important;box-shadow:none!important;
    background:transparent!important;
  }
  body[data-reference-style="v1"][data-fl-section="workflow"] .lab-hero>div{position:relative!important;z-index:2!important;width:680px!important;max-width:680px!important}
  body[data-reference-style="v1"][data-fl-section="workflow"] .lab-hero .lab-eyebrow{font-size:17px!important;letter-spacing:-.03em!important;text-transform:none!important}
  body[data-reference-style="v1"][data-fl-section="workflow"] .lab-hero h1{
    max-width:690px!important;margin:8px 0 9px!important;font-size:54px!important;line-height:1.04!important;letter-spacing:-.05em!important;white-space:nowrap!important;
  }
  body[data-reference-style="v1"][data-fl-section="workflow"] .lab-hero .lead{max-width:515px!important;margin:0!important;font-size:16px!important;line-height:1.5!important}
  body[data-reference-style="v1"][data-fl-section="workflow"] .lab-hero-actions{gap:10px!important;margin-top:17px!important}
  body[data-reference-style="v1"][data-fl-section="workflow"] .lab-hero-actions a{height:44px!important;min-height:44px!important;border-radius:12px!important}
  body[data-reference-style="v1"][data-fl-section="workflow"] .lab-hero-aside{display:none!important}
  body[data-reference-style="v1"][data-fl-section="workflow"] .lab-hero::after{
    content:""!important;position:absolute!important;z-index:1!important;right:-20px!important;top:-11px!important;width:553px!important;height:250px!important;
    top:-19px!important;background:url("../assets/reference/workflow-reference-hero.png") right top/100% 100% no-repeat!important;pointer-events:none!important;
  }
  body[data-reference-style="v1"][data-fl-section="workflow"] .ref-stat-row{
    display:grid!important;grid-template-columns:repeat(4,minmax(0,1fr))!important;gap:5px!important;
    width:calc(100% - 216px)!important;margin:10px 0 0!important;
  }
  body[data-reference-style="v1"][data-fl-section="workflow"] .ref-stat{
    position:relative!important;min-width:0!important;height:115px!important;padding:18px 14px!important;gap:12px!important;align-items:flex-start!important;
    border:1px solid #e6eef8!important;border-radius:14px!important;background:rgba(255,255,255,.82)!important;box-shadow:0 5px 18px rgba(65,114,171,.035)!important;
  }
  body[data-reference-style="v1"][data-fl-section="workflow"] .ref-stat-icon{
    flex:0 0 57px!important;width:57px!important;height:57px!important;border-radius:50%!important;font-size:0!important;color:transparent!important;
    background:url("../assets/reference/workflow-stat-cube.png") center/100% 100% no-repeat!important;
  }
  body[data-reference-style="v1"][data-fl-section="workflow"] .ref-stat:nth-child(2) .ref-stat-icon{background-image:url("../assets/reference/workflow-stat-flame.png")!important}
  body[data-reference-style="v1"][data-fl-section="workflow"] .ref-stat:nth-child(3) .ref-stat-icon{background-image:url("../assets/reference/workflow-stat-calendar.png")!important}
  body[data-reference-style="v1"][data-fl-section="workflow"] .ref-stat:nth-child(4) .ref-stat-icon{background-image:url("../assets/reference/workflow-stat-copy.png")!important}
  body[data-reference-style="v1"][data-fl-section="workflow"] .ref-stat-copy{display:grid!important;grid-template-columns:auto 1fr;align-items:baseline;column-gap:8px;min-width:0}
  body[data-reference-style="v1"][data-fl-section="workflow"] .ref-stat-copy strong{font-size:24px!important;line-height:1.1!important;color:#071b3a!important}
  body[data-reference-style="v1"][data-fl-section="workflow"] .ref-stat-change{font-size:12px!important;font-weight:800;color:#08aa67!important}
  body[data-reference-style="v1"][data-fl-section="workflow"] .ref-stat-label{grid-column:1/-1!important;margin-top:4px!important;font-size:13px!important;color:#203a64!important}
  body[data-reference-style="v1"][data-fl-section="workflow"] .ref-stat-copy small{grid-column:1/-1!important;margin-top:6px!important;color:#8296b9!important;font-size:12px!important;white-space:nowrap!important}
  body[data-reference-style="v1"][data-fl-section="workflow"] .lab-rule{display:none!important}

  body[data-reference-style="v1"][data-fl-section="workflow"] .workflow-showcase-layout{
    position:relative!important;display:grid!important;grid-template-columns:minmax(0,1fr) 204px!important;gap:12px!important;margin-top:12px!important;
  }
  body[data-reference-style="v1"][data-fl-section="workflow"] .workflow-showcase-card{
    position:relative!important;overflow:hidden!important;grid-column:1!important;height:386px!important;padding:16px 20px!important;
    border:1px solid #e5edf8!important;border-radius:16px!important;background:rgba(255,255,255,.86)!important;
    box-shadow:0 7px 24px rgba(50,99,158,.045)!important;
  }
  body[data-reference-style="v1"][data-fl-section="workflow"] .workflow-showcase-copy{position:relative!important;z-index:2!important;width:385px!important}
  body[data-reference-style="v1"][data-fl-section="workflow"] .workflow-feature-badge{
    height:29px!important;display:inline-flex!important;align-items:center!important;padding:0 13px!important;border-radius:18px!important;
    background:linear-gradient(100deg,#2184ff,#6357f3)!important;color:#fff!important;font-size:13px!important;font-weight:800!important;
  }
  body[data-reference-style="v1"][data-fl-section="workflow"] .workflow-showcase-copy h2{margin:11px 0 9px!important;font-size:27px!important;line-height:1.25!important;letter-spacing:-.04em!important;color:#081b3b!important}
  body[data-reference-style="v1"][data-fl-section="workflow"] .workflow-showcase-copy p{margin:0!important;max-width:390px!important;color:#51698f!important;font-size:15px!important;line-height:1.55!important}
  body[data-reference-style="v1"][data-fl-section="workflow"] .workflow-feature-tags{display:flex!important;gap:8px!important;margin-top:14px!important}
  body[data-reference-style="v1"][data-fl-section="workflow"] .workflow-feature-tags span{padding:5px 12px!important;border:1px solid #d8e7fb!important;border-radius:15px!important;background:#f7fbff!important;color:#5174aa!important;font-size:12px!important;white-space:nowrap!important}
  body[data-reference-style="v1"][data-fl-section="workflow"] .workflow-feature-meta{display:flex!important;gap:17px!important;margin-top:14px!important;color:#304b77!important;font-size:14px!important;font-weight:700!important}
  body[data-reference-style="v1"][data-fl-section="workflow"] .workflow-feature-meta .difficulty{color:#557091!important}
  body[data-reference-style="v1"][data-fl-section="workflow"] .workflow-feature-actions{display:flex!important;gap:12px!important;margin-top:24px!important}
  body[data-reference-style="v1"][data-fl-section="workflow"] .workflow-feature-actions button{
    height:43px!important;min-width:178px!important;border:1px solid #d4e3f8!important;border-radius:12px!important;background:#fff!important;color:#0868f7!important;font-weight:750!important;cursor:pointer!important;
  }
  body[data-reference-style="v1"][data-fl-section="workflow"] .workflow-feature-actions .workflow-feature-primary{border-color:#0868f7!important;background:#0868f7!important;color:#fff!important;box-shadow:0 6px 14px rgba(8,104,247,.22)!important}
  body[data-reference-style="v1"][data-fl-section="workflow"] .workflow-feature-primary b{margin-left:10px!important;font-size:18px!important}
  body[data-reference-style="v1"][data-fl-section="workflow"] .workflow-social-proof{display:flex!important;align-items:center!important;gap:10px!important;margin-top:13px!important;color:#7c8eae!important;font-size:12px!important;white-space:nowrap!important}
  body[data-reference-style="v1"][data-fl-section="workflow"] .workflow-avatars{display:flex!important;padding-left:2px!important}
  body[data-reference-style="v1"][data-fl-section="workflow"] .workflow-avatars i{display:grid!important;place-items:center!important;width:25px!important;height:25px!important;margin-left:-3px!important;border:2px solid white!important;border-radius:50%!important;background:linear-gradient(135deg,#d99772,#192e55)!important;color:white!important;font-size:9px!important;font-style:normal!important}
  body[data-reference-style="v1"][data-fl-section="workflow"] .workflow-avatars i:nth-child(2){background:linear-gradient(135deg,#b88368,#29496f)!important}
  body[data-reference-style="v1"][data-fl-section="workflow"] .workflow-avatars i:nth-child(3){background:linear-gradient(135deg,#c98965,#18243c)!important}
  body[data-reference-style="v1"][data-fl-section="workflow"] .workflow-social-proof q{margin-left:4px!important;color:#8294b4!important}
  body[data-reference-style="v1"][data-fl-section="workflow"] .workflow-showcase-visual{
    position:absolute!important;right:15px!important;top:17px!important;width:566px!important;height:346px!important;
    background:url("../assets/reference/workflow-reference-diagram.png") center/100% 100% no-repeat!important;
  }
  body[data-reference-style="v1"][data-fl-section="workflow"] .workflow-recommend-rail{
    position:absolute!important;right:0!important;top:-134px!important;width:204px!important;display:grid!important;grid-template-columns:1fr!important;gap:12px!important;
  }
  body[data-reference-style="v1"][data-fl-section="workflow"] .workflow-recommend-card{
    height:258px!important;padding:13px 13px 10px!important;border:1px solid #edf2f9!important;border-radius:14px!important;
    background:rgba(255,255,255,.9)!important;box-shadow:0 6px 20px rgba(57,99,151,.04)!important;
  }
  body[data-reference-style="v1"][data-fl-section="workflow"] .workflow-recommend-skills{height:252px!important}
  body[data-reference-style="v1"][data-fl-section="workflow"] .workflow-recommend-card h2{display:flex!important;justify-content:space-between!important;align-items:center!important;margin:0 0 9px!important;font-size:16px!important;line-height:1.2!important;color:#071b3a!important}
  body[data-reference-style="v1"][data-fl-section="workflow"] .workflow-recommend-card h2::before{display:none!important;content:none!important}
  body[data-reference-style="v1"][data-fl-section="workflow"] .workflow-recommend-card h2 span{color:#0868f7!important;font-size:22px!important;font-weight:500!important}
  body[data-reference-style="v1"][data-fl-section="workflow"] .workflow-recommend-item{height:51px!important;display:flex!important;align-items:center!important;gap:10px!important;color:#10264a!important}
  body[data-reference-style="v1"][data-fl-section="workflow"] .workflow-recommend-item img{flex:0 0 41px!important;width:41px!important;height:41px!important;border-radius:10px!important;object-fit:cover!important}
  body[data-reference-style="v1"][data-fl-section="workflow"] .workflow-recommend-item span{display:flex!important;min-width:0!important;flex-direction:column!important;gap:3px!important}
  body[data-reference-style="v1"][data-fl-section="workflow"] .workflow-recommend-item b{font-size:13px!important;line-height:1.15!important;font-weight:750!important;white-space:nowrap!important}
  body[data-reference-style="v1"][data-fl-section="workflow"] .workflow-recommend-item small{font-size:11px!important;line-height:1.2!important;color:#899bb9!important;white-space:nowrap!important}
  body[data-reference-style="v1"][data-fl-section="workflow"] .workflow-template-section{
    display:grid!important;grid-template-columns:auto minmax(0,1fr) auto!important;grid-template-rows:34px auto!important;column-gap:14px!important;row-gap:11px!important;
    width:calc(100% - 14px)!important;margin-top:19px!important;
  }
  body[data-reference-style="v1"][data-fl-section="workflow"] .workflow-section-head{display:contents!important}
  body[data-reference-style="v1"][data-fl-section="workflow"] .workflow-section-head>div{grid-area:1/1!important;display:flex!important;align-items:center!important}
  body[data-reference-style="v1"][data-fl-section="workflow"] .workflow-section-head h2{margin:0!important;font-size:23px!important;line-height:1!important;white-space:nowrap!important}
  body[data-reference-style="v1"][data-fl-section="workflow"] #workflow-sort{grid-area:1/3!important;width:104px!important;height:33px!important;padding:0 12px!important;border:1px solid #dce8f7!important;border-radius:13px!important;background:#fff!important;color:#35577f!important;font-size:12px!important}
  body[data-reference-style="v1"][data-fl-section="workflow"] .workflow-filter-row{grid-area:1/2!important;display:flex!important;align-items:center!important;gap:6px!important;overflow:hidden!important;white-space:nowrap!important}
  body[data-reference-style="v1"][data-fl-section="workflow"] .workflow-filter-row button{height:33px!important;padding:0 15px!important;border:1px solid #dce8f7!important;border-radius:18px!important;background:rgba(255,255,255,.7)!important;color:#52739f!important;font-size:12px!important;white-space:nowrap!important;cursor:pointer!important}
  body[data-reference-style="v1"][data-fl-section="workflow"] .workflow-filter-row button.is-active{border-color:#0868f7!important;background:#0868f7!important;color:#fff!important;box-shadow:0 4px 10px rgba(8,104,247,.18)!important}
  body[data-reference-style="v1"][data-fl-section="workflow"] .workflow-template-grid{grid-area:2/1/3/4!important;display:grid!important;grid-template-columns:repeat(6,minmax(0,1fr))!important;gap:12px!important}
  body[data-reference-style="v1"][data-fl-section="workflow"] .workflow-template-card{height:190px!important;min-width:0!important;display:flex!important;flex-direction:column!important;overflow:hidden!important;padding:5px!important;border:1px solid #e7eef8!important;border-radius:14px!important;background:rgba(255,255,255,.94)!important;box-shadow:0 5px 16px rgba(54,99,155,.045)!important}
  body[data-reference-style="v1"][data-fl-section="workflow"] .workflow-template-card[hidden]{display:none!important}
  body[data-reference-style="v1"][data-fl-section="workflow"] .workflow-template-cover{width:100%!important;height:65px!important;flex:0 0 65px!important;object-fit:cover!important;border-radius:9px!important}
  body[data-reference-style="v1"][data-fl-section="workflow"] .workflow-template-card h3{margin:8px 7px 3px!important;font-size:14px!important;line-height:1.15!important;color:#102344!important}
  body[data-reference-style="v1"][data-fl-section="workflow"] .workflow-template-card p{margin:0 7px!important;min-height:32px!important;color:#7a8eaf!important;font-size:11.5px!important;line-height:1.4!important}
  body[data-reference-style="v1"][data-fl-section="workflow"] .workflow-template-foot{display:flex!important;align-items:center!important;justify-content:space-between!important;gap:3px!important;margin:auto 2px 1px!important;color:#7d91b1!important;font-size:10px!important;white-space:nowrap!important}
  body[data-reference-style="v1"][data-fl-section="workflow"] .workflow-template-foot button{height:30px!important;padding:0 9px!important;border:0!important;border-radius:9px!important;background:#0868f7!important;color:#fff!important;font-size:10px!important;font-weight:700!important;white-space:nowrap!important;cursor:pointer!important}
}

/* Workflow component library: match the reference panel and six-up catalog. */
body[data-reference-style="v1"][data-fl-section="workflow"] .component-library{
  margin:18px 0 0!important;padding:13px 13px 14px!important;border:1px solid #dce9f8!important;border-radius:17px!important;
  background:rgba(255,255,255,.86)!important;box-shadow:0 8px 24px rgba(56,102,161,.055)!important;overflow:hidden!important;
}
body[data-reference-style="v1"][data-fl-section="workflow"] .component-library>summary.library-head{
  display:flex!important;align-items:center!important;justify-content:space-between!important;gap:24px!important;padding:0 2px 14px!important;cursor:pointer!important;list-style:none!important;
}
body[data-reference-style="v1"][data-fl-section="workflow"] .component-library>summary.library-head::-webkit-details-marker{display:none!important}
body[data-reference-style="v1"][data-fl-section="workflow"] .component-library>summary.library-head::after{display:none!important;content:none!important}
body[data-reference-style="v1"][data-fl-section="workflow"] .library-heading{display:block!important;min-width:280px!important}
body[data-reference-style="v1"][data-fl-section="workflow"] .library-heading strong{display:block!important;color:#122b54!important;font-size:21px!important;font-weight:750!important;line-height:1.3!important;letter-spacing:-.035em!important}
body[data-reference-style="v1"][data-fl-section="workflow"] .library-heading>span{display:block!important;margin-top:5px!important;color:#718bb2!important;font-size:12px!important;line-height:1.4!important}
body[data-reference-style="v1"][data-fl-section="workflow"] .library-stats{display:grid!important;grid-template-columns:repeat(4,minmax(132px,1fr))!important;gap:9px!important;width:min(52%,650px)!important}
body[data-reference-style="v1"][data-fl-section="workflow"] .library-stat{display:flex!important;align-items:center!important;gap:11px!important;min-width:0!important;height:58px!important;padding:7px 10px!important;border:1px solid #e5eef9!important;border-radius:14px!important;background:linear-gradient(110deg,#f8fbff,#f4f8fe)!important}
body[data-reference-style="v1"][data-fl-section="workflow"] .library-stat-icon{display:grid!important;place-items:center!important;width:40px!important;height:40px!important;flex:0 0 40px!important;border-radius:50%!important;font-size:21px!important;font-weight:700!important}
body[data-reference-style="v1"][data-fl-section="workflow"] .library-stat-icon.stat-blue{color:#0878ff!important;background:#e0efff!important}
body[data-reference-style="v1"][data-fl-section="workflow"] .library-stat-icon.stat-orange{color:#ff713d!important;background:#fff0e9!important}
body[data-reference-style="v1"][data-fl-section="workflow"] .library-stat-icon.stat-purple{color:#7758ff!important;background:#efebff!important}
body[data-reference-style="v1"][data-fl-section="workflow"] .library-stat-icon.stat-green{color:#12a875!important;background:#dff8ee!important}
body[data-reference-style="v1"][data-fl-section="workflow"] .library-stat>span:last-child{display:flex!important;flex-direction:column!important;gap:1px!important;min-width:0!important}
body[data-reference-style="v1"][data-fl-section="workflow"] .library-stat strong{color:#142a50!important;font-size:17px!important;font-weight:750!important;line-height:1.2!important}
body[data-reference-style="v1"][data-fl-section="workflow"] .library-stat small{color:#8296b5!important;font-size:10px!important;line-height:1.3!important;white-space:nowrap!important}
body[data-reference-style="v1"][data-fl-section="workflow"] .library-body{padding:0!important}
body[data-reference-style="v1"][data-fl-section="workflow"] .library-tools{display:grid!important;grid-template-columns:minmax(245px,360px) minmax(0,1fr) 128px!important;align-items:center!important;gap:12px!important;margin:0 0 11px!important}
body[data-reference-style="v1"][data-fl-section="workflow"] .library-search{display:flex!important;align-items:center!important;gap:9px!important;height:36px!important;min-width:0!important;padding:0 11px!important;border:1px solid #dbe8f8!important;border-radius:999px!important;background:#fff!important;color:#7b93b7!important}
body[data-reference-style="v1"][data-fl-section="workflow"] .library-search svg{width:14px!important;height:14px!important;flex:0 0 14px!important;fill:none!important;stroke:currentColor!important;stroke-width:1.8!important;stroke-linecap:round!important;stroke-linejoin:round!important}
body[data-reference-style="v1"][data-fl-section="workflow"] .library-search input{width:100%!important;min-width:0!important;height:32px!important;padding:0!important;border:0!important;outline:0!important;background:transparent!important;color:#274675!important;font-size:11px!important}
body[data-reference-style="v1"][data-fl-section="workflow"] .library-search input::placeholder{color:#91a5c4!important}
body[data-reference-style="v1"][data-fl-section="workflow"] .library-search kbd{flex:0 0 auto!important;padding:3px 6px!important;border:1px solid #e1ebf8!important;border-radius:8px!important;background:#fff!important;color:#8aa0c0!important;font-size:10px!important;line-height:1!important}
body[data-reference-style="v1"][data-fl-section="workflow"] .library-filters{display:flex!important;align-items:center!important;gap:6px!important;min-width:0!important;overflow-x:auto!important;scrollbar-width:none!important}
body[data-reference-style="v1"][data-fl-section="workflow"] .library-filters::-webkit-scrollbar{display:none!important}
body[data-reference-style="v1"][data-fl-section="workflow"] .library-filter{display:inline-flex!important;align-items:center!important;justify-content:center!important;gap:5px!important;flex:0 0 auto!important;height:31px!important;padding:0 11px!important;border:1px solid #dfeafb!important;border-radius:999px!important;background:#fff!important;color:#57739e!important;font-size:10px!important;line-height:1!important;white-space:nowrap!important;cursor:pointer!important;transition:all .15s ease!important}
body[data-reference-style="v1"][data-fl-section="workflow"] .library-filter span{color:#91a3be!important;font-size:9px!important}
body[data-reference-style="v1"][data-fl-section="workflow"] .library-filter:hover{border-color:#8bb9ff!important;color:#0768f7!important}
body[data-reference-style="v1"][data-fl-section="workflow"] .library-filter.is-active{border-color:#0868f7!important;background:linear-gradient(135deg,#1380ff,#075fe9)!important;color:#fff!important;box-shadow:0 4px 10px rgba(8,104,247,.18)!important}
body[data-reference-style="v1"][data-fl-section="workflow"] .library-filter.is-active span{color:#dceaff!important}
body[data-reference-style="v1"][data-fl-section="workflow"] .library-sort-wrap{display:block!important;min-width:0!important}
body[data-reference-style="v1"][data-fl-section="workflow"] .library-sort{width:100%!important;height:34px!important;padding:0 10px!important;border:1px solid #dfeafb!important;border-radius:999px!important;background:#fff!important;color:#4d6b97!important;font-size:10px!important;white-space:nowrap!important;cursor:pointer!important}
body[data-reference-style="v1"][data-fl-section="workflow"] .library-category-native{position:absolute!important;width:1px!important;height:1px!important;padding:0!important;margin:-1px!important;overflow:hidden!important;clip:rect(0,0,0,0)!important;white-space:nowrap!important;border:0!important}
body[data-reference-style="v1"][data-fl-section="workflow"] .component-grid{display:grid!important;grid-template-columns:repeat(6,minmax(0,1fr))!important;gap:10px!important}
body[data-reference-style="v1"][data-fl-section="workflow"] .component-grid .component-card{display:flex!important;flex-direction:column!important;min-width:0!important;min-height:236px!important;padding:7px!important;border:1px solid #e2ecf9!important;border-radius:14px!important;background:linear-gradient(180deg,#fff,#fbfdff)!important;box-shadow:0 4px 12px rgba(36,87,153,.035)!important;transition:transform .16s ease,box-shadow .16s ease,border-color .16s ease!important}
body[data-reference-style="v1"][data-fl-section="workflow"] .component-grid .component-card:hover{transform:translateY(-2px)!important;border-color:#c6ddfb!important;box-shadow:0 10px 20px rgba(36,87,153,.10)!important}
body[data-reference-style="v1"][data-fl-section="workflow"] .component-preview{position:relative!important;display:block!important;height:82px!important;flex:0 0 82px!important;overflow:hidden!important;border-radius:10px!important;background:linear-gradient(135deg,#f2f2ff,#e5eaff)!important}
body[data-reference-style="v1"][data-fl-section="workflow"] .component-preview.tone-purple{--preview-color:#815bff;--preview-pale:#e9e4ff;background:linear-gradient(135deg,#f5f1ff,#e6eaff)!important}
body[data-reference-style="v1"][data-fl-section="workflow"] .component-preview.tone-orange{--preview-color:#ff862d;--preview-pale:#ffeadc;background:linear-gradient(135deg,#fff7ef,#ffe9dc)!important}
body[data-reference-style="v1"][data-fl-section="workflow"] .component-preview.tone-blue{--preview-color:#1680ff;--preview-pale:#deedff;background:linear-gradient(135deg,#f0f7ff,#e3edff)!important}
body[data-reference-style="v1"][data-fl-section="workflow"] .component-preview.tone-pink{--preview-color:#e263a3;--preview-pale:#fae4f0;background:linear-gradient(135deg,#fff2f8,#f7eaff)!important}
body[data-reference-style="v1"][data-fl-section="workflow"] .component-preview.tone-cyan{--preview-color:#0fae9a;--preview-pale:#d7f6ef;background:linear-gradient(135deg,#effcf8,#ddf5f5)!important}
body[data-reference-style="v1"][data-fl-section="workflow"] .component-preview.tone-violet{--preview-color:#6956e8;--preview-pale:#e8e4ff;background:linear-gradient(135deg,#f5f2ff,#e5eaff)!important}
body[data-reference-style="v1"][data-fl-section="workflow"] .component-preview.tone-green{--preview-color:#12a877;--preview-pale:#d8f5e9;background:linear-gradient(135deg,#effbf6,#e0f4f0)!important}
body[data-reference-style="v1"][data-fl-section="workflow"] .component-preview.tone-teal{--preview-color:#0e9fa7;--preview-pale:#d5f4f2;background:linear-gradient(135deg,#eefbfb,#ddf5f1)!important}
body[data-reference-style="v1"][data-fl-section="workflow"] .component-preview.tone-indigo{--preview-color:#3977ee;--preview-pale:#dce9ff;background:linear-gradient(135deg,#eff5ff,#e3eaff)!important}
body[data-reference-style="v1"][data-fl-section="workflow"] .preview-symbol{position:absolute!important;z-index:2!important;left:13px!important;top:16px!important;display:grid!important;place-items:center!important;width:48px!important;height:48px!important;border-radius:50%!important;background:var(--preview-pale,#e3edff)!important;color:var(--preview-color,#1680ff)!important;font-size:25px!important;font-weight:700!important;letter-spacing:-.08em!important}
body[data-reference-style="v1"][data-fl-section="workflow"] .preview-board{position:absolute!important;top:13px!important;right:12px!important;display:grid!important;grid-template-columns:repeat(3,1fr)!important;gap:5px!important;width:55%!important;height:55px!important;padding:9px!important;border:1px solid rgba(255,255,255,.9)!important;border-radius:9px!important;background:rgba(255,255,255,.82)!important;box-shadow:0 4px 10px rgba(63,103,160,.08)!important;transform:rotate(-1deg)!important}
body[data-reference-style="v1"][data-fl-section="workflow"] .preview-board i{height:5px!important;border-radius:4px!important;background:#dce7f6!important}
body[data-reference-style="v1"][data-fl-section="workflow"] .preview-board i:first-child{grid-column:span 2!important;width:60%!important;background:var(--preview-color,#1680ff)!important;opacity:.55!important}
body[data-reference-style="v1"][data-fl-section="workflow"] .preview-board b{height:19px!important;border-radius:4px!important;background:linear-gradient(135deg,#fff,var(--preview-pale,#e3edff))!important}
body[data-reference-style="v1"][data-fl-section="workflow"] .preview-float{position:absolute!important;z-index:3!important;right:20px!important;bottom:8px!important;display:flex!important;align-items:center!important;gap:5px!important;width:43%!important;height:22px!important;padding:4px 7px!important;border:1px solid #fff!important;border-radius:7px!important;background:rgba(255,255,255,.9)!important;box-shadow:0 3px 8px rgba(63,103,160,.09)!important;transform:rotate(2deg)!important}
body[data-reference-style="v1"][data-fl-section="workflow"] .preview-float i{width:6px!important;height:6px!important;border-radius:50%!important;background:var(--preview-color,#1680ff)!important;opacity:.55!important}
body[data-reference-style="v1"][data-fl-section="workflow"] .preview-orbit{position:absolute!important;right:8px!important;top:4px!important;width:30px!important;height:30px!important;border:1px solid rgba(255,255,255,.65)!important;border-radius:50%!important}
body[data-reference-style="v1"][data-fl-section="workflow"] .component-card-main{display:flex!important;flex:1!important;flex-direction:column!important;min-width:0!important;padding:7px 6px 3px!important}
body[data-reference-style="v1"][data-fl-section="workflow"] .component-card-title{display:flex!important;align-items:center!important;justify-content:space-between!important;gap:6px!important}
body[data-reference-style="v1"][data-fl-section="workflow"] .component-grid .component-card h3{min-width:0!important;margin:0!important;color:#18345f!important;font-family:inherit!important;font-size:13px!important;font-weight:750!important;line-height:1.35!important;overflow:hidden!important;text-overflow:ellipsis!important;white-space:nowrap!important}
body[data-reference-style="v1"][data-fl-section="workflow"] .component-verified{display:grid!important;place-items:center!important;width:16px!important;height:16px!important;flex:0 0 16px!important;border-radius:50%!important;background:#e2f8ee!important;color:#13a46f!important;font-size:10px!important;font-weight:800!important}
body[data-reference-style="v1"][data-fl-section="workflow"] .component-grid .component-card p{display:-webkit-box!important;min-height:34px!important;margin:4px 0 0!important;overflow:hidden!important;color:#7a91b5!important;font-size:10px!important;line-height:1.55!important;-webkit-box-orient:vertical!important;-webkit-line-clamp:2!important}
body[data-reference-style="v1"][data-fl-section="workflow"] .component-grid .component-card .component-style{display:none!important}
body[data-reference-style="v1"][data-fl-section="workflow"] .component-tags{display:flex!important;gap:5px!important;min-width:0!important;margin-top:7px!important;overflow:hidden!important}
body[data-reference-style="v1"][data-fl-section="workflow"] .component-tags span{max-width:50%!important;padding:4px 7px!important;overflow:hidden!important;border-radius:999px!important;background:#eff5ff!important;color:#6c87ae!important;font-size:9px!important;line-height:1!important;text-overflow:ellipsis!important;white-space:nowrap!important}
body[data-reference-style="v1"][data-fl-section="workflow"] .component-card-foot{display:flex!important;align-items:center!important;justify-content:space-between!important;gap:4px!important;margin-top:auto!important;padding-top:8px!important}
body[data-reference-style="v1"][data-fl-section="workflow"] .component-rating{display:flex!important;align-items:center!important;gap:3px!important;min-width:0!important;color:#7d94b4!important;font-size:9px!important;white-space:nowrap!important}
body[data-reference-style="v1"][data-fl-section="workflow"] .component-rating b{color:#f2a447!important;font-size:10px!important}
body[data-reference-style="v1"][data-fl-section="workflow"] .component-rating i{display:none!important}
body[data-reference-style="v1"][data-fl-section="workflow"] .component-grid .component-install{display:inline-flex!important;align-items:center!important;justify-content:center!important;gap:4px!important;min-width:86px!important;height:29px!important;margin:0!important;padding:0 9px!important;border:1px solid #0868f7!important;border-radius:10px!important;background:#0868f7!important;color:#fff!important;font-size:9px!important;font-weight:700!important;text-align:center!important;white-space:nowrap!important;box-shadow:0 4px 9px rgba(8,104,247,.17)!important;cursor:pointer!important}
body[data-reference-style="v1"][data-fl-section="workflow"] .component-grid .component-card:nth-child(even) .component-install{border-color:#cfe1fa!important;background:#fff!important;color:#0868f7!important;box-shadow:none!important}
body[data-reference-style="v1"][data-fl-section="workflow"] .component-grid .component-install:hover{filter:brightness(.97)!important;opacity:1!important}
body[data-reference-style="v1"][data-fl-section="workflow"] .library-empty{margin:8px 0!important;padding:28px!important;border:1px dashed #cfe0f5!important;border-radius:12px!important;background:#f9fbff!important;color:#7890b2!important}
body[data-reference-style="v1"][data-fl-section="workflow"] .lab-footer{align-items:center!important;gap:16px!important;margin-top:18px!important;padding:13px 10px 0!important;border-top:1px solid #dce9f8!important;color:#8196b5!important;font-size:10px!important}
body[data-reference-style="v1"][data-fl-section="workflow"] .lab-footer p:first-child{max-width:680px!important}
body[data-reference-style="v1"][data-fl-section="workflow"] .lab-footer nav{padding:6px 12px!important;border:1px solid #dbe8f8!important;border-radius:999px!important;background:#f8fbff!important}
@media(max-width:1500px){
  body[data-reference-style="v1"][data-fl-section="workflow"] .library-tools{grid-template-columns:minmax(230px,310px) minmax(0,1fr) 122px!important;gap:8px!important}
  body[data-reference-style="v1"][data-fl-section="workflow"] .library-filter{padding:0 8px!important;font-size:9px!important}
  body[data-reference-style="v1"][data-fl-section="workflow"] .component-grid{grid-template-columns:repeat(5,minmax(0,1fr))!important}
}
@media(max-width:1200px){
  body[data-reference-style="v1"][data-fl-section="workflow"] .library-stats{width:min(58%,620px)!important;grid-template-columns:repeat(4,minmax(95px,1fr))!important}
  body[data-reference-style="v1"][data-fl-section="workflow"] .library-stat{gap:7px!important;padding:6px!important}
  body[data-reference-style="v1"][data-fl-section="workflow"] .library-stat-icon{width:34px!important;height:34px!important;flex-basis:34px!important}
  body[data-reference-style="v1"][data-fl-section="workflow"] .component-grid{grid-template-columns:repeat(4,minmax(0,1fr))!important}
  body[data-reference-style="v1"][data-fl-section="workflow"] .library-tools{grid-template-columns:minmax(220px,1fr) minmax(0,2.4fr) 120px!important}
}
@media(max-width:900px){
  body[data-reference-style="v1"][data-fl-section="workflow"] .component-library>summary.library-head{align-items:flex-start!important;flex-direction:column!important;gap:12px!important}
  body[data-reference-style="v1"][data-fl-section="workflow"] .library-stats{width:100%!important;grid-template-columns:repeat(4,minmax(0,1fr))!important}
  body[data-reference-style="v1"][data-fl-section="workflow"] .library-tools{grid-template-columns:minmax(0,1fr) 120px!important}
  body[data-reference-style="v1"][data-fl-section="workflow"] .library-filters{grid-column:1/-1!important;grid-row:2!important}
  body[data-reference-style="v1"][data-fl-section="workflow"] .component-grid{grid-template-columns:repeat(3,minmax(0,1fr))!important}
}
@media(max-width:620px){
  body[data-reference-style="v1"][data-fl-section="workflow"] .component-library{padding:12px 10px!important}
  body[data-reference-style="v1"][data-fl-section="workflow"] .library-stats{grid-template-columns:repeat(2,minmax(0,1fr))!important}
  body[data-reference-style="v1"][data-fl-section="workflow"] .library-tools{grid-template-columns:minmax(0,1fr)!important}
  body[data-reference-style="v1"][data-fl-section="workflow"] .library-filters{grid-column:auto!important;grid-row:auto!important}
  body[data-reference-style="v1"][data-fl-section="workflow"] .library-sort-wrap{display:none!important}
  body[data-reference-style="v1"][data-fl-section="workflow"] .component-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:7px!important}
  body[data-reference-style="v1"][data-fl-section="workflow"] .component-grid .component-card{min-height:220px!important}
  body[data-reference-style="v1"][data-fl-section="workflow"] .component-grid .component-install{min-width:0!important;padding:0 6px!important;font-size:8px!important}
  body[data-reference-style="v1"][data-fl-section="workflow"] .component-rating{font-size:8px!important}
  body[data-reference-style="v1"][data-fl-section="workflow"] .lab-footer{align-items:flex-start!important;flex-direction:column!important}
}
@media(min-width:1400px){
  body[data-reference-style="v1"][data-fl-section="workflow"] .component-library{width:calc(100vw - 212px)!important;margin-left:-25px!important}
}
body[data-reference-style="v1"][data-fl-section="workflow"] .library-filter{padding-right:10px!important;padding-left:10px!important}
body[data-reference-style="v1"][data-fl-section="workflow"] .component-preview{height:86px!important;flex-basis:86px!important}
body[data-reference-style="v1"][data-fl-section="workflow"] .component-grid .component-card{min-height:240px!important}
body[data-reference-style="v1"][data-fl-section="workflow"] .component-grid .component-card h3{font-size:14px!important}

@media(min-width:1400px){
  body[data-reference-style="v1"][data-fl-section="workflow"] .lab-content{
    position:relative;left:-204px;width:calc(100% + 204px)!important;
  }
}

/* Match the approved compact, single-line workflow headline. */
body[data-reference-style="v1"][data-fl-section="workflow"] .skill-lab-page{padding-top:0!important;}
body[data-reference-style="v1"][data-fl-section="workflow"] .lab-hero{
  padding-top:14px!important;padding-bottom:14px!important;
}
body[data-reference-style="v1"][data-fl-section="workflow"] .lab-hero h1{
  font-size:clamp(40px,3.5vw,50px)!important;line-height:1.05!important;margin:7px 0 12px!important;white-space:nowrap!important;
}
body[data-reference-style="v1"][data-fl-section="workflow"] .lab-hero-actions{margin-top:14px!important;}
@media(max-width:700px){
  body[data-reference-style="v1"][data-fl-section="workflow"] .lab-hero h1{white-space:normal!important;}
}

/* Final desktop alignment pass: keep these after legacy workflow rules. */
@media(min-width:1400px){
  body[data-reference-style="v1"][data-fl-section="workflow"] .lab-content{left:-204px!important;width:calc(100% + 232px)!important}
  body[data-reference-style="v1"][data-fl-section="workflow"] .lab-hero h1{position:relative!important;top:-2px!important;font-size:50px!important;letter-spacing:-.055em!important;margin-bottom:11px!important}
  body[data-reference-style="v1"][data-fl-section="workflow"] .lab-hero .lead{max-width:485px!important}
  body[data-reference-style="v1"][data-fl-section="workflow"] .lab-hero-actions{margin-top:20px!important}
  body[data-reference-style="v1"][data-fl-section="workflow"] .lab-hero-actions a{width:154px!important;height:43px!important;min-height:43px!important}
  body[data-reference-style="v1"][data-fl-section="workflow"] .lab-hero::after{right:-20px!important}
  body[data-reference-style="v1"][data-fl-section="workflow"] .ref-stat-row{grid-template-columns:1.08fr 1.08fr .95fr .89fr!important}
  body[data-reference-style="v1"][data-fl-section="workflow"] .lab-hero::after{
    right:-20px!important;top:-63px!important;width:580px!important;height:302px!important;
    background:url("../assets/reference/workflow-reference-hero-expanded.png") right top/100% 100% no-repeat!important;
  }
  body[data-reference-style="v1"][data-fl-section="workflow"] .ref-stat-row{width:calc(100% - 216px)!important}
  body[data-reference-style="v1"][data-fl-section="workflow"] .workflow-showcase-layout{width:100%!important;margin-top:14px!important}
  body[data-reference-style="v1"][data-fl-section="workflow"] .workflow-showcase-card{padding-top:17px!important}
  body[data-reference-style="v1"][data-fl-section="workflow"] .workflow-showcase-copy h2{margin-left:4px!important}
  body[data-reference-style="v1"][data-fl-section="workflow"] .workflow-showcase-copy h2{margin-top:12px!important}
  body[data-reference-style="v1"][data-fl-section="workflow"] .workflow-showcase-copy p{max-width:365px!important}
  body[data-reference-style="v1"][data-fl-section="workflow"] .workflow-feature-tags{margin-top:12px!important}
  body[data-reference-style="v1"][data-fl-section="workflow"] .workflow-feature-meta{margin-top:12px!important}
  body[data-reference-style="v1"][data-fl-section="workflow"] .workflow-feature-actions{margin-top:26px!important}
  body[data-reference-style="v1"][data-fl-section="workflow"] .workflow-feature-actions button{height:42px!important}
  body[data-reference-style="v1"][data-fl-section="workflow"] .workflow-social-proof{margin-top:19px!important}
  body[data-reference-style="v1"][data-fl-section="workflow"] .workflow-avatars{width:72px!important;height:34px!important;padding:0!important;margin-left:0!important;overflow:hidden!important}
  body[data-reference-style="v1"][data-fl-section="workflow"] .workflow-avatars img{display:block!important;width:72px!important;height:34px!important;object-fit:cover!important}
  body[data-reference-style="v1"][data-fl-section="workflow"] .workflow-avatars i{display:none!important}
  body[data-reference-style="v1"][data-fl-section="workflow"] .workflow-showcase-visual{right:17px!important;top:21px!important}
  body[data-reference-style="v1"][data-fl-section="workflow"] .workflow-recommend-rail{top:-134px!important}
  body[data-reference-style="v1"][data-fl-section="workflow"] .workflow-recommend-card:first-child{height:259px!important}
  body[data-reference-style="v1"][data-fl-section="workflow"] .workflow-recommend-card{padding:7px 13px 10px 18px!important}
  body[data-reference-style="v1"][data-fl-section="workflow"] .workflow-recommend-card h2{margin-bottom:3px!important}
  body[data-reference-style="v1"][data-fl-section="workflow"] .workflow-recommend-item img{margin-left:1px!important}
  body[data-reference-style="v1"][data-fl-section="workflow"] .workflow-recommend-card h2::before{display:none!important;content:none!important}
  body[data-reference-style="v1"][data-fl-section="workflow"] .workflow-template-section{width:100%!important;margin-top:19px!important}
  body[data-reference-style="v1"][data-fl-section="workflow"] .workflow-template-section h2::before{display:none!important;content:none!important}
  body[data-reference-style="v1"][data-fl-section="workflow"] .workflow-template-grid{width:calc(100% - 14px)!important}
  body[data-reference-style="v1"][data-fl-section="workflow"] .workflow-template-section{column-gap:17px!important}
  body[data-reference-style="v1"][data-fl-section="workflow"] .workflow-filter-row{gap:6px!important}
  body[data-reference-style="v1"][data-fl-section="workflow"] .workflow-filter-row button{padding-right:17px!important;padding-left:17px!important}
  body[data-reference-style="v1"][data-fl-section="workflow"] .workflow-filter-row button:first-child{width:67px!important;padding:0!important}
  body[data-reference-style="v1"][data-fl-section="workflow"] .lab-hero::after{right:-20px!important}
}

@media(max-width:430px){
  body[data-reference-style="v1"] .ref-top-actions{
    gap:5px!important;
  }
  body[data-reference-style="v1"] .ref-top-actions a,
  body[data-reference-style="v1"] .ref-top-actions button{
    min-width:64px!important;
    padding-left:9px!important;
    padding-right:9px!important;
  }
  body[data-reference-style="v1"] .ref-top-actions .ref-bell{
    min-width:32px!important;
    width:32px!important;
  }
}