/* Independently authored Command 204 presentation. No external assets. */
:root{--accent:#245ea8;--accent-dark:#173e70;--soft:#eef4fc;--bg:#f6f8fb;--ink:#17324d;--muted:#526579}
.brand-horizontal{width:242px;height:42px;max-width:100%}.brand{margin-right:auto}.nav{min-height:76px}.hero.landing-hero{display:grid;grid-template-columns:1.65fr 1fr;gap:52px;padding-top:76px;padding-bottom:65px}.landing-hero h1{font-size:clamp(36px,4.6vw,57px);line-height:1.12}.hero-note{font-size:13px!important;margin-top:16px!important}.hero-art{align-self:center;justify-self:end;width:290px;padding:32px;background:#eaf1fb;border:1px solid #d6e2f1;border-radius:32px;box-shadow:0 18px 42px #163b5c0b;display:grid;justify-items:center;gap:12px}.hero-art span{font-size:14px;font-weight:650;color:#234568}.section-heading{display:flex;align-items:end;justify-content:space-between;gap:20px;margin-bottom:24px}.section h2{font-size:30px}.card{padding:22px;border-radius:16px;box-shadow:0 6px 22px #163b5c0a}.discovery-card{text-decoration:none;background:#fff;border-top:3px solid #acc5e7}.standalone-card{gap:10px;background:#fff}.card h3{font-size:21px}.card p{font-size:15px}.browser-card{padding:17px 19px}.browser-card h3{font-size:18px}.footer-grid{display:flex;justify-content:space-between;gap:30px}.footer-grid nav{display:flex;flex-wrap:wrap;align-content:start;gap:14px 24px;max-width:560px}.foot a{text-decoration:none}.foot a:hover{text-decoration:underline}.status-pill{display:inline-block;padding:7px 13px;border-radius:30px;color:#674b12;background:#fff4db;font-size:13px;font-weight:600}.caption{font-size:13px;color:var(--muted)}.workflow{list-style:none;padding:0}.workflow h3{color:var(--accent)}.legal-copy{max-width:850px}.legal-copy section{margin-bottom:32px}.legal-copy h2{font-size:23px}.skip-link{position:fixed;left:16px;top:-100px;z-index:100;background:white;padding:12px}.skip-link:focus{top:12px}.privacy-panel{background:#edf4f1;border-color:#cfe1d8}.btn:disabled{opacity:1;background:#e3e8ee;border-color:#bdc9d5;color:#536271}.menu .menu-tools .dropdown{right:0!important;left:auto!important}.section[id]{scroll-margin-top:100px}
@media(hover:hover){.discovery-card:hover,.standalone-card:hover{border-color:#91afd1;box-shadow:0 8px 26px #163b5c18}}
@media(max-width:900px){.hero.landing-hero{gap:24px}.hero-art{width:230px;padding:24px}.brand-horizontal{width:220px}.nav{padding-top:10px;padding-bottom:10px}.menu{flex-wrap:wrap}.section-heading{align-items:start;flex-direction:column}}
@media(max-width:640px){.hero.landing-hero{grid-template-columns:1fr;padding-top:36px;padding-bottom:32px}.hero-art{display:none}.brand-horizontal{width:222px}.menu{gap:8px;justify-content:start}.menu a,.menu summary{padding:8px 4px;font-size:12px}.footer-grid{flex-direction:column}.section{padding-bottom:42px}.detail-hero{padding-top:32px}.panel{padding:22px}.menu .menu-tools .dropdown{left:0!important;right:auto!important;max-width:calc(100vw - 34px)}.nav{position:relative}.menu .menu-tools{position:static}.menu .menu-tools .dropdown{top:100%!important;left:17px!important}.landing-hero h1{letter-spacing:-1px}.section h2{font-size:27px}}
/* Keep the content gutter when shell and section share one element. */
.section.shell,.detail-hero.shell,.hero.shell{padding-left:26px;padding-right:26px}
@media(max-width:640px){.section.shell,.detail-hero.shell,.hero.shell{padding-left:17px;padding-right:17px}.menu{display:grid;grid-template-columns:1fr 1fr;gap:2px 12px;width:100%}.menu a,.menu summary{font-size:13px;padding:7px 4px}.menu .free{font-size:8px}}

/* Original Standalone navigation split: destination + dropdown. */
.standalone-nav{display:inline-flex;align-items:center;gap:2px}
.standalone-nav-link{white-space:nowrap}
.standalone-nav .menu-tools summary{
  padding-left:5px;padding-right:5px;cursor:pointer;
  list-style:none
}
.standalone-nav .menu-tools summary::-webkit-details-marker{display:none}
.standalone-nav .menu-tools summary::marker{content:""}







/* Standalone product pages: bring first information cards into view */
@media (min-width:769px) {
  .fsl-standalone-product > .detail-hero {
    padding-bottom:12px;
  }
  .fsl-standalone-product > .detail-hero + .section {
    padding-top:12px;
  }
}
@media (max-width:768px) {
  .fsl-standalone-product > .detail-hero {
    padding-bottom:12px;
  }
  .fsl-standalone-product > .detail-hero + .section {
    padding-top:14px;
  }
}

/* FSL-HOMEPAGE-COMPACT-START */
/* Homepage only: reduce excess vertical whitespace. */
@media (min-width: 901px) {
  .hero.landing-hero {
    padding-bottom: 28px;
  }
  .hero.landing-hero + .section {
    padding-top: 24px;
  }
}
/* FSL-HOMEPAGE-COMPACT-END */

/* FSL-STANDALONE-CARD-COLOURS-V1 */
.standalone-card {
  transition: border-color .2s ease, box-shadow .2s ease;
}
.standalone-card:nth-of-type(1) {
  background: #f4fbf8;
  border-color: #c0e0d4;
}
.standalone-card:nth-of-type(2) {
  background: #f4f8ff;
  border-color: #c7d9f4;
}
.standalone-card:nth-of-type(3) {
  background: #faf5ff;
  border-color: #e0ccf0;
}
.standalone-card:nth-of-type(1) svg {
  color: #168a72;
}
.standalone-card:nth-of-type(2) svg {
  color: #3273c8;
}
.standalone-card:nth-of-type(3) svg {
  color: #8953b9;
}
.standalone-card:nth-of-type(1) svg path:nth-of-type(even),
.standalone-card:nth-of-type(1) svg circle {
  stroke: #2b67c1;
}
.standalone-card:nth-of-type(2) svg path:nth-of-type(even),
.standalone-card:nth-of-type(2) svg circle {
  stroke: #16a19a;
}
.standalone-card:nth-of-type(3) svg path:nth-of-type(even),
.standalone-card:nth-of-type(3) svg circle {
  stroke: #cc638b;
}

/* FSL-STANDALONE-APP-ICONS-20261021: original first-party icons only, directory scope */
.standalone-card .fsl-app-colour-icon { width:56px; height:56px; max-width:100%; display:block; object-fit:contain; border-radius:13px; }
