*{box-sizing:border-box}body{margin:0;background:#f9f7ee;color:#244b3e;font:16px/1.7 system-ui}header,footer{padding:20px;border-bottom:1px solid #ccd7cb;display:flex;gap:20px;flex-wrap:wrap}footer{font-size:12px}main{max-width:1000px;margin:auto;padding:24px}h1{font-size:30px}a{color:#24563f}button,.button{background:#24563f;color:white;border:0;border-radius:9px;padding:12px 20px;font:inherit;min-height:44px;cursor:pointer}button:disabled{opacity:.5}input,select,textarea{display:block;width:100%;padding:12px;border:1px solid #adbdae;border-radius:8px;font:inherit}input[type=checkbox]{width:auto;display:inline}label{display:block;margin:16px 0}article,.panel{border:1px solid #d4ddcf;border-radius:14px;padding:20px;background:#fffdf7;margin:18px 0;overflow-wrap:anywhere}.row{display:flex;flex-wrap:wrap;gap:10px}small{color:#5e7165}.tag{background:#e5eedc;padding:5px 10px;border-radius:12px}.error{color:#a33}#notice{position:sticky;bottom:0;background:#244b3e;color:white;padding:12px;margin:0;display:none}nav{display:flex;gap:15px;flex-wrap:wrap}pre{white-space:pre-wrap}summary{cursor:pointer}@media(max-width:450px){main{padding:16px}article,.panel{padding:14px}h1{font-size:25px}}
figure{margin:16px 0}.demo-photo{display:block;width:100%;max-height:260px;object-fit:cover;border-radius:12px}figcaption{font-size:12px;color:#68776c}

.application{margin:1rem 0;padding:1rem;border:1px solid #cbd8ce;border-radius:12px}summary{cursor:pointer}dt{font-weight:bold}dd{margin:0 0 .8rem;overflow-wrap:anywhere}p,small{overflow-wrap:anywhere}input,select,textarea{max-width:100%;min-width:0}input[type=checkbox]{width:auto}nav{flex-wrap:wrap}