.smallnote{font-size:13px;line-height:1.6}
.bloghead{display:flex;gap:18px;justify-content:space-between;align-items:flex-start}
.blogtools{display:flex;gap:10px;flex-wrap:wrap;margin:20px 0}
.blogtools button,.editor button{font:inherit;cursor:pointer;border:1px solid #718677;border-radius:7px;padding:10px 15px;background:#fff;color:#253c2d}
button:disabled{opacity:.5;cursor:default}
.bloggrid{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:22px}
.blogcard,.articlepaper,.editor{background:#e2eadb;border:1px solid #afbea8;border-radius:13px;padding:28px;color:#24382b}
.blogcard h3{font:700 22px Orbitron,Arial,sans-serif;line-height:1.5;overflow-wrap:anywhere}
.blogcard p{line-height:1.7}
.blogcard a,.articlepaper a,.contactform a{color:#873220}
.blogcard .date,.articlepaper .date{font-size:13px;color:#516c59}
.articlepaper{max-width:850px;margin:0 auto}
.articlepaper h1{font:700 clamp(25px,4vw,42px) Orbitron,Arial,sans-serif;line-height:1.3;overflow-wrap:anywhere}
.articlebody{font:17px/1.85 Arial,sans-serif;overflow-wrap:anywhere}
.articlebody h2{font-size:27px;margin-top:30px}.articlebody h3{font-size:22px;margin-top:24px}.articlebody p{white-space:pre-wrap}
.editor label{display:block;font-weight:700;margin:16px 0 7px}
.editor input,.editor textarea{font:inherit;width:100%;background:#fff;border:1px solid #859980;border-radius:6px;padding:12px;color:#182b20;box-sizing:border-box}
.editor textarea{line-height:1.7;resize:vertical}.editor{margin:24px 0}
.editor button[type=submit]{background:#cc4933;color:#fff;border-color:#cc4933}
.feedback{min-height:24px;line-height:1.6;overflow-wrap:anywhere}[hidden]{display:none!important}
.navlinks a[aria-current=page]{color:#f48e6d}.emptyblog{padding:35px 0;color:#bdcbbd}
.notice{border-left:3px solid #ca5139;padding-left:12px}.articlepaper .backlink{display:inline-block;margin-bottom:24px}
.contactform{max-width:760px;margin:0 auto}.contactgrid{display:grid;grid-template-columns:1fr 1fr;gap:22px}
.contacttrap{position:absolute;left:-10000px;width:1px;height:1px;overflow:hidden}.foot{flex-wrap:wrap;gap:18px}.foot span{font-size:13px}
@media(max-width:600px){.bloghead{display:block}.blogcard,.articlepaper,.editor{padding:20px}.bloggrid,.contactgrid{grid-template-columns:1fr}.contactgrid{gap:0}.nav{gap:12px;flex-wrap:wrap}.navlinks{display:flex!important;order:3;width:100%;justify-content:center;gap:18px}.navright{margin-left:auto}.bloghead h2{font-size:30px}}

#agreementDialog{width:min(560px,calc(100% - 32px));border:1px solid #52665f;border-radius:14px;padding:28px;background:#16251e;color:#f3faef;max-height:90vh;overflow:auto}
#agreementDialog::backdrop{background:#000b}#agreementDialog h2{font-size:22px;line-height:1.4;margin-top:0}#agreementDialog a{text-decoration:underline;color:#f48e6d}
.agreementcheck{display:flex;align-items:flex-start;gap:12px;margin:24px 0;font-size:15px;font-weight:400}.agreementcheck input{width:20px;height:20px;flex:none;margin-top:2px;accent-color:#cc5b19}
#agreementDialog .secondary{background:transparent}

.outputhelp{color:#53695a;font-size:13px;line-height:1.6;margin:8px 0 0}
.outputrow .fields>div{min-width:0}.outputrow select{min-width:0;max-width:100%}
#documentDialog{width:min(760px,calc(100% - 32px));max-height:85vh;overflow:auto;background:#16251e;color:#f3faef;border:1px solid #52665f;border-radius:14px;padding:24px}
#documentDialog::backdrop{background:#000b}.documenthead{display:flex;gap:18px;align-items:flex-start;justify-content:space-between}.documenthead h2{font-size:22px;line-height:1.4;margin:0}.documenthead button{background:transparent;flex:none;padding:10px 14px}.documentbody{font-size:16px;line-height:1.8;overflow-wrap:anywhere}.documentbody h2{font-size:20px}.documentbody .notice{color:#bdcdcb}
@media(max-width:520px){.documenthead h2{font-size:18px}#documentDialog{padding:20px}}