:root{font-family:Arial,sans-serif;color:#17231f;background:#f5f7f4}*{box-sizing:border-box}main{max-width:1200px;margin:40px auto;padding:24px}header,form,.row{display:flex;gap:16px;align-items:center;flex-wrap:wrap}header{justify-content:space-between}h1{font-size:32px}h2{margin-top:0}label{display:grid;gap:8px;font-size:14px}input,select,button{font:inherit;padding:12px;border:1px solid #cbd6ce;border-radius:8px}button{cursor:pointer;background:#172f28;color:white}button:disabled{opacity:.5;cursor:default}a{color:#24644c}article{background:white;border:1px solid #d9e1dc;border-radius:14px;padding:24px;margin:24px 0}p,small{line-height:1.6;color:#576b60}.metrics{display:flex;flex-wrap:wrap;gap:16px;margin:20px 0}.metric{padding:12px;background:#eef5ec;min-width:140px}.metric strong{display:block;font-size:24px}table{width:100%;border-collapse:collapse;margin:20px 0}td,th{text-align:left;padding:12px;border-bottom:1px solid #e0e6e1;overflow-wrap:anywhere}.scroll{overflow-x:auto}fieldset{border:1px solid #d9e1dc;padding:12px}fieldset label{display:inline-flex;gap:8px;margin:8px}#notice{color:#974526;white-space:pre-line}[hidden]{display:none!important}@media(max-width:600px){main{padding:16px;margin:0}form{align-items:stretch;flex-direction:column}article{padding:16px}h1{font-size:26px}}

.metrics{display:grid;grid-template-columns:repeat(auto-fit,minmax(140px,1fr))}.metric{min-width:0}.scroll th{white-space:nowrap}.scroll td:nth-child(1){min-width:160px}.scroll td:nth-child(2){min-width:110px}.scroll td:nth-child(3){min-width:170px}article>form>h3{flex-basis:100%;margin:8px 0}.scroll fieldset label{white-space:nowrap}@media(max-width:600px){.scroll{overflow:visible}.scroll table,.scroll tr,.scroll td{display:block;width:100%;min-width:0!important}.scroll tr:first-child{display:none}.scroll tr{padding:16px 0;border-bottom:1px solid #d9e1dc}.scroll td{border:0;padding:8px 0;overflow-wrap:anywhere}.scroll td::before{content:attr(data-label);display:block;font-size:12px;font-weight:700;color:#576b60;margin-bottom:8px}.scroll form{width:100%}.scroll fieldset{min-width:0}.scroll fieldset label{white-space:normal}.metric strong{font-size:20px}}
