/* Aligned to Site v10/modelo/00-cabecalho.html and safe-sender/site.css. */
:root {
  color-scheme: light;
  --ink: #0b0f12; --surface: #fff; --soft: #eaeff2; --text: #0b0f12;
  --muted: #4a5359; --border: #aeb7be; --control-border: #647077;
  --accent: #28c9fa; --accent-edge: #1b95cc; --link: #0e62aa; --focus: #8b5af9;
  --danger: #8f2434; --danger-bg: #fff0f2; --band: #0b0f12;
  --sans: 'IBM Plex Sans', -apple-system, 'Segoe UI', Helvetica, Arial, sans-serif;
  --mono: 'IBM Plex Mono', ui-monospace, 'SFMono-Regular', Menlo, Consolas, monospace;
  --measure: 66ch; --gap: 32px; --section: clamp(56px, 9vw, 128px);
  font: 16px/24px var(--sans);
}
:root[data-theme=dark] {
  color-scheme: dark;
  --surface: #0b0f12; --soft: #171f26; --text: #f2f4f5; --muted: #a6afb5;
  --border: #404c56; --control-border: #8a959d; --link: #28c9fa;
  --danger: #ffbcc6; --danger-bg: #351921; --band: #1e2830;
}
* { box-sizing: border-box; }
html { scrollbar-gutter: stable; }
body { margin: 0; background: var(--surface); color: var(--text); -webkit-font-smoothing: antialiased; }
::selection { background: #b4ecfd; color: var(--ink); }
a { color: var(--link); text-underline-offset: 4px; }
button, input, select { font: inherit; }
button, a, input, select { touch-action: manipulation; }
button { cursor: pointer; }
button:disabled { cursor: not-allowed; opacity: .6; }
button:focus-visible, a:focus-visible, input:focus-visible, select:focus-visible,
summary:focus-visible, [tabindex]:focus-visible { outline: 2px solid var(--focus); outline-offset: 3px; }
main:focus { outline: none; }
.wrap { width: 100%; max-width: 992px; margin-inline: auto; padding-inline: 24px; }
main { min-height: 70vh; padding: 0; }
.site-header { border-bottom: 1px solid var(--border); background: var(--surface); }
.header-inner { display: flex; align-items: center; justify-content: space-between; gap: 24px; min-height: 72px; }
.brand { display: block; width: auto; height: 41.6px; max-width: 180px; color: var(--text); }
.brand .ko { fill: var(--surface); }
.home-link { display: block; flex-shrink: 0; color: var(--text); text-decoration: none; line-height: 0; }
.site-header nav { display: flex; align-items: center; gap: 8px; }
.site-header nav button, .site-header nav > a { display: inline-flex; align-items: center; justify-content: center; min-height: 44px; padding: 8px 10px; background: none; color: var(--text); border: 1px solid var(--control-border); border-radius: 2px; font: 12px/16px var(--mono); letter-spacing: .04em; text-decoration: none; }
.site-header nav > a { margin-left: 4px; border-color: transparent; font: 14px/20px var(--sans); letter-spacing: 0; }
.site-header nav button:hover, .site-header nav > a:hover { background: var(--soft); }
h1, h2, h3, h4 { margin: 0 0 20px; font-weight: 600; text-wrap: balance; overflow-wrap: break-word; }
h1 { font-size: clamp(2rem, 4.2vw, 3.25rem); line-height: 1.12; font-weight: 700; letter-spacing: -.015em; }
h2 { font-size: clamp(1.5rem, 2.6vw, 2.125rem); line-height: 1.2; letter-spacing: -.01em; }
h3 { font-size: 22px; line-height: 28px; }
h4 { font-size: 16px; line-height: 24px; margin: 24px 0 8px; }
p { margin: 0 0 16px; max-width: var(--measure); text-align: justify; hyphens: auto; -webkit-hyphens: auto; text-wrap: pretty; }
li { margin-bottom: 10px; }
strong { font-weight: 600; }
.support { font-size: 14px; line-height: 20px; color: var(--muted); }
.eyebrow, .mono, .section-kicker, .question-number { font-family: var(--mono); text-align: left; hyphens: none; }
.mono { font-size: 13px; line-height: 20px; }
.eyebrow, .section-kicker { font-size: 11px; line-height: 16px; letter-spacing: .14em; text-transform: uppercase; color: var(--muted); }
.eyebrow { margin-bottom: 24px; }
.section-kicker, .page-hero .eyebrow { display: flex; align-items: center; gap: 8px; }
.section-kicker::before, .page-hero .eyebrow::before { content: ''; width: 24px; height: 8px; background: var(--text); flex: none; }
.section-kicker::after, .page-hero .eyebrow::after { content: ''; width: 8px; height: 8px; background: var(--accent); order: -1; flex: none; }
.section-kicker::before, .page-hero .eyebrow::before { order: -2; }
button.primary, button.secondary, button.text { display: inline-flex; justify-content: center; align-items: center; gap: 10px; border: 1px solid var(--text); border-radius: 2px; font: 600 15px/24px var(--sans); min-height: 48px; padding: 11px 18px; background: none; color: var(--text); transition: background .2s, color .2s, border-color .2s; }
button.primary { background: var(--text); color: var(--surface); }
button.primary:hover { background: var(--soft); color: var(--text); }
button.secondary:hover, button.text:hover { background: var(--text); color: var(--surface); }
button.text { min-height: 44px; padding: 9px 12px; border-color: var(--control-border); font-size: 14px; font-weight: 400; }
.page-hero { background: var(--band); color: #fff; --text: #fff; --muted: #aeb7bd; --link: #28c9fa; --border: #3a454e; padding-block: var(--section); }
.hero { display: grid; grid-template-columns: minmax(0, 1fr) minmax(0, 1fr); gap: var(--gap); align-items: center; }
.hero h1 { margin-bottom: 24px; }
.hero .lead { font-size: clamp(1.125rem, 1.6vw, 1.375rem); line-height: 1.5; color: #d5dbdf; margin-bottom: 32px; }
.page-hero button.primary { color: var(--ink); background: #fff; border-color: #fff; }
.page-hero button.primary:hover { background: var(--accent); border-color: var(--accent); }
.illustration { width: 100%; height: auto; display: block; color: var(--text); max-height: 360px; }
.assessment-body { padding-block: 64px; }
.intro-facts { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: var(--gap); padding-bottom: 32px; margin-bottom: 32px; border-bottom: 1px solid var(--border); }
.intro-facts > div { border-top: 1px solid var(--border); padding-top: 16px; }
.intro-facts h3 { font-size: 17px; line-height: 24px; margin-bottom: 8px; }
.intro-facts p { margin-bottom: 0; }
.intro-facts .section-kicker { margin-bottom: 16px; }
.intro-facts .section-kicker::before, .intro-facts .section-kicker::after { display: none; }
.intro-guidance { display: grid; grid-template-columns: 2fr 4fr; gap: var(--gap); padding-top: 24px; }
.intro-guidance .section-kicker { margin-bottom: 24px; }
.step-heading { padding-block: 0 24px; border-bottom: 1px solid var(--border); margin-bottom: 40px; }
.step-heading .section-kicker { margin-bottom: 24px; }
.step-heading h1 { margin-bottom: 20px; }
.step-heading > p:last-child { margin-bottom: 0; max-width: 75ch; }
.workspace-grid { display: grid; grid-template-columns: 176px minmax(0, 1fr); gap: var(--gap); align-items: start; }
.workspace-main { min-width: 0; }
.journey { font-size: 13px; line-height: 20px; min-width: 0; }
.journey > .eyebrow { margin-bottom: 16px; }
.journey ol, .journey ul { list-style: none; margin: 0; padding: 0; }
.journey li { margin: 0; border-left: 1px solid var(--border); color: var(--muted); position: relative; }
.journey > .section-kicker { display: block; margin-bottom: 20px; }
.journey > .section-kicker::before, .journey > .section-kicker::after { display: none; }
.journey button { display: grid; grid-template-columns: 20px minmax(0, 1fr); gap: 8px; align-items: baseline; width: 100%; min-height: 44px; padding: 10px 0 10px 16px; border: 0; background: transparent; color: var(--muted); text-align: left; font: inherit; }
.journey button:hover { color: var(--text); background: var(--soft); }
.journey button[aria-current=step] { color: var(--text); font-weight: 600; }
.journey button[aria-current=step]::before { content: ""; position: absolute; left: -4px; top: 17px; width: 7px; height: 7px; background: var(--accent); }
.journey li.is-current, .journey li[aria-current=step] { color: var(--text); font-weight: 600; }
.journey li.is-current::before, .journey li[aria-current=step]::before { content: ''; width: 7px; height: 7px; position: absolute; left: -4px; top: 16px; background: var(--accent); }
.journey .mono, .journey li > span:first-child { font: 11px/20px var(--mono); }
.journey .support { margin-top: 20px; font-size: 12px; line-height: 18px; }
.progress-label { display: flex; justify-content: space-between; gap: 20px; }
.progress-label p { font: 12px/20px var(--mono); margin-bottom: 12px; text-align: left; }
.step-track { width: 100%; height: 3px; background: var(--border); margin: 0 0 32px; border: 0; display: block; accent-color: var(--accent-edge); }
.step-track span { display: block; height: 3px; background: var(--accent-edge); }
progress::-moz-progress-bar, progress::-webkit-progress-value { background: var(--accent-edge); }
progress::-webkit-progress-bar { background: var(--border); }
.step-title { margin-bottom: 32px; }
.form-grid { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 24px 32px; }
.field { margin: 0 0 28px; min-width: 0; }
.form-grid .field { display: flex; flex-direction: column; }
.form-grid .field select { margin-top: auto; }
.field > label { display: block; font-size: 16px; line-height: 24px; font-weight: 600; margin-bottom: 12px; }
.field select, .activity-toolbar select { width: 100%; min-height: 48px; padding: 12px; border: 1px solid var(--control-border); border-radius: 0; background: var(--surface); color: var(--text); font: inherit; }
.field-help { font-size: 14px; line-height: 20px; color: var(--muted); margin: 8px 0 14px; }
fieldset { min-width: 0; margin: 0 0 32px; padding: 24px; border: 1px solid var(--border); }
legend { font-size: 18px; line-height: 26px; font-weight: 600; padding-inline: 8px; }
fieldset .support { margin-bottom: 16px; }
.question-row { margin-bottom: 40px; padding-top: 24px; border-top: 1px solid var(--border); }
.step-heading + .question-row { border-top: 0; padding-top: 0; }
.question-row > fieldset { padding: 0; border: 0; margin-bottom: 20px; }
.question-row > fieldset > legend { padding: 0; margin-bottom: 12px; font-size: 20px; line-height: 28px; }
.question-number { display: block; color: var(--muted); font-size: 11px; line-height: 16px; letter-spacing: .08em; margin-bottom: 12px; }
.options { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 8px; }
.option { display: flex; align-items: flex-start; gap: 10px; min-height: 48px; padding: 12px; border: 1px solid var(--control-border); background: var(--surface); font-size: 15px; line-height: 22px; cursor: pointer; }
.option:hover { background: var(--soft); }
.option:has(input:checked) { border-color: var(--link); box-shadow: inset 3px 0 var(--link); background: var(--soft); }
.option input { width: 17px; height: 17px; margin: 3px 0 0; flex: none; accent-color: var(--link); }
.option span { min-width: 0; overflow-wrap: break-word; }
.control-field { padding: 20px 24px; border-left: 3px solid var(--accent-edge); background: var(--soft); margin-top: 16px; }
.control-field .field { margin-bottom: 12px; }
.control-field > p:last-child { margin-bottom: 0; }
.controls { margin-bottom: 32px; }
.notice { border-left: 3px solid var(--accent-edge); padding: 20px 24px; background: var(--soft); margin: 24px 0; max-width: none; }
.notice.danger { color: var(--danger); background: var(--danger-bg); border-color: var(--danger); }
.actions { display: flex; align-items: center; gap: 12px; flex-wrap: wrap; margin-top: 32px; padding-top: 24px; border-top: 1px solid var(--border); }
.actions .push { margin-left: auto; }
.activity-toolbar { display: flex; align-items: center; gap: 12px; flex-wrap: wrap; margin-bottom: 32px; padding-bottom: 24px; border-bottom: 1px solid var(--border); }
.activity-toolbar > label { flex-basis: 100%; font: 11px/16px var(--mono); letter-spacing: .12em; text-transform: uppercase; }
.activity-toolbar select { flex: 1 1 220px; width: auto; max-width: 100%; min-width: 0; }
.activity-toolbar button { font-size: 13px; }
.activity-list { display: grid; gap: 24px; }
.scope-card { border: 1px solid var(--border); padding: 24px; margin: 24px 0; }
.scope-card h3 { font-size: 22px; }
.flow { display: flex; gap: 12px; align-items: center; flex-wrap: wrap; padding: 16px; margin-top: 20px; background: var(--soft); font-size: 13px; }
.flow > span:nth-child(even) { color: var(--link); font-size: 20px; }
dl { margin: 0; }
dt { font-weight: 600; margin-top: 12px; }
dd { margin: 6px 0 16px; color: var(--muted); overflow-wrap: anywhere; }
.report-heading { border-bottom: 3px solid var(--accent); padding-bottom: 32px; margin-bottom: 32px; }
.report-status { color: var(--link); font-weight: 600; }
.report-heading h1 { font-size: clamp(32px, 4.2vw, 52px); }
.report h2 { border-top: 1px solid var(--border); padding-top: 32px; margin-top: 56px; }
.finding { border: 1px solid var(--border); padding: 28px; margin: 24px 0; break-inside: avoid; }
.finding-top { display: flex; gap: 14px; align-items: center; flex-wrap: wrap; margin-bottom: 20px; }
.priority { font-size: 13px; font-weight: 600; padding: 6px 10px; border: 1px solid var(--border); background: var(--soft); }
.priority.address-now { color: var(--danger); border-color: var(--danger); background: var(--danger-bg); }
.priority.prioritize, .priority.verify-before-event { color: var(--link); border-color: var(--link); }
.reason { margin-top: 20px; }
details > summary { min-height: 44px; padding-block: 12px; cursor: pointer; font-weight: 600; }
details > p { margin-top: 14px; }
.table-scroll { max-width: 100%; overflow: auto; margin: 24px 0; }
table { width: 100%; border-collapse: collapse; font-size: 14px; min-width: 500px; }
th, td { border-bottom: 1px solid var(--border); text-align: left; vertical-align: top; padding: 12px; overflow-wrap: anywhere; }
th { background: var(--soft); }
.report-nav { display: flex; flex-wrap: wrap; gap: 10px 22px; padding: 16px 0; margin-bottom: 32px; border-bottom: 1px solid var(--border); }
.report-nav a { min-height: 44px; display: flex; align-items: center; font-size: 14px; }
.export-actions { border: 1px solid var(--border); padding: 24px; margin-bottom: 48px; }
.report-footer { border-top: 1px solid var(--border); padding-block: 32px; margin-top: 48px; }
.skip { position: absolute; left: -9999px; top: 8px; z-index: 10; padding: 12px; background: var(--surface); }
.skip:focus { left: 8px; }
.sr-only { position: absolute; width: 1px; height: 1px; padding: 0; margin: -1px; overflow: hidden; clip: rect(0,0,0,0); white-space: nowrap; border: 0; }
[hidden] { display: none !important; }
#print-notice { display: none; }
@media (max-width: 860px) {
  .hero, .workspace-grid, .intro-guidance { grid-template-columns: minmax(0, 1fr); }
  .hero { gap: 40px; }
  .illustration { max-width: 420px; max-height: 280px; margin-inline: auto; }
  .assessment-body { padding-block: 48px; }
  .step-heading { padding-block: 0 24px; margin-bottom: 32px; }
  .journey nav { overflow-x: auto; padding: 4px; margin: -4px; scrollbar-width: thin; scrollbar-color: var(--control-border) var(--surface); }
  .journey ol, .journey ul { display: flex; flex-wrap: nowrap; gap: 8px; width: max-content; }
  .journey button { white-space: nowrap; }
  .journey li { padding: 0; }
  .journey button { padding: 10px 12px; }
  .journey li.is-current::before, .journey li[aria-current=step]::before { top: 12px; }
  .journey .support { margin-top: 12px; }
  .form-grid { gap: 16px 24px; }
}
@media (max-width: 600px) {
  .header-inner { gap: 16px; }
  .site-header nav { gap: 4px; }
  .site-header nav button, .site-header nav > a { padding-inline: 8px; }
  .site-header nav > a { margin-left: 0; }
  .brand { max-width: 132px; }
  .hero { gap: 32px; }
  .intro-facts { grid-template-columns: 1fr; gap: 24px; }
  .form-grid, .options { grid-template-columns: minmax(0, 1fr); }
  .field { margin-bottom: 24px; }
  .finding, fieldset, .scope-card, .export-actions { padding: 20px; }
  .control-field { padding: 20px; }
  .progress-label { flex-direction: column; gap: 0; }
  .actions .push { margin-left: 0; }
  .activity-toolbar select { flex-basis: 100%; }
}
@media (max-width: 360px) {
  .header-inner { flex-wrap: wrap; padding-block: 12px; }
  .site-header nav { margin-left: auto; }
}
@media (prefers-reduced-motion: reduce) {
  *, *::before, *::after { transition-duration: .01ms !important; animation-duration: .01ms !important; scroll-behavior: auto !important; }
}
@media (forced-colors: active) {
  .option:has(input:checked) { outline: 2px solid Highlight; outline-offset: -2px; }
  .journey li[aria-current=step] { border-left: 3px solid Highlight; }
}
@media print {
  :root, :root[data-theme=dark] { color-scheme: light; --surface: #fff; --soft: #f4f6f8; --text: #0b0f12; --muted: #4a5359; --border: #aeb7be; --link: #0e62aa; --danger: #8f2434; --danger-bg: #fff0f2; }
  body { font: 10pt/1.55 Arial, Helvetica, sans-serif; }
  .site-header, .site-footer, .skip, .export-actions, .actions, .progress-label, .step-track, .report-nav, .journey, .page-hero { display: none !important; }
  main, .wrap { max-width: none; padding: 0 !important; }
  .report h1 { font-size: 26pt; }
  .report h2 { font-size: 18pt; }
  .report h3 { font-size: 14pt; }
  .report .mono, .report .eyebrow { font-family: Consolas, monospace; }
  .finding { padding: 14pt; break-inside: auto; }
  h1, h2, h3, h4 { break-after: avoid; }
  .table-scroll { overflow: visible; }
  table { min-width: 0; font-size: 9pt; }
  tr { break-inside: avoid; }
  a { color: #0e62aa; }
  .notice { padding: 12pt; }
  .report { display: block; }
  html[data-print-allowed=false] main { display: none !important; }
  html[data-print-allowed=false] #print-notice { display: block !important; padding: 24px; font: 12pt Arial, sans-serif; color: #0b0f12; }
  @page { size: A4; margin: 18mm; }
}

/* Revision 5: persistent hotsite navigation and explanatory pages. */
.site-header{position:sticky;top:0;z-index:20;box-shadow:0 1px 0 var(--border)}
#assessment-navigation{border-top:1px solid var(--border);background:var(--surface)}
.tool-navigation{display:flex;align-items:center;justify-content:space-between;gap:20px;padding-block:12px}
.tool-shortcuts,.tool-pager{display:flex;align-items:center;gap:8px;min-width:0}
.tool-shortcuts{padding-right:20px;border-right:1px solid var(--border)}
.tool-navigation button{display:inline-flex;align-items:center;justify-content:center;gap:7px;min-height:44px;border:1px solid var(--control-border);background:var(--surface);color:var(--text);padding:9px 12px;font:500 13px/20px var(--sans);border-radius:2px;white-space:nowrap}
.tool-navigation button:hover:not(:disabled),.tool-navigation button[aria-current]{background:var(--text);color:var(--surface)}
.tool-navigation svg{flex:none}
.tool-pager{flex:1;justify-content:flex-end}
.tool-pager select{width:100%;min-width:0;max-width:300px;min-height:44px;background:var(--surface);color:var(--text);padding:8px 10px;border:1px solid var(--control-border);border-radius:2px;font:14px/20px var(--sans)}
.guide-pagination{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));border-bottom:1px solid var(--border);margin-bottom:56px;gap:16px}
.guide-pagination button{display:flex;flex-direction:column;align-items:flex-start;gap:10px;text-align:left;border:0;border-bottom:3px solid transparent;background:none;color:var(--muted);min-height:80px;padding:12px 0 20px;font:500 15px/22px var(--sans)}
.guide-pagination button[aria-current]{color:var(--text);border-bottom-color:var(--accent)}
.guide-pagination button:hover{color:var(--text)}
.guide-section,.method-reference{display:grid;grid-template-columns:2fr 4fr;gap:32px;padding:32px 0;border-bottom:1px solid var(--border)}
.guide-section:first-child{padding-top:0}.guide-section h2,.method-reference h2{font-size:24px;line-height:1.25}.guide-section .section-kicker{margin-bottom:16px}
.guide-section p{align-self:center;margin-bottom:0}.guide-example{margin-block:40px}.guide-example p{max-width:none;margin:0}
.guide-domains{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:32px;margin-block:48px}
.guide-domains article{border-top:1px solid var(--border);padding:24px 0;display:flex;flex-direction:column}
.guide-domains .mono{color:var(--muted);margin-bottom:12px}.guide-domains h3{font-size:22px}.guide-domains .illustration{margin-top:auto;max-height:180px;color:var(--text)}
.method-reference{margin-top:32px}.method-reference ul{list-style:none;padding:0;margin:24px 0}.method-reference li{position:relative;padding-left:20px}.method-reference li::before{content:'';width:6px;height:6px;position:absolute;top:9px;left:0;background:var(--accent)}
.report .export-actions{margin-block:24px 40px;padding:24px;background:var(--soft);border:0;border-top:1px solid var(--border);border-bottom:1px solid var(--border)}
.report .export-actions h2{border:0;margin:0 0 12px;padding:0;font-size:22px}.report .export-actions .support{max-width:none}.report .export-actions .actions{margin:16px 0 0;padding:0;border:0}.report .export-actions .notice{margin-bottom:0}
.report [id],.guide-body h2,.workspace-main h2{scroll-margin-top:180px}
@media(max-width:860px){.tool-navigation{gap:12px;flex-wrap:wrap}.tool-shortcuts{border:0;padding:0}.tool-pager{flex-basis:100%;justify-content:space-between}.tool-pager select{max-width:none}.guide-section,.method-reference{grid-template-columns:1fr;gap:12px}.guide-pagination{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.guide-domains{grid-template-columns:1fr}.guide-domains .illustration{max-height:220px}.report [id],.workspace-main h2{scroll-margin-top:220px}}
@media(max-width:400px){.tool-navigation button{font-size:12px;padding-inline:8px}.tool-pager select{font-size:12px;padding-inline:4px}.tool-navigation{padding-block:8px}.guide-pagination button{font-size:14px}.tool-navigation svg{width:12px}.report [id],.workspace-main h2{scroll-margin-top:260px}}
@media print{.site-header,#assessment-navigation,.guide-pagination,.guide-hero{display:none!important}.report .export-actions{display:none!important}}

/* Contact actions and navigation share the native spacing and color roles. */
#assessment-navigation[hidden]{display:none}
.site-header nav > #contact-link{border-color:var(--control-border);font-weight:600}
.tool-shortcuts{flex-shrink:0}
.report-contact{display:grid;grid-template-columns:1fr 2fr;gap:32px;padding:32px;margin:32px 0;background:var(--soft);border-top:3px solid var(--accent)}
.report-contact h2{margin-top:0}
.report-contact .illustration{width:100%;height:auto}
.report-contact .primary{white-space:normal;text-align:center;max-width:100%}
#report-contact-status:empty{display:none}
#report-contact-status:not(:empty){margin:20px 0 0;padding:16px;border-left:3px solid var(--accent);background:var(--surface);font-weight:600}
@media(max-width:960px){.site-header .tool-navigation{flex-wrap:wrap}.tool-shortcuts{border:0;padding:0}.tool-pager{flex-basis:100%;justify-content:space-between}.tool-pager select{max-width:none}}
@media(max-width:600px){.report-contact{grid-template-columns:1fr;gap:16px;padding:24px}.report-contact .illustration{max-height:150px}.header-inner{gap:12px}.header-inner>nav{flex-wrap:wrap}.tool-shortcuts{flex-wrap:wrap}}
@media print{.report-contact{display:none}}
.tool-shortcuts{max-width:100%}
@media(max-width:600px){.header-inner .brand{width:104px;height:auto}.header-inner{gap:8px}.header-inner>nav{flex-wrap:nowrap;gap:4px}.header-inner>nav>button,.header-inner>nav>a{padding-inline:7px}.header-inner>nav>a{margin-left:0}}
@media(max-width:360px){.header-inner>nav{width:100%;justify-content:flex-end}}

/* Decorative technology/security artwork belongs only to the landing ribbon. */
.page-hero.landing-hero{background:#0b0f12 url("security-pattern.svg") center/cover no-repeat}