/* noc.css: Nationwide Office Care's theme for the ARC Street design (NOC side only; added to this engine copy).
   Day: clean white and pale sky, deep navy ink, royal blue for buttons and the top arc.
   Night: deep navy, soft white text, sky blue accents. The palette is the one from NOC's logo.
   theme.js keeps its own names for the two states (blueprint = Day, skyline = Night). */
:root, :root[data-theme="blueprint"] {
  --paper: #f4f8fc;
  --panel: #ffffff;
  --ink: #011a41;
  --muted: #3c5072;
  --line: #6a84a8;
  --rule: #d2deec;
  --grid: rgba(1, 26, 65, .05);
  --accent: #0e5aa7;
  --accent-ink: #ffffff;
  --accent-2: #057fda;
  --win: transparent;
  --win-line: #8aa3c4;
  --focus: #057fda;
  --tag: #0e5aa7;
  color-scheme: light;
}
@media (prefers-color-scheme: dark) {
  :root:not([data-theme="blueprint"]) {
    --paper: #06122a; --panel: #0b1f44; --ink: #eef5fc; --muted: #a9bdd6; --line: #7f95b5; --rule: #1d3560;
    --grid: rgba(255, 255, 255, .45); --accent: #52c4fa; --accent-ink: #011a41; --accent-2: #8fd8ff; --win: #0f2a57; --win-line: #2f4d80;
    --focus: #8fd8ff; --tag: #52c4fa; color-scheme: dark;
  }
}
:root[data-theme="skyline"] {
  --paper: #06122a; --panel: #0b1f44; --ink: #eef5fc; --muted: #a9bdd6; --line: #7f95b5; --rule: #1d3560;
  --grid: rgba(255, 255, 255, .45); --accent: #52c4fa; --accent-ink: #011a41; --accent-2: #8fd8ff; --win: #0f2a57; --win-line: #2f4d80;
  --focus: #8fd8ff; --tag: #52c4fa; color-scheme: dark;
}
/* the name, set like the logo's wordmark: NATIONWIDE small over OFFICE CARE heavy */
.brand-name{display:inline-flex;flex-direction:column;line-height:1;text-transform:uppercase;color:var(--accent)}
.brand-name .bn1{font-size:13px;font-weight:600;letter-spacing:.2em;color:var(--accent-2)}
.brand-name .bn2{font-size:19px;font-weight:800;letter-spacing:.04em}
.topline path{stroke:var(--accent-2);stroke-width:3}
.kicker{color:var(--accent-2)}
.card{border-top:3px solid var(--accent)}
.card:hover{border-color:var(--accent)}
.promises li::marker{color:var(--accent);font-weight:700}
.foot{border-top:3px solid var(--accent)}
.foot-by{margin:14px 0}
.contact-list{list-style:none;padding:0;margin:0;display:grid;gap:8px}
/* look pass item 9: the skyline mark as a quiet line drawing in the home hero's right half */
.hero-split{position:relative}
.hero-art{margin:0;color:var(--accent);opacity:.5}
.hero-art-svg{display:block;width:100%;height:auto}
.hero-art-svg path{vector-effect:non-scaling-stroke}
.hero-art figcaption{font-size:11px;letter-spacing:.04em;color:var(--muted);margin-top:4px;text-align:right}
@media (min-width:900px){
  .hero-split{min-height:300px}
  .hero-split>:not(.hero-art){max-width:min(560px,52%)}
  .hero-art{position:absolute;right:0;bottom:8px;width:44%}
}
@media (max-width:899px){ .hero-art{margin:20px 0 0;order:9} .hero-split{display:flex;flex-direction:column} }
/* NOC ARC.IO hierarchy (7 Oct 2026): restored Build4 content in the Street frame */
.blk-text h3{font-size:18px;margin:18px 0 6px}
.blk-text h3 a{text-decoration:none;color:var(--accent)}
.blk-text h3 a:hover{text-decoration:underline}
.bullets{margin:0 0 14px;padding-left:22px;display:grid;gap:6px;max-width:72ch}
.bullets li::marker{color:var(--accent)}
.blk-text a{color:var(--accent);font-weight:600}
/* hub sections (one per service, industry or city) read as cards */
body.page-services section[id^="svc-"].blk-text,body.page-industries section[id^="ind-"].blk-text{background:var(--panel);border:1px solid var(--rule);border-top:3px solid var(--accent);border-radius:4px;padding:16px 18px;margin-bottom:14px}
body.page-services section[id^="svc-"].blk-text h2,body.page-industries section[id^="ind-"].blk-text h2{font-size:21px;margin-bottom:6px}
.held-note{border-left:3px solid var(--accent-2);background:color-mix(in srgb,var(--accent-2) 10%,transparent);padding:8px 12px;font-size:14px;color:var(--muted);border-radius:0 4px 4px 0}
.sample-banner{border:2px dashed var(--accent);padding:10px 14px;border-radius:6px;background:var(--panel);max-width:none}
.door-mark{margin:0 0 6px;font:600 13px/1.3 system-ui,sans-serif;letter-spacing:.04em;color:var(--accent-2)}
.door-here{outline:2px solid color-mix(in srgb,var(--accent-2) 55%,transparent);outline-offset:8px;border-radius:4px}
/* "you are here": the nav item for this page or the section it sits under */
.nav a[aria-current]{color:var(--ink);border-bottom-color:var(--accent);font-weight:650}
.nav a.here-parent{border-bottom-style:dashed}
/* preview forms */
.noc-form{background:var(--panel);border:1px solid var(--rule);border-radius:6px;padding:18px}
.form-note{font-size:13px;color:var(--muted);margin-bottom:12px}
.fgrid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px 16px}
.ff{display:flex;flex-direction:column;gap:4px;margin:0;border:0;padding:0;min-width:0}
.ff.full{grid-column:1/-1}
.ff label,.ff legend{font-size:14px;font-weight:600}
.ff input,.ff select,.ff textarea{font:inherit;color:var(--ink);background:var(--paper);border:1px solid var(--line);border-radius:4px;padding:8px 10px;min-height:44px;width:100%}
.ff .opts{display:flex;flex-wrap:wrap;gap:6px 16px}
.ff .opts label{font-weight:400;display:inline-flex;align-items:center;gap:6px;min-height:36px}
.ff .opts input{min-height:0;width:auto}
.frow{margin-top:14px}
.form-done{margin-top:10px;padding:10px 12px;border-radius:4px;background:color-mix(in srgb,var(--accent) 12%,transparent);font-weight:600}
@media (max-width:640px){.fgrid{grid-template-columns:1fr}}