:root{font-family:system-ui,sans-serif;color:#153c32;background:#f4f7f1}*{box-sizing:border-box}body{margin:0}aside{position:fixed;width:235px;height:100vh;background:#103f35;color:white;padding:32px 22px}.brand{font-size:25px;font-weight:800;color:#ffcf69;text-decoration:none}.brand span{display:block;color:white;font-size:18px}nav{display:grid;gap:7px;margin-top:35px}nav a{padding:11px 16px;border-radius:9px;color:#e1f0e5;text-decoration:none}nav a:hover,nav a.active{background:#286050;color:#ffd875}aside p{font-size:12px;line-height:1.8;color:#bfd0c2;margin-top:30px}main{margin-left:235px;padding:26px 42px}header{display:flex;justify-content:space-between;gap:16px}form{display:grid;gap:12px}#search{display:flex;flex:1;max-width:650px}input,select,textarea{font:inherit;padding:12px;border:1px solid #cbd7cb;border-radius:9px;background:white;min-width:0}#query{flex:1}button,.button{background:#175442;color:white;border:0;border-radius:8px;padding:11px 16px;cursor:pointer;font:inherit;text-decoration:none;display:inline-block}button:hover{background:#28745a}.hero{padding:44px;border-radius:22px;margin:30px 0;background:#e5edcb;border:1px solid #d5dfb3}.hero h1{font-size:clamp(30px,4vw,52px);letter-spacing:-2px;line-height:1.05;margin:16px 0}.hero small{letter-spacing:3px;color:#5e6929}.hero p{color:#526447}#content{display:grid;grid-template-columns:repeat(auto-fill,minmax(230px,1fr));gap:18px}article{background:white;border:1px solid #e0e7dc;border-radius:16px;padding:22px}article h3{margin:14px 0 5px}.icon{width:56px;height:56px;border-radius:15px;background:#edbe5a;display:grid;place-items:center;font-size:26px;font-weight:bold}article p{color:#63756b;font-size:14px}.row{display:flex;flex-wrap:wrap;gap:8px;margin:14px 0}#tools{margin:16px 0}dialog{border:0;border-radius:18px;padding:25px;max-width:760px;width:92%;max-height:90vh}dialog::backdrop{background:#09291dcc}#close{float:right}#detail{clear:both;padding-top:12px}#notice{position:fixed;bottom:20px;right:20px;background:#173e32;color:white;border-radius:10px;padding:15px;display:none;max-width:90vw}footer{padding:35px 0;color:#63756b;font-size:13px}label{display:grid;gap:6px}pre{white-space:pre-wrap;overflow-wrap:anywhere}a{color:#175442}.empty{grid-column:1/-1;padding:32px;background:white;border-radius:12px}.muted{color:#6b776f}textarea{min-height:100px}@media(max-width:750px){aside{position:static;width:auto;height:auto;padding:20px}nav{display:flex;overflow:auto;margin-top:16px}nav a{white-space:nowrap}aside p{display:none}main{margin:0;padding:20px}header{flex-wrap:wrap}.hero{padding:25px}#search{width:100%}}

.brand img{display:block;width:100%;height:auto;border-radius:12px;background:#000}.hero{display:flow-root}.hero-logo{float:right;width:min(38%,290px);height:auto;margin:0 0 20px 28px;border-radius:16px;background:#000}@media(max-width:750px){.brand img{width:155px}.hero-logo{float:none;width:min(100%,260px);display:block;margin:0 auto 24px}.hero h1{letter-spacing:-1px}}