:root{font-family:Inter,Arial,sans-serif;color:#152c25;background:#f5f7f6;font-size:16px}*{box-sizing:border-box}body{margin:0}button,input,select,textarea{font:inherit}button{cursor:pointer}a{color:#066747;text-decoration:none}a:hover{text-decoration:underline}.wrap{max-width:1340px;margin:auto;padding:0 24px}.top{background:#fff;border-bottom:1px solid #d9e2dd;position:sticky;top:0;z-index:10}.top__inner{min-height:76px;display:flex;align-items:center;gap:32px}.brand{font-size:22px;font-weight:800;color:#07563e;white-space:nowrap}.top nav{display:flex;align-items:center;gap:28px;margin-left:auto}.top nav a{color:#243b32;font-weight:600}.top nav .active{color:#086b49}.account{border:1px solid #bad0c5;padding:12px 18px;border-radius:10px;font-weight:700;white-space:nowrap}.title-band{background:#10241e;color:#fff;padding:42px 0}.title-band span,.eyebrow{letter-spacing:.12em;font-size:12px;font-weight:800;color:#78dab0}.title-band h1{font-size:clamp(30px,4vw,48px);margin:10px 0}.title-band p{margin:0;color:#c4d7cf}.layout{display:grid;grid-template-columns:245px minmax(0,1fr);gap:32px;padding-top:32px;padding-bottom:72px}.sidebar{background:#fff;border:1px solid #e0e7e3;border-radius:14px;padding:20px;height:max-content;position:sticky;top:108px}.sidebar strong{display:block;margin:4px 8px 18px}.sidebar button{display:block;width:100%;text-align:left;border:0;background:transparent;border-radius:9px;padding:13px;color:#294438}.sidebar button:hover,.sidebar button.selected{background:#e5f3ed;color:#076844;font-weight:700}.sidebar__bottom{border-top:1px solid #dce6df;margin-top:18px;padding:18px 8px 4px}.sidebar__bottom p{color:#5d756a;line-height:1.4;margin:0 0 8px}.toolbar{display:flex;align-items:end;justify-content:space-between;gap:16px}.toolbar h2{font-size:28px;margin:6px 0 0}.primary{background:#086b49;border:1px solid #086b49;color:#fff;border-radius:9px;font-weight:750;padding:13px 19px}.primary:hover{background:#05563a}.filters{display:flex;gap:12px;margin:22px 0}.filters label:first-child{flex:1}.filters input,.filters select,.compose input,.compose select,.compose textarea,.reply-form textarea{background:#fff;border:1px solid #cbdad1;border-radius:9px;padding:13px 15px;width:100%;color:#19392d}.filters select{min-width:180px}.status{color:#597065}.status:empty{display:none}.topics{display:grid;gap:12px}.topic{background:#fff;border:1px solid #dce5df;border-radius:13px;padding:22px;box-shadow:0 4px 16px #102c1c08}.topic--featured{border-left:4px solid #08724e}.topic__meta{display:flex;gap:10px;align-items:center;flex-wrap:wrap;color:#6a7c72;font-size:13px}.tag{background:#e4f3ec;color:#076747;border-radius:6px;padding:5px 9px;font-weight:700}.topic h3{font-size:21px;margin:14px 0 8px}.topic h3 button{background:none;border:0;padding:0;text-align:left;font-weight:750;color:#17382b;font-size:inherit}.topic h3 button:hover{color:#08724e}.topic p{color:#4e665a;line-height:1.5;white-space:pre-line;overflow-wrap:anywhere}.topic__actions{display:flex;gap:14px;flex-wrap:wrap;border-top:1px solid #eef1ef;padding-top:14px}.topic__actions button,.topic__actions a,.form-actions button:not(.primary),.pagination button{border:1px solid #d7e0da;border-radius:7px;background:#fff;padding:9px 12px;color:#27533f;font-weight:650}.topic__actions button:hover,.pagination button:hover{background:#eaf5ee}.detail,.compose{background:#fff;border:1px solid #dce5df;border-radius:14px;padding:28px}.detail h2{font-size:30px}.detail__body{white-space:pre-wrap;line-height:1.6;overflow-wrap:anywhere}.reply{border-top:1px solid #e4e9e6;padding:18px 0}.reply small{color:#6a7c72}.reply p{white-space:pre-wrap;overflow-wrap:anywhere}.reply-form{border-top:1px solid #e4e9e6;padding-top:20px}.reply-form button{margin-top:10px}.compose h2{margin-top:0}.compose label{display:block;font-weight:700;margin:18px 0}.compose label input,.compose label select,.compose label textarea{display:block;margin-top:7px;font-weight:400}.form-actions,.pagination{display:flex;gap:10px;margin-top:20px}.footer{background:#e9efeb;border-top:1px solid #d8e2db;padding:24px 0;color:#587063}.footer .wrap{display:flex;justify-content:space-between;gap:24px}.sr-only{position:absolute;width:1px;height:1px;clip:rect(0,0,0,0);overflow:hidden}@media(max-width:800px){.wrap{padding:0 16px}.top__inner{min-height:64px;gap:12px}.brand{font-size:17px}.top nav{gap:12px;overflow:auto}.top nav a{white-space:nowrap;font-size:13px}.top nav a:nth-child(2),.top nav a:nth-child(4){display:none}.account{padding:9px;font-size:13px}.title-band{padding:30px 0}.layout{display:block;padding-top:16px}.sidebar{position:static;display:flex;overflow-x:auto;padding:10px;gap:6px;margin-bottom:20px}.sidebar strong,.sidebar__bottom{display:none}.sidebar button{white-space:nowrap;width:auto;padding:10px 12px;font-size:13px}.toolbar h2{font-size:22px}.toolbar .primary{padding:11px;font-size:13px}.filters{flex-wrap:wrap}.filters label:first-child{flex-basis:100%}.filters select{width:100%}.topic{padding:17px}.detail,.compose{padding:18px}.footer .wrap{display:block}}

[hidden]{display:none!important}
.top .brand{display:inline-flex;align-items:center;gap:10px;text-decoration:none;min-width:0}
.top .brand img{display:block;width:36px;height:36px;flex:none;filter:drop-shadow(0 4px 7px #064a3826)}
@media(max-width:800px){.top .brand img{width:30px;height:30px}}

@media(max-width:640px){.top nav{display:none}.top__inner .account{margin-left:auto}.sidebar{scrollbar-width:none}.sidebar::-webkit-scrollbar{display:none}}