.board-layout {
  display:grid;
  grid-template-columns:minmax(0,1.35fr) minmax(295px,.85fr);
  grid-template-areas:"promo promo" "feed form" "foot foot";
  align-items:start;
  gap:16px 18px;
}
.board-ad {
  grid-area:promo;
  position:relative;
  isolation:isolate;
  overflow:hidden;
  min-height:100px;
  border:1px solid #847444;
  border-radius:5px;
  background:linear-gradient(90deg,#16261cf9 10%,#213622da 47%,#32402660 79%,#202e2085),url("assets/combat/maple-yard.webp") center 60% / cover;
}
.board-ad-copy {position:relative;z-index:1;max-width:74%;padding:18px 26px 20px}
.board-ad-label {display:inline-block;padding:1px 6px;color:#e2d8ad;border:1px solid #a69c6e9e;border-radius:2px;font-size:10px;letter-spacing:.12em}
.board-ad h2 {font-size:clamp(26px,3.2vw,40px);line-height:1.3;color:#fae3a9;margin:3px 0}
.board-ad p {font-size:14px;color:#ece5cf}
.board-ad-actions {display:flex;gap:15px;margin-top:9px}
.board-ad-actions[hidden] {display:none}
.board-ad-link {color:#ffe4ac;border:0;border-bottom:1px solid #d5b974;background:none;padding:2px 0;font-weight:600;font-size:13px}
.board-ad-link:hover {color:#fff3d9}
.board-composer {grid-area:form}
.board-composer form {display:grid;gap:12px}
.board-composer .field small {font-size:11px;margin-left:3px;color:var(--muted)}
.board-composer textarea {resize:vertical;min-height:91px}
.board-submit-row {display:flex;align-items:center;gap:7px;flex-wrap:wrap}
.board-submit-row span,.board-submit-row small {font-size:12px;color:var(--muted)}
.board-submit-row small {margin-left:auto;font-variant-numeric:tabular-nums;white-space:nowrap}
.board-submit-row button {min-height:39px;padding:7px 13px;white-space:nowrap}
.board-feedback,.board-list-status {color:#c4d5b5;font-size:13px;line-height:1.55}
.board-feedback {border-left:2px solid #b6bd86;padding:5px 9px;background:#192b21}
.board-feedback.board-error,.board-error {color:#f0bd9e}
.board-feed {grid-area:feed;min-width:0}
.board-list {list-style:none;padding:0;margin:0}
.board-message {padding:13px 0;border-top:1px solid #42513d}
.board-message:first-child {border-top:0;padding-top:0}
.board-message:last-child {padding-bottom:0}
.board-message-meta {display:flex;align-items:center;gap:8px;min-width:0}
.board-message-meta strong {font-size:14px;color:#e4d8b4;overflow-wrap:anywhere}
.board-message-meta time {margin-left:auto;color:var(--muted);font-size:12px;flex:none;font-variant-numeric:tabular-nums}
.board-initial {width:29px;height:29px;flex:none;display:grid;place-items:center;border:1px solid #746c4b;border-radius:3px;background:#293b2b;font:600 15px var(--serif);color:#ead197}
.board-message p {margin:7px 0 0 37px;color:#e9ead8;white-space:pre-wrap;overflow-wrap:anywhere;unicode-bidi:plaintext;font-size:14px}
.board-list-status:not(:empty) {padding:9px 0}
.board-more {width:100%;min-height:36px;margin-top:12px}
.board-footer {grid-area:foot;text-align:right}
.board-footer a {padding:5px 0;color:var(--muted);font-size:12px}
@media(max-width:780px){
  .board-layout {grid-template-columns:minmax(0,1fr);grid-template-areas:"promo" "form" "feed" "foot";gap:12px}
  .board-ad {min-height:116px}
  .board-ad-copy {padding:12px 15px 14px;max-width:73%}
  .board-ad h2 {font-size:27px}
  .board-ad p {font-size:13px}
}
@media(max-width:380px){
  .board-submit-row{gap:5px}
  .board-submit-row button{padding-inline:8px}
  .board-message-meta{flex-wrap:wrap;gap:4px 6px}
  .board-message-meta time{font-size:10px}
  .board-message p{margin-left:0}
}