:root{font:16px/1.5 Inter,Arial,sans-serif;color:#19382d;background:#f5f6f0;color-scheme:light}
*{box-sizing:border-box}body,h1,h2,h3,p{margin:0}[hidden]{display:none!important}
.wide{width:min(100% - 2.5rem,74rem);margin:auto}header{background:#193b34;color:white}
.top,.bar,.pages,nav{display:flex;align-items:center;gap:1rem}.top{min-height:4.2rem}.brand{font-size:1.25rem;font-weight:750;letter-spacing:-.05em}.brand span{color:#c5e59d}
.product{border-left:1px solid #658176;padding-left:1rem;color:#d9e8db}.top .clear{margin-left:auto;color:white;background:transparent;border-color:#76988b}
main{padding-block:2rem 5rem}h1{font-size:clamp(2rem,4.5vw,3.15rem);line-height:1.12;letter-spacing:-.05em}h2{letter-spacing:-.035em;font-size:1.4rem}
.signin{max-width:29rem;margin:clamp(1rem,7vh,5rem) auto 0}.signin h1{margin-bottom:1.4rem}.panel,dialog,.company{border:1px solid #d3dfd2;background:#fffefb;border-radius:1rem}
.panel,dialog{padding:clamp(1rem,3vw,1.6rem)}.form,label{display:grid}.form{gap:1rem}label{gap:.25rem;font-weight:600;font-size:.93rem}
button,input,select,textarea{font:inherit;color:inherit}input:not([type=checkbox]),select,textarea{width:100%;border:1px solid #9eb3a2;border-radius:.5rem;padding:.65rem;background:#fff}
button{min-height:2.75rem;border:1px solid #a8bbab;border-radius:.55rem;background:white;padding:.52rem .95rem;cursor:pointer;font-weight:650}
button:hover{background:#e9f1e4}button.primary{background:#245c41;color:white;border-color:#245c41}button.primary:hover{background:#184b33}
button:focus-visible,input:focus-visible,select:focus-visible,a:focus-visible{outline:3px solid #a86519;outline-offset:2px}
.bar{justify-content:space-between;align-items:flex-start}.bar span,small,#count{color:#4e6756}nav{flex-wrap:wrap;border-bottom:1px solid #c6d4c5;padding-bottom:.7rem;margin-bottom:2rem}
nav button[aria-current=page]{background:#dfedd9;border-color:#85a880}.search{display:flex;align-items:end;gap:.6rem;margin:1.5rem 0}.search label{max-width:28rem;flex:1}
.company{display:grid;grid-template-columns:minmax(10rem,1.8fr) 1fr 1fr 1fr;gap:1rem;align-items:center;padding:1rem 1.2rem;margin-bottom:.65rem}
.company small, .company strong{display:block}.company strong{font-size:1.04rem}.pages{margin-top:1rem}.cols{display:grid;grid-template-columns:1fr 1fr;gap:.8rem}
.check{display:flex;align-items:center;gap:.5rem}.check input{width:1.15rem;height:1.15rem}.hint,#message,#feedback{color:#783a25}
.record{margin-top:1rem;display:grid;gap:.8rem}.record button{justify-self:start}.metric-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(8rem,1fr));gap:.8rem}
.metric-grid small,.metric-grid strong,.entry-row>*{display:block}.entry-row{border-top:1px solid #d7e0d4;padding-top:.65rem}
.company-link{text-align:left;border:0;padding:.2rem 0;background:transparent;color:#1e6246;font-size:1.05rem}.company-link:hover{text-decoration:underline;background:transparent}
#message:empty,#feedback:empty{display:none}#message,#feedback{padding:.65rem 0}dialog{width:min(36rem,calc(100% - 2rem));max-height:88dvh;color:inherit}dialog::backdrop{background:#132b22aa}
dialog .bar{align-items:center;margin-bottom:1rem}.invitation{width:100%;min-height:6rem;overflow-wrap:anywhere}
@media(max-width:700px){.wide{width:calc(100% - 1.7rem)}.company{grid-template-columns:1fr 1fr}.product{font-size:.82rem}.top{gap:.6rem}.bar{gap:.5rem}.cols{grid-template-columns:1fr}}
.service-facts {display:grid;grid-template-columns:minmax(10rem,1fr) minmax(8rem,1fr);gap:.6rem;margin:.8rem 0 0}
.service-facts dt {color:#4d6159}.service-facts dd {margin:0;font-weight:650}
#recovery-state {border-left:.25rem solid #947421;padding:.65rem .9rem;background:#fff1cb;color:#543e16}
@media(max-width:450px){.service-facts{grid-template-columns:1fr;gap:.2rem}.service-facts dd{margin-bottom:.55rem}}
