:root{font-family:system-ui,-apple-system,sans-serif;color:#23352e;background:#f5f6ef;line-height:1.8}*{box-sizing:border-box}body{margin:0}header,main,footer{max-width:960px;margin:auto;padding:24px}header{display:flex;justify-content:space-between;border-bottom:1px solid #d9dfd5}header a{font-weight:700;color:inherit;text-decoration:none}header span,.note,footer{font-size:13px;color:#5b6b61}main{padding-top:36px}h1{font-size:36px;letter-spacing:-.03em;margin:8px 0}h2{font-size:20px;margin-top:0}.label{color:#4e6c50;font-size:13px;font-weight:700;margin:0}section{background:white;border:1px solid #d9dfd5;border-radius:10px;padding:26px;margin:25px 0}label{display:block;font-weight:600;font-size:14px}textarea{width:100%;min-height:200px;resize:vertical;margin:8px 0 15px;border:1px solid #819987;border-radius:5px;padding:14px;font:14px/1.7 ui-monospace,monospace}.actions{display:flex;gap:10px;flex-wrap:wrap}button{border:1px solid #285341;background:#285341;color:#fff;border-radius:5px;padding:10px 18px;font:inherit;font-size:14px;cursor:pointer}.secondary{color:#285341;background:white}button:focus-visible,a:focus-visible,textarea:focus-visible{outline:3px solid #d18c23;outline-offset:3px}.table-wrap{overflow-x:auto}table{border-collapse:collapse;width:100%;min-width:500px;font-size:13px}th,td{padding:12px 8px;text-align:left;border-bottom:1px solid #e0e5dc;vertical-align:top}th{background:#edf2e8}.error{color:#9e302d}footer{border-top:1px solid #d9dfd5}@media(max-width:600px){header span{display:none}header,main,footer{padding:20px}section{padding:18px}h1{font-size:29px}}