/* Adopted Omni Systems interface application. Shared values live in brand-system.css. */
body{color:var(--text)}
.skip-link{background:var(--basalt);border-radius:var(--radius-control)}
/* The same corner orientation scales with the component, rather than changing by section. */
.opportunity-panel,.time-tool,.workflow-node{border-radius:var(--radius-panel)}
.button,.flow-option,.summary-fallback{border-radius:var(--radius-control)}
.process-switcher button,.route-control button,.number-presets button,.number-input-wrap,.result-summary textarea{border-radius:var(--radius-field)}
.result-next{border-radius:var(--radius-nested)}
.brief-edit,.flow-back,.flow-reset,.text-button,.hero-bypass,.text-link{border-radius:var(--radius-control)}

/* Ink remains available for dense text. Basalt gives the larger dark surfaces a mineral tone. */
.process-switcher button[aria-pressed=true],.number-presets button[aria-pressed=true]{background:var(--dark);border-color:var(--dark);color:var(--paper)}
.button-ink{background:var(--action-primary);color:var(--on-action-primary);border-color:var(--action-primary)}
.button-ink:hover{background:var(--action-hover)}
.button-paper{color:var(--text)}
.button-paper:hover{background:var(--stone)}
.system-section,.flow-progress,.number-input-wrap input,.result-summary textarea{color:var(--text)}
.language button[aria-pressed=true]{color:var(--text)}
.contact-section{background:var(--dark)}
.contact-copy .contact-note{color:var(--stone)}
.site-footer{width:100%;max-width:none;padding:44px max(56px,calc((100vw - 1400px)/2));background:var(--dark);color:var(--paper);border-top:1px solid color-mix(in srgb,var(--paper) 22%,transparent)}
.site-footer a:focus-visible{outline-color:var(--glacier)}
.site-footer>p,.footer-meta{color:var(--stone)}

/* Warm Silt panels carry a visible border and a quiet, consistent paper inset. */
.opportunity-panel,.time-tool{border:1px solid var(--line)}
.opportunity-panel.is-complete{border-color:#7b9ea1}
.flow-option,.number-input-wrap,.number-presets button,.result-summary textarea{border-color:var(--control-border)}
.flow-option input{border-color:var(--control-border)}
.flow-option input:checked{border-color:var(--cobalt)}
.flow-option:hover{border-color:var(--text)}
.flow-option:has(input:checked){background:color-mix(in srgb,var(--glacier) 38%,var(--paper));border-color:var(--cobalt);box-shadow:inset 3px 0 var(--cobalt)}
.selection-feedback{color:var(--link,var(--cobalt))}
.number-control,.time-total,.brief-trail,.brief-trail li{border-color:var(--line)}
.brief-trail li:last-child{border-left-color:transparent}
.number-presets button[aria-pressed=true]{border-color:var(--dark)}
.time-total output{color:var(--cobalt)}
.landscape-content>p{max-width:18ch;min-width:0}
.number-presets button:hover{border-color:var(--cobalt)}
.route-control button[aria-pressed=true]{border-color:var(--dark);box-shadow:inset 0 -2px var(--dark)}
.workflow-node{border-color:#52787b}
.workflow-node.is-active,.workflow-node.is-visited,.workflow-node[data-node="2"]{border-color:var(--cobalt)}
.workflow-result .button:disabled{background:#375d62}
.workflow-canvas.awaiting-review #run-process{background:var(--cobalt)}
.flow-actions .button:disabled{background:var(--muted)}
.number-input-wrap input[aria-invalid=true]{color:#922c23}


.contact-section a:focus-visible,.contact-section button:focus-visible{outline-color:var(--focus-on-dark)}
@media(max-width:760px){
  html[lang=en] .hero h1{font-size:clamp(42px,12.5vw,82px);max-width:none}
  .site-footer{padding:38px 20px}
  .nature-section{grid-template-columns:minmax(0,1fr)}
  .nature-copy{min-width:0}
  .nature-copy h2{font-size:clamp(38px,10vw,46px)}
}
@media(max-width:480px){
  .landscape-content{align-items:flex-start;flex-direction:column;justify-content:flex-start;padding-block:38px 85px}
  .landscape-content>p{font-size:clamp(32px,8.2vw,39px);max-width:15ch}
  .landscape-mark{position:absolute;right:20px;bottom:82px;width:86px;flex-basis:auto}
}
@media print{.site-footer{print-color-adjust:exact;-webkit-print-color-adjust:exact}}
