/*
 * Task 10F-C1 — Scallex Visual System v1 interior-page pilot
 * Scope: body.scallex-interior-brand-v1 on explicitly selected pilot pages only.
 * Visual authority: owner-approved Task 10F-B homepage + production brand extraction.
 * Content/technical authority: current R3-derived staging package.
 */
body.scallex-interior-brand-v1 {
  --brand-primary-dark:#1d3493;
  --brand-primary-mid:#2244a0;
  --brand-primary-light:#3e64c8;
  --brand-accent:#00b4d8;
  --brand-ink:#1f2937;
  --brand-muted:#526173;
  --brand-light:#f5f8ff;
  --brand-line:#dbe4f5;
  --brand-white:#ffffff;
  --brand-success:#0f766e;
  --brand-shadow-sm:0 2px 10px rgba(29,52,147,.08);
  --brand-shadow-md:0 10px 30px rgba(29,52,147,.14);
  --brand-shadow-lg:0 20px 60px rgba(29,52,147,.20);
  --brand-radius:22px;
  --navy:var(--brand-primary-dark);
  --navy2:var(--brand-primary-mid);
  --blue:var(--brand-primary-light);
  --cyan:var(--brand-accent);
  --ink:var(--brand-ink);
  --muted:var(--brand-muted);
  --bg:var(--brand-light);
  --line:var(--brand-line);
  --white:var(--brand-white);
  --success:var(--brand-success);
  --shadow:var(--brand-shadow-lg);
  --shadow-sm:var(--brand-shadow-sm);
  --radius:var(--brand-radius);
  margin:0;
  font-family:Inter,-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Arial,sans-serif;
  color:var(--brand-ink);
  line-height:1.65;
  background:var(--brand-white);
  overflow-x:hidden;
}

body.scallex-interior-brand-v1 p,
body.scallex-interior-brand-v1 li { color:var(--brand-muted); }
body.scallex-interior-brand-v1 p { font-size:1.04rem; line-height:1.68; }
body.scallex-interior-brand-v1 h1,
body.scallex-interior-brand-v1 h2,
body.scallex-interior-brand-v1 h3,
body.scallex-interior-brand-v1 h4 {
  color:var(--brand-primary-dark);
  line-height:1.16;
  letter-spacing:-.015em;
}
body.scallex-interior-brand-v1 h1,
body.scallex-interior-brand-v1 h2 { font-weight:800; }
body.scallex-interior-brand-v1 h3,
body.scallex-interior-brand-v1 h4 { font-weight:750; }
body.scallex-interior-brand-v1 .container { width:min(1200px,calc(100% - 40px)); }
body.scallex-interior-brand-v1 .narrow { width:min(830px,100%); }
body.scallex-interior-brand-v1 .article-wrap { width:min(880px,100%); }

/* Approved-homepage header language, with R3 menu mechanics untouched. */
body.scallex-interior-brand-v1 .navbar {
  position:sticky;
  top:0;
  min-height:84px;
  background:rgba(255,255,255,.98);
  backdrop-filter:blur(12px);
  border-bottom:0;
  box-shadow:var(--brand-shadow-sm);
}
body.scallex-interior-brand-v1 .nav-container {
  width:min(1280px,calc(100% - 32px));
  min-height:84px;
  gap:1rem;
}
body.scallex-interior-brand-v1 .brand-link img { width:174px; height:auto; }
body.scallex-interior-brand-v1 .nav-menu { gap:.16rem; }
body.scallex-interior-brand-v1 .nav-menu>li>a,
body.scallex-interior-brand-v1 .nav-label {
  min-height:44px;
  padding:.62rem .52rem;
  border-radius:0;
  color:var(--brand-ink);
  font-size:.89rem;
  font-weight:700;
  position:relative;
}
body.scallex-interior-brand-v1 .nav-menu>li>a::after,
body.scallex-interior-brand-v1 .nav-label::after {
  content:"";
  position:absolute;
  left:.52rem;
  right:.52rem;
  bottom:.28rem;
  height:2px;
  transform:scaleX(0);
  transform-origin:left;
  background:var(--brand-primary-light);
  transition:transform .2s ease;
}
body.scallex-interior-brand-v1 .nav-menu>li>a:hover,
body.scallex-interior-brand-v1 .nav-menu>li>a:focus-visible,
body.scallex-interior-brand-v1 .nav-label:hover,
body.scallex-interior-brand-v1 .nav-label:focus-visible {
  background:transparent;
  color:var(--brand-primary-dark);
  text-decoration:none;
}
body.scallex-interior-brand-v1 .nav-menu>li>a:hover::after,
body.scallex-interior-brand-v1 .nav-menu>li>a:focus-visible::after,
body.scallex-interior-brand-v1 .nav-label:hover::after,
body.scallex-interior-brand-v1 .nav-label:focus-visible::after { transform:scaleX(1); }
body.scallex-interior-brand-v1 .dropdown-menu {
  border-color:var(--brand-line);
  border-radius:18px;
  box-shadow:var(--brand-shadow-md);
}
body.scallex-interior-brand-v1 .dropdown-menu a:hover,
body.scallex-interior-brand-v1 .dropdown-menu a:focus-visible {
  background:var(--brand-light);
  color:var(--brand-primary-dark);
}
body.scallex-interior-brand-v1 .menu-heading { color:var(--brand-primary-light); }
body.scallex-interior-brand-v1 .nav-cta {
  background:var(--brand-primary-dark);
  color:var(--brand-white)!important;
  padding:.82rem 1.25rem;
  border-radius:999px;
  box-shadow:var(--brand-shadow-sm);
  font-weight:800;
}
body.scallex-interior-brand-v1 .nav-cta:hover,
body.scallex-interior-brand-v1 .nav-cta:focus-visible {
  background:var(--brand-primary-mid);
  transform:translateY(-1px);
  text-decoration:none;
}
body.scallex-interior-brand-v1 .menu-toggle {
  border-color:var(--brand-line);
  border-radius:12px;
  background:var(--brand-white);
}
body.scallex-interior-brand-v1 .menu-toggle span { background:var(--brand-primary-dark); }
body.scallex-interior-brand-v1 .mobile-overlay { background:rgba(11,23,57,.55); }

/* Compact interior hero: same Scallex DNA as homepage, not a homepage clone. */
body.scallex-interior-brand-v1 .page-hero {
  position:relative;
  overflow:hidden;
  padding:4.3rem 0 4rem;
  background:
    linear-gradient(135deg,rgba(29,52,147,.97),rgba(34,68,160,.94)),
    radial-gradient(circle at top right,rgba(0,180,216,.25),transparent 35%);
  color:var(--brand-white);
}
body.scallex-interior-brand-v1 .page-hero::before {
  content:"";
  position:absolute;
  inset:0;
  opacity:.18;
  pointer-events:none;
  background-image:
    linear-gradient(rgba(255,255,255,.1) 1px,transparent 1px),
    linear-gradient(90deg,rgba(255,255,255,.1) 1px,transparent 1px);
  background-size:42px 42px;
}
body.scallex-interior-brand-v1 .page-hero-content {
  position:relative;
  z-index:1;
  max-width:1040px;
}
body.scallex-interior-brand-v1 .breadcrumbs {
  margin-bottom:1.05rem;
  color:rgba(255,255,255,.82);
  font-size:.9rem;
}
body.scallex-interior-brand-v1 .breadcrumbs a { color:var(--brand-white); }
body.scallex-interior-brand-v1 .page-hero .eyebrow.light,
body.scallex-interior-brand-v1 .cta-section .eyebrow.light {
  display:inline-flex;
  align-items:center;
  margin:0 0 .85rem;
  padding:.48rem .9rem;
  border:1px solid rgba(255,255,255,.22);
  border-radius:999px;
  background:rgba(255,255,255,.13);
  color:var(--brand-white);
  font-size:.76rem;
  font-weight:800;
  letter-spacing:.08em;
}
body.scallex-interior-brand-v1 .page-hero h1 {
  max-width:920px;
  margin:.25rem 0 1rem;
  color:var(--brand-white);
  font-size:clamp(2.25rem,4.2vw,3.7rem);
  line-height:1.08;
  letter-spacing:-.027em;
}
body.scallex-interior-brand-v1 .page-hero .hero-copy {
  max-width:850px;
  margin:0 0 1rem;
  color:rgba(255,255,255,.92);
  font-size:clamp(1.05rem,1.5vw,1.16rem);
}

/* Approved button hierarchy. */
body.scallex-interior-brand-v1 .button-row { gap:.9rem; margin-top:1.25rem; }
body.scallex-interior-brand-v1 .btn {
  padding:.92rem 1.38rem;
  border-radius:999px;
  font-size:.98rem;
  font-weight:850;
  transition:transform .2s ease,box-shadow .2s ease,background .2s ease,color .2s ease;
}
body.scallex-interior-brand-v1 .btn-white {
  background:var(--brand-white);
  color:var(--brand-primary-dark);
  box-shadow:var(--brand-shadow-sm);
}
body.scallex-interior-brand-v1 .btn-white:hover,
body.scallex-interior-brand-v1 .btn-white:focus-visible {
  transform:translateY(-2px);
  box-shadow:var(--brand-shadow-md);
  text-decoration:none;
}
body.scallex-interior-brand-v1 .btn-ghost-light {
  color:var(--brand-white);
  background:transparent;
  border:1px solid rgba(255,255,255,.75);
}
body.scallex-interior-brand-v1 .btn-ghost-light:hover,
body.scallex-interior-brand-v1 .btn-ghost-light:focus-visible {
  color:var(--brand-primary-dark);
  background:var(--brand-white);
  border-color:var(--brand-white);
  transform:translateY(-2px);
  text-decoration:none;
}

/* Interior section rhythm: compact but breathable. */
body.scallex-interior-brand-v1 .section { padding:4.5rem 0; }
body.scallex-interior-brand-v1 .section-muted { background:var(--brand-light); }
body.scallex-interior-brand-v1 .section-heading { max-width:790px; margin-bottom:1.8rem; }
body.scallex-interior-brand-v1 .section-heading .eyebrow,
body.scallex-interior-brand-v1 .split .eyebrow,
body.scallex-interior-brand-v1 .contact-grid .eyebrow,
body.scallex-interior-brand-v1 .article-wrap .eyebrow {
  display:inline-flex;
  margin:0 0 .55rem;
  padding:.38rem .7rem;
  border-radius:999px;
  border:1px solid rgba(62,100,200,.16);
  background:rgba(62,100,200,.10);
  color:var(--brand-primary-mid);
  font-size:.73rem;
  font-weight:800;
  letter-spacing:.075em;
}
body.scallex-interior-brand-v1 .section-heading h2,
body.scallex-interior-brand-v1 .split h2,
body.scallex-interior-brand-v1 .context-panel h2,
body.scallex-interior-brand-v1 .article-section h2,
body.scallex-interior-brand-v1 .resource-group h2 {
  color:var(--brand-primary-dark);
  font-size:clamp(1.65rem,2.7vw,2.45rem);
  line-height:1.15;
  letter-spacing:-.018em;
}
body.scallex-interior-brand-v1 .section-heading p { color:var(--brand-muted); }

/* Direct answers and information callouts. */
body.scallex-interior-brand-v1 .direct-answer {
  margin:0;
  padding:1.35rem 1.55rem;
  border:1px solid var(--brand-line);
  border-left:5px solid var(--brand-primary-light);
  border-radius:0 18px 18px 0;
  background:linear-gradient(180deg,var(--brand-white),#f9fbff);
  color:var(--brand-ink);
  box-shadow:var(--brand-shadow-sm);
  font-size:1.1rem;
  line-height:1.7;
}
body.scallex-interior-brand-v1 .notice,
body.scallex-interior-brand-v1 .resource-boundary {
  border-radius:16px;
  box-shadow:none;
}

/* Production-derived card language. */
body.scallex-interior-brand-v1 .cards-grid,
body.scallex-interior-brand-v1 .services-grid { gap:1.1rem; }
body.scallex-interior-brand-v1 .info-card,
body.scallex-interior-brand-v1 .service-card,
body.scallex-interior-brand-v1 .related-card,
body.scallex-interior-brand-v1 .resource-group,
body.scallex-interior-brand-v1 .form-card,
body.scallex-interior-brand-v1 .context-panel,
body.scallex-interior-brand-v1 .faq-item,
body.scallex-interior-brand-v1 .evidence-state,
body.scallex-interior-brand-v1 .featured-resource,
body.scallex-interior-brand-v1 .resource-download-panel {
  border:1px solid var(--brand-line);
  border-radius:var(--brand-radius);
  background:var(--brand-white);
  box-shadow:var(--brand-shadow-sm);
}
body.scallex-interior-brand-v1 .info-card,
body.scallex-interior-brand-v1 .service-card {
  padding:1.5rem;
  transition:transform .22s ease,box-shadow .22s ease,border-color .22s ease;
}
body.scallex-interior-brand-v1 .info-card:hover,
body.scallex-interior-brand-v1 .service-card:hover {
  transform:translateY(-4px);
  border-color:rgba(62,100,200,.38);
  box-shadow:var(--brand-shadow-md);
}
body.scallex-interior-brand-v1 .info-card h3,
body.scallex-interior-brand-v1 .service-card h3 {
  margin:.85rem 0 .45rem;
  color:var(--brand-primary-dark);
  font-size:1.12rem;
}
body.scallex-interior-brand-v1 .info-card p,
body.scallex-interior-brand-v1 .service-card p { color:var(--brand-muted); }
body.scallex-interior-brand-v1 .info-card a,
body.scallex-interior-brand-v1 .service-card a {
  color:var(--brand-primary-dark);
  font-weight:850;
}
body.scallex-interior-brand-v1 .info-card a:hover,
body.scallex-interior-brand-v1 .service-card a:hover { color:var(--brand-primary-light); text-decoration:none; }

/* Approved semantic symbol tile: data-symbol is visual metadata only. */
body.scallex-interior-brand-v1 .card-number {
  width:60px;
  height:60px;
  display:grid;
  place-items:center;
  border-radius:18px;
  background:linear-gradient(135deg,rgba(62,100,200,.12),rgba(0,180,216,.12));
  color:var(--brand-primary-dark);
  font-size:0;
  box-shadow:inset 0 0 0 1px rgba(62,100,200,.05);
}
body.scallex-interior-brand-v1 .card-number::before {
  content:attr(data-symbol);
  font-size:1.8rem;
  line-height:1;
}

/* Scope / outcome blocks. */
body.scallex-interior-brand-v1 .split { gap:2.2rem; }
body.scallex-interior-brand-v1 .context-panel {
  padding:1.65rem;
  background:linear-gradient(180deg,var(--brand-white),#f8faff);
}
body.scallex-interior-brand-v1 .context-panel h2 { font-size:1.35rem; }
body.scallex-interior-brand-v1 .check-list { gap:.7rem; margin:1.05rem 0; }
body.scallex-interior-brand-v1 .check-list li {
  min-height:34px;
  padding:.28rem 0 .28rem 2.15rem;
  color:var(--brand-muted);
}
body.scallex-interior-brand-v1 .check-list li::before {
  content:"✓";
  top:.18rem;
  width:26px;
  height:26px;
  display:grid;
  place-items:center;
  border-radius:9px;
  background:rgba(15,118,110,.1);
  color:var(--brand-success);
  font-size:.82rem;
}
body.scallex-interior-brand-v1 .pill-row { gap:.6rem; }
body.scallex-interior-brand-v1 .pill {
  padding:.55rem .82rem;
  background:linear-gradient(180deg,#fff,#f5f8ff);
  border-color:var(--brand-line);
  color:var(--brand-primary-dark);
  box-shadow:var(--brand-shadow-sm);
}

/* Related links / FAQ — useful navigation, restrained card density. */
body.scallex-interior-brand-v1 .related-section { border-top:1px solid var(--brand-line); }
body.scallex-interior-brand-v1 .related-grid { gap:.9rem; }
body.scallex-interior-brand-v1 .related-card {
  min-height:74px;
  padding:1rem 1.1rem;
  align-items:center;
  color:var(--brand-primary-dark);
  box-shadow:none;
  transition:transform .2s ease,border-color .2s ease,box-shadow .2s ease;
}
body.scallex-interior-brand-v1 .related-card:hover,
body.scallex-interior-brand-v1 .related-card:focus-visible {
  border-color:rgba(62,100,200,.38);
  box-shadow:var(--brand-shadow-sm);
  transform:translateY(-2px);
  text-decoration:none;
}
body.scallex-interior-brand-v1 .faq-list { gap:.75rem; }
body.scallex-interior-brand-v1 .faq-item { padding:1.2rem 1.3rem; box-shadow:none; }
body.scallex-interior-brand-v1 .faq-item h3 { color:var(--brand-primary-dark); }

/* Article/resource readability stays editorial rather than sales-card-heavy. */
body.scallex-interior-brand-v1.pilot-resource-article .section:has(.article-wrap),
body.scallex-interior-brand-v1.pilot-lead-magnet .section:has(.article-wrap) { padding-top:4rem; padding-bottom:4rem; }
body.scallex-interior-brand-v1 .article-section {
  margin:0;
  padding:2rem 0;
  border-top:1px solid var(--brand-line);
}
body.scallex-interior-brand-v1 .article-section:first-child { border-top:0; padding-top:.25rem; }
body.scallex-interior-brand-v1 .article-section h2 { margin:0 0 .8rem; font-size:1.7rem; }
body.scallex-interior-brand-v1 .article-section p,
body.scallex-interior-brand-v1 .article-section li { font-size:1.04rem; line-height:1.72; }
body.scallex-interior-brand-v1 .article-section li { margin:.62rem 0; }
body.scallex-interior-brand-v1 .source-list li { line-height:1.68; }

/* Lead magnet / evidence / table components. */
body.scallex-interior-brand-v1 .evidence-grid { gap:.8rem; }
body.scallex-interior-brand-v1 .evidence-state { padding:1.05rem; border-radius:18px; box-shadow:none; }
body.scallex-interior-brand-v1 .evidence-state strong { color:var(--brand-primary-dark); }
body.scallex-interior-brand-v1 .resource-table-wrap {
  overflow-x:auto;
  border:1px solid var(--brand-line);
  border-radius:18px;
  background:var(--brand-white);
  box-shadow:var(--brand-shadow-sm);
}
body.scallex-interior-brand-v1 .resource-table { border-collapse:collapse; }
body.scallex-interior-brand-v1 .resource-table th {
  background:var(--brand-light);
  color:var(--brand-primary-dark);
}
body.scallex-interior-brand-v1 .resource-table th,
body.scallex-interior-brand-v1 .resource-table td { border-color:var(--brand-line); }
body.scallex-interior-brand-v1 .resource-download-panel {
  background:linear-gradient(180deg,var(--brand-white),var(--brand-light));
}
body.scallex-interior-brand-v1 .resource-download-panel h2 { color:var(--brand-primary-dark); }
body.scallex-interior-brand-v1 .resource-download-meta { color:var(--brand-primary-dark)!important; }

/* Form surfaces — visual shell only; endpoints/iframe/field behavior untouched. */
body.scallex-interior-brand-v1 .contact-grid { gap:2.15rem; }
body.scallex-interior-brand-v1 .form-card { padding:1.6rem; }
body.scallex-interior-brand-v1 .form-group label { color:var(--brand-ink); }
body.scallex-interior-brand-v1 .form-group input,
body.scallex-interior-brand-v1 .form-group select,
body.scallex-interior-brand-v1 .form-group textarea {
  border-color:#ccd7ed;
  border-radius:12px;
  color:var(--brand-ink);
}
body.scallex-interior-brand-v1 .form-group input:focus,
body.scallex-interior-brand-v1 .form-group select:focus,
body.scallex-interior-brand-v1 .form-group textarea:focus {
  outline:3px solid rgba(62,100,200,.14);
  border-color:var(--brand-primary-light);
}
body.scallex-interior-brand-v1 .form-submit {
  background:var(--brand-primary-dark);
  box-shadow:var(--brand-shadow-sm);
  transition:background .2s ease,transform .2s ease;
}
body.scallex-interior-brand-v1 .form-submit:hover,
body.scallex-interior-brand-v1 .form-submit:focus-visible {
  background:var(--brand-primary-mid);
  transform:translateY(-1px);
}
body.scallex-interior-brand-v1 .bigin-form-card { padding:1rem; overflow:hidden; }
body.scallex-interior-brand-v1 .bigin-iframe-wrap {
  border-radius:16px;
  background:var(--brand-white);
}

/* Final conversion + footer = same approved Scallex family. */
body.scallex-interior-brand-v1 .cta-section {
  padding:4.7rem 0;
  background:linear-gradient(135deg,var(--brand-primary-dark),var(--brand-primary-mid));
  color:var(--brand-white);
}
body.scallex-interior-brand-v1 .cta-content h2 { color:var(--brand-white); }
body.scallex-interior-brand-v1 .cta-content p { color:rgba(255,255,255,.88); }
body.scallex-interior-brand-v1 .site-footer {
  padding:4rem 0 1.5rem;
  background:var(--brand-primary-dark);
  color:var(--brand-white);
}
body.scallex-interior-brand-v1 .footer-grid { width:min(1200px,calc(100% - 40px)); }
body.scallex-interior-brand-v1 .footer-brand img { width:190px; }
body.scallex-interior-brand-v1 .footer-brand p,
body.scallex-interior-brand-v1 .office-note { color:rgba(255,255,255,.80); }
body.scallex-interior-brand-v1 .site-footer a { color:rgba(255,255,255,.88); }
body.scallex-interior-brand-v1 .site-footer a:hover { color:var(--brand-white); }
body.scallex-interior-brand-v1 .footer-heading { color:var(--brand-white); }
body.scallex-interior-brand-v1 .footer-bottom {
  width:min(1200px,calc(100% - 40px));
  border-top-color:rgba(255,255,255,.14);
  color:rgba(255,255,255,.70);
}

/* Keyboard focus follows the approved blue family without depending on hover. */
body.scallex-interior-brand-v1 a:focus-visible,
body.scallex-interior-brand-v1 button:focus-visible,
body.scallex-interior-brand-v1 input:focus-visible,
body.scallex-interior-brand-v1 select:focus-visible,
body.scallex-interior-brand-v1 textarea:focus-visible {
  outline:3px solid rgba(0,180,216,.38);
  outline-offset:3px;
}

@media(max-width:1120px) {
  body.scallex-interior-brand-v1 .brand-link img { width:150px; }
  body.scallex-interior-brand-v1 .nav-menu>li>a,
  body.scallex-interior-brand-v1 .nav-label { font-size:.85rem; padding:.62rem .48rem; }
}

@media(max-width:900px) {
  body.scallex-interior-brand-v1 .nav-container { min-height:76px; }
  body.scallex-interior-brand-v1 .navbar { min-height:76px; }
  body.scallex-interior-brand-v1 .brand-link img { width:146px; }
  body.scallex-interior-brand-v1 .nav-menu>li>a,
  body.scallex-interior-brand-v1 .nav-label { border-radius:10px; }
  body.scallex-interior-brand-v1 .nav-menu>li>a::after,
  body.scallex-interior-brand-v1 .nav-label::after { display:none; }
  body.scallex-interior-brand-v1 .page-hero { padding:3.9rem 0 3.6rem; }
  body.scallex-interior-brand-v1 .split,
  body.scallex-interior-brand-v1 .contact-grid { gap:1.6rem; }
}

@media(max-width:620px) {
  body.scallex-interior-brand-v1 .container,
  body.scallex-interior-brand-v1 .footer-grid,
  body.scallex-interior-brand-v1 .footer-bottom { width:min(100% - 28px,1200px); }
  body.scallex-interior-brand-v1 .nav-container { width:min(100% - 24px,1280px); }
  body.scallex-interior-brand-v1 .brand-link img { width:138px; }
  body.scallex-interior-brand-v1 .page-hero { padding:3.35rem 0 3.15rem; }
  body.scallex-interior-brand-v1 .page-hero h1 { font-size:clamp(2.05rem,10vw,2.75rem); }
  body.scallex-interior-brand-v1 .page-hero .hero-copy { font-size:1.03rem; }
  body.scallex-interior-brand-v1 .section { padding:3.65rem 0; }
  body.scallex-interior-brand-v1 .direct-answer { padding:1.2rem 1.2rem; font-size:1.04rem; }
  body.scallex-interior-brand-v1 .info-card,
  body.scallex-interior-brand-v1 .service-card,
  body.scallex-interior-brand-v1 .form-card,
  body.scallex-interior-brand-v1 .context-panel { padding:1.25rem; }
  body.scallex-interior-brand-v1 .card-number { width:56px; height:56px; border-radius:17px; }
  body.scallex-interior-brand-v1 .card-number::before { font-size:1.7rem; }
  body.scallex-interior-brand-v1 .resource-table { min-width:680px; }
  body.scallex-interior-brand-v1 .cta-section { padding:4rem 0; }
}

/* R3 navigation containment corrections carried forward from the approved homepage layer. */
body.scallex-interior-brand-v1 .nav-menu>li.mobile-only { display:none; }

@media(max-width:900px) {
  body.scallex-interior-brand-v1 .nav-menu>li.mobile-only { display:grid!important; }
  body.scallex-interior-brand-v1 .nav-menu {
    right:0;
    display:none;
  }
  body.scallex-interior-brand-v1 .nav-menu.active {
    display:block;
    right:0;
  }
}

@media(min-width:901px) and (max-width:1120px) {
  body.scallex-interior-brand-v1 .menu-toggle { display:flex; }
  body.scallex-interior-brand-v1 .desktop-cta { display:inline-flex; margin-left:auto; }
  body.scallex-interior-brand-v1 .nav-menu {
    position:fixed;
    right:0;
    top:0;
    width:min(360px,88vw);
    height:100vh;
    background:var(--brand-white);
    padding:5.6rem 1rem 2rem;
    overflow-y:auto;
    box-shadow:-16px 0 40px rgba(0,0,0,.16);
    z-index:1150;
    display:none;
  }
  body.scallex-interior-brand-v1 .nav-menu.active { display:block; }
  body.scallex-interior-brand-v1 .nav-menu>li {
    display:grid;
    grid-template-columns:1fr auto;
    border-bottom:1px solid var(--brand-line);
  }
  body.scallex-interior-brand-v1 .nav-menu>li>a,
  body.scallex-interior-brand-v1 .nav-label {
    justify-content:flex-start;
    width:100%;
    padding:.85rem .55rem;
    min-height:50px;
  }
  body.scallex-interior-brand-v1 .nav-menu>li>a::after,
  body.scallex-interior-brand-v1 .nav-label::after { display:none; }
  body.scallex-interior-brand-v1 .submenu-toggle { display:block; }
  body.scallex-interior-brand-v1 .dropdown-menu {
    position:static;
    grid-column:1/-1;
    box-shadow:none;
    border:0;
    border-radius:0;
    padding:0 0 .6rem .75rem;
    min-width:0;
  }
  body.scallex-interior-brand-v1 .has-dropdown:hover>.dropdown-menu,
  body.scallex-interior-brand-v1 .has-dropdown:focus-within>.dropdown-menu { display:none; }
  body.scallex-interior-brand-v1 .has-dropdown.open>.dropdown-menu { display:grid; }
  body.scallex-interior-brand-v1 .nav-menu>li.mobile-only { display:grid!important; }
}


/* Task 10F-C2 — sitewide consistency normalization */
/* Existing icon-bearing components use the same approved semantic tile family. */
body.scallex-interior-brand-v1 .info-icon,
body.scallex-interior-brand-v1 .service-icon {
  width:60px;
  height:60px;
  display:grid;
  place-items:center;
  margin:0 0 .9rem;
  border-radius:18px;
  background:linear-gradient(135deg,rgba(62,100,200,.12),rgba(0,180,216,.12));
  color:var(--brand-primary-dark);
  box-shadow:inset 0 0 0 1px rgba(62,100,200,.05);
  font-size:1.8rem;
  line-height:1;
}

/* Resource/download buttons join the approved primary/secondary hierarchy. */
body.scallex-interior-brand-v1 .btn-primary {
  background:var(--brand-primary-dark);
  color:var(--brand-white);
  box-shadow:var(--brand-shadow-sm);
}
body.scallex-interior-brand-v1 .btn-primary:hover,
body.scallex-interior-brand-v1 .btn-primary:focus-visible {
  background:var(--brand-primary-mid);
  color:var(--brand-white);
  transform:translateY(-2px);
  box-shadow:var(--brand-shadow-md);
  text-decoration:none;
}
body.scallex-interior-brand-v1 .btn-secondary {
  background:var(--brand-white);
  color:var(--brand-primary-dark);
  border:1px solid var(--brand-line);
  box-shadow:var(--brand-shadow-sm);
}
body.scallex-interior-brand-v1 .btn-secondary:hover,
body.scallex-interior-brand-v1 .btn-secondary:focus-visible {
  color:var(--brand-primary-light);
  border-color:rgba(62,100,200,.38);
  transform:translateY(-2px);
  box-shadow:var(--brand-shadow-md);
  text-decoration:none;
}

/* Section-note links use the same restrained indigo text-link treatment. */
body.scallex-interior-brand-v1 .section-note a,
body.scallex-interior-brand-v1 .article-wrap a,
body.scallex-interior-brand-v1 .resource-group a {
  color:var(--brand-primary-dark);
  font-weight:800;
}
body.scallex-interior-brand-v1 .section-note a:hover,
body.scallex-interior-brand-v1 .article-wrap a:hover,
body.scallex-interior-brand-v1 .resource-group a:hover {
  color:var(--brand-primary-light);
}

@media(max-width:620px) {
  body.scallex-interior-brand-v1 .info-icon,
  body.scallex-interior-brand-v1 .service-icon {
    width:56px;
    height:56px;
    border-radius:17px;
    font-size:1.7rem;
  }
}
