@font-face{font-family:Nun;src:url('/assets/NotoSans-Regular.ttf')}@font-face{font-family:Serif;src:url('/assets/NotoSerif-Regular.ttf')}
:root{font-family:Nun,system-ui,sans-serif;color:#29352d;background:#f5f3ed;font-size:15px}*{box-sizing:border-box}body{margin:0}header,footer{padding:24px 5vw;display:flex;justify-content:space-between;gap:16px;border-bottom:1px solid #d8dcd1}header a{font-family:Serif,Georgia,serif;font-size:24px;color:inherit;text-decoration:none}header span,footer{color:#687167;font-size:13px}main{max-width:1050px;margin:40px auto;padding:0 22px}h1,h2{font-family:Serif,Georgia,serif;font-weight:400}h1{font-size:38px}section,.card{background:#fffef9;padding:25px;border:1px solid #d8dcd1;border-radius:16px;margin:18px 0}.row{display:flex;gap:12px;flex-wrap:wrap;align-items:center}button,.button{background:#354938;color:white;border:0;border-radius:10px;padding:12px 18px;font:inherit;cursor:pointer}button.secondary{background:#e8ece5;color:#29352d}button.danger{background:#8c3f33}button:disabled{opacity:.5;cursor:not-allowed}input,textarea,select{width:100%;border:1px solid #c9cec5;border-radius:8px;padding:12px;font:inherit;background:#fffef9;color:inherit}textarea{min-height:110px;resize:vertical}label{display:block;margin:16px 0 7px}label input[type=checkbox]{width:auto;margin-right:12px}pre{white-space:pre-wrap;overflow-wrap:anywhere;background:#eeede6;padding:20px;max-height:360px;overflow:auto;font-size:13px}#notice{white-space:pre-wrap;color:#7c382b;margin-bottom:20px}small,.muted{color:#687167}details{margin:18px 0}summary{cursor:pointer;padding:10px 0}a{color:#354938}dialog{border:1px solid #d8dcd1;border-radius:16px;padding:28px;background:#fffef9;max-width:700px;width:calc(100% - 32px)}dialog::backdrop{background:#25322b80}a:focus-visible,button:focus-visible,input:focus-visible,textarea:focus-visible{outline:3px solid #7e63a5;outline-offset:3px}header a:before{content:"";display:inline-block;background:url(/assets/favicon.svg) center/contain no-repeat;width:29px;height:29px;vertical-align:middle;margin-right:12px}@media(max-width:600px){header{flex-direction:column}h1{font-size:29px}main{margin:20px auto;padding:0 14px}section{padding:18px}.row>*{flex-grow:1}button{min-height:46px}}
