/* Corporate design reference: physical-hacking.de, 2026-10-05. */
@font-face{font-family:Inter;src:url('assets/inter.woff2') format('woff2');font-weight:100 900;font-display:swap}
:root{font-family:Inter,Helvetica,Arial,sans-serif;color:#1e2f36;background:#f7f7f6;--blue:#76521b;--muted:#5e6a71;--line:#dce1e2;--gold:#e0aa46;--ink:#1e2f36}
header{height:104px;background:linear-gradient(145deg,#18282e,#1e2f36 58%,#16272e);border-bottom:3px solid var(--gold);color:white}
.brand{color:#fff;font-size:19px;letter-spacing:-.45px;gap:24px;line-height:1.25}
.brand img{display:block;width:103px;height:auto;flex-shrink:0}
.brand-title{border-left:1px solid #627179;padding-left:24px}
.topnote{color:#c0c8cc}
button{background:var(--gold);color:var(--ink);font-weight:750;border-radius:2px}
button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible{outline-color:#b9852d}
.outline{border-color:#9ca7ac;color:var(--ink);background:transparent}
header .outline{color:#fff;border-color:#718087}
.layout{min-height:calc(100vh - 104px)}
aside{background:#1e2f36;border-color:#3d5059}
aside .eyebrow{color:#e0aa46}
.eyebrow{color:#976719;letter-spacing:1.2px;font-weight:800}
.step{color:#c0c9ce;border-radius:2px;font-weight:600}
.step span{border-color:#718087;border-radius:0;color:#d6dde0}
.step.active{color:#1e2f36;background:#e0aa46}
.step.active span{color:#1e2f36;background:transparent;border-color:#76521b}
.aside-note{border-color:#546168;color:#c0c9ce}
.aside-note b{color:#e0aa46;font-weight:800;letter-spacing:.5px}
aside .text-button{color:#e0aa46}
.local-note{color:#c0c9ce}
.text-button{background:none;color:#76521b}
h1{font-size:32px;font-weight:830;letter-spacing:-1.1px;line-height:1.18}
h2,h3{font-weight:750;letter-spacing:-.35px}
.card{border-color:#dce1e2;border-radius:6px;box-shadow:0 4px 18px #1e2f3605}
.section-number{background:#1e2f36;color:#e0aa46;border-radius:2px;font-weight:800}
input,select,textarea{color:#1e2f36;border-color:#aab5ba;border-radius:2px}
input::placeholder,textarea::placeholder{color:#68767c}
.required{color:#76521b}
.summary-inner{background:#1e2f36;border:0;border-radius:6px;color:#fff}
.summary-inner .hint,.summary-inner .count small{color:#c0c9ce}
.summary-inner hr{border-color:#546168}
.summary-inner .progress{background:#455961}
.summary-inner .progress div{background:#e0aa46}
.summary-inner .count{color:#e0aa46}
.badge{background:#e8ebec;color:#42565e;border-radius:2px}
.risk-tab{border-radius:2px;color:#526068;border-color:#aab5ba}
.risk-tab.active{background:#1e2f36;color:#e0aa46;border-color:#1e2f36}
.risk-tab.done{box-shadow:inset 0 -3px #8b651f}
.risk-id{color:#976719}
.score-box{background:#f1f1ee;border-left:3px solid #e0aa46;border-radius:2px}
.score-big{color:#1e2f36}
.notice{background:#f4f0e7;border-color:#b9852d;color:#4f4637}
.warning{background:#fff7df;border-color:#bd8910;color:#735214}
.risk-row{border-radius:4px}
.export-card{border-top-color:#e0aa46}
.matrix th{background:#e8ebec}
.help-scale b{color:#976719}
dialog{color:#1e2f36;border-radius:6px}
dialog::backdrop{background:#122129b3}
#toast{background:#1e2f36;border-top:3px solid #e0aa46;border-radius:3px}
@media(max-width:1150px){header .brand{flex:1}}
@media(max-width:720px){header{height:90px;padding:0 14px;gap:10px}.brand{gap:10px;font-size:14px;letter-spacing:-.2px}.brand img{width:72px}.brand-title{padding-left:10px;max-width:115px}header .outline{padding:8px;font-size:13px;max-width:118px}.layout{min-height:calc(100vh - 90px)}aside{border-bottom-color:#546168}h1{font-size:28px;letter-spacing:-.7px}.step{font-size:12px}.summary-inner{padding:20px}}