/* Community boards follow the compact, soft study-note design. */
.board-page{max-width:1120px;margin:0 auto;color:#486348;--board-line:#dfe7d8;--board-soft:#eef4e9;--board-ink:#426448}
.board-heading{display:flex;align-items:center;justify-content:space-between;gap:18px;padding:18px 21px;margin:0 0 16px;border:1px solid var(--board-line);border-radius:17px;background:linear-gradient(115deg,#fffefa,var(--board-soft))}
.board-title-group{display:flex;align-items:center;gap:12px;min-width:0}.board-title-group>div{min-width:0}
.board-heading-icon{display:grid;place-items:center;flex-shrink:0;width:40px;height:45px;border:1px solid var(--board-line);border-radius:12px;background:#fffefa;color:#7f9870}.board-heading-icon .icon{width:23px;height:23px}
.board-notice .board-heading-icon{background:#fbf9ef;border-color:#e8e4d1;color:#a69566}
#main-content .board-page .board-eyebrow{margin:0;font-size:9px;line-height:1.5;letter-spacing:1.4px;font-weight:700;color:#8a9b7c}
#main-content .board-page h1{margin:3px 0 0;font-size:23px;line-height:1.45;font-weight:750;letter-spacing:-.6px;color:var(--board-ink);overflow-wrap:anywhere}
#main-content .board-page .board-intro{margin:5px 0 0;font-size:12px;line-height:1.65;color:#829075}
.board-heading-actions,.board-page .learning-actions,.board-page .form-action-row{display:flex;align-items:center;gap:8px;flex-wrap:wrap}.board-heading-actions{flex-shrink:0}
#main-content .board-page :is(.button,.site-link-button){display:inline-flex;align-items:center;justify-content:center;gap:6px;min-height:35px;padding:7px 12px;border:1px solid var(--board-line);border-radius:9px;background:#fffefa;color:#526f4c;font-size:11px;font-weight:700;line-height:1.5;text-decoration:none;white-space:nowrap;box-shadow:none}
#main-content .board-page :is(.button,.site-link-button):hover{background:var(--board-soft);border-color:#c2d1b7}
#main-content .board-page .button.primary{background:#315b3e;border-color:#315b3e;color:#fffefa}#main-content .board-page .button.primary:hover{background:#294f35;border-color:#294f35;color:#fffefa}
#main-content .board-page .button.danger{background:#fff5ef;border-color:#e9d3c7;color:#a16d56}#main-content .board-page .button.danger:hover{background:#f9eae1;border-color:#dbb7a6;color:#915b45}
#main-content .board-page :is(a,button,input,textarea):focus-visible{outline:2px solid #8ca67d;outline-offset:2px}
.board-page .learning-back{margin-bottom:14px}
.board-page .board-search{display:flex;align-items:center;gap:9px;margin:0 0 15px;padding:12px 14px;border:1px solid #e0e7d8;border-radius:13px;background:#f7f9f2}
.board-query{display:flex;align-items:center;gap:9px;flex:1;min-width:0;border:1px solid #dbe4d2;border-radius:9px;background:#fffefa;padding:0 10px}.board-query .icon{width:16px;height:16px;color:#9bab8e}
#main-content .board-page .board-query input{width:100%;min-width:0;min-height:35px;padding:7px 0;border:0;border-radius:9px;background:transparent;color:#486640;font:400 12px/1.5 Arial,"Malgun Gothic",sans-serif;outline:0}.board-query:focus-within{outline:2px solid #8ca67d;outline-offset:2px}
.board-result-count{font-size:11px;color:#829075;margin:16px 2px 10px}.board-result-count strong{font-size:13px;color:#526f4c;margin:0 3px}
.board-list{border:1px solid #e1e7d9;border-radius:13px;overflow:hidden;background:#fffefa}.board-list-head,.board-list-row{display:grid;grid-template-columns:minmax(0,1fr) minmax(90px,.2fr) 85px 14px;gap:16px;align-items:center;padding:14px 16px;border-bottom:1px solid #edf0e7}
.board-list-head{background:#f1f5eb;font-size:10px;font-weight:700;color:#8a997e;padding-top:10px;padding-bottom:10px}.board-list-row:last-child{border-bottom:0}.board-list-row:hover{background:#f4f8ef}.board-row-title{display:flex;align-items:baseline;gap:7px;min-width:0}.board-row-title strong{font-size:13px;font-weight:700;color:#466640;line-height:1.65;overflow-wrap:anywhere;min-width:0}.board-list-row .board-row-author,.board-list-row time{font-size:11px;line-height:1.65;color:#8a967f;overflow-wrap:anywhere}.board-row-arrow{font-size:13px;color:#9bad8b}
.board-list-row.board-is-pinned{background:#fcfbf3;box-shadow:inset 3px 0 #c8b987}.board-list-row.board-is-pinned:hover{background:#f7f7eb}
.board-pin{display:inline-block;flex-shrink:0;padding:2px 6px;border:1px solid #e7dfc5;border-radius:6px;background:#f5f0df;color:#a28b54;font-size:9px;font-weight:700;line-height:1.5;vertical-align:middle;letter-spacing:0}
.board-empty{display:flex;align-items:center;flex-direction:column;padding:34px 18px;text-align:center}.board-empty .board-heading-icon{margin-bottom:12px;background:#f4f7ed}.board-empty strong{font-size:13px;font-weight:650;color:#657f59}.board-empty p{font-size:11px;line-height:1.8;color:#8e9d81;margin:8px 0 0}
#main-content .board-page .learning-pagination{align-items:center;gap:14px;margin:20px 0;color:#8a9a7b;font-size:11px}
.board-page .board-post,.board-page .board-replies{margin-top:0;padding:22px;border-radius:16px;border-color:#e1e7d9;background:#fffefa}.board-page .board-replies{margin-top:16px}
.board-post-heading{margin-bottom:12px;align-items:flex-start}.board-post-heading .learning-actions{flex-shrink:0}
.board-post-meta{display:flex;gap:14px;flex-wrap:wrap;margin:0 0 16px;font-size:10px;line-height:1.7;color:#91a086}
.board-page .board-post>.board-body{padding:17px 0 5px;border-top:1px solid #e7ecdf;max-width:90ch;font-size:14px;line-height:1.95;color:#486348}
.board-replies>h2{margin:0 0 5px;font-size:16px;color:#526f4c}.board-replies>h2>span{margin-left:6px;padding:3px 7px;background:#eef4e7;border-radius:8px;font-size:10px;font-weight:600;color:#8a9b79}
.board-page .board-reply{padding:16px 0;border-bottom:1px solid #e8eddf}.board-reply .learning-section-heading{gap:10px}.board-reply-author{display:flex;align-items:center;gap:7px;flex-wrap:wrap;min-width:0}.board-reply-author strong{color:#607a54;font-size:11px;font-weight:700}.board-reply-author time{font-size:10px;color:#99a58d}.board-admin-tag{font-size:9px;padding:2px 6px;border:1px solid #dfe8d4;border-radius:6px;background:#f0f6e9;color:#80956d}
.board-reply .board-body{font-size:13px;line-height:1.85;color:#718468;padding-top:10px}#main-content .board-page .board-reply .button{min-height:30px;padding:5px 9px;font-size:10px}.board-reply-empty{font-size:12px;color:#92a184;line-height:1.8;padding:20px 0}
#main-content .board-page .board-editor{max-width:none;margin:0;border:1px solid #e1e7d9;border-radius:14px;padding:20px;background:#fffefa}
.board-field{margin:0 0 18px}.board-page .board-field>label{font-size:12px;color:#687e5e;margin:0 0 6px}
#main-content .board-page .board-editor :is(input:not([type=checkbox]),textarea){font-size:14px;border-color:#dbe4d2;padding:10px 12px;color:#486348;border-radius:9px;line-height:1.8}.board-page .board-editor textarea{min-height:280px}
.board-page .board-checkbox{display:flex;align-items:center;gap:7px;padding:10px 12px;background:#f8faf4;border-radius:9px}.board-page .board-checkbox>label{display:inline;margin:0;font-size:11px}.board-checkbox input{width:15px;height:15px;margin:0;flex-shrink:0}
.board-page .board-form-actions{border-top:1px solid #e3e9db;padding-top:16px;margin-top:15px}
#main-content .board-page .board-reply-form{max-width:none;margin:18px 0 0;padding:14px;background:#f6f9f0;border:1px solid #e3ebda;border-radius:11px}.board-reply-form p{margin:0 0 11px}.board-page .board-reply-form label{font-size:12px;color:#687e5e;margin-bottom:6px}#main-content .board-page .board-reply-form textarea{padding:9px 11px;font-size:13px;border-color:#dbe4d2;border-radius:9px;line-height:1.8;min-height:100px}
.board-delete-panel{border:1px solid #e1e7d9;border-radius:14px;padding:20px;background:#fffefa}.board-delete-panel>p{font-size:14px;line-height:1.8;color:#6f8064;overflow-wrap:anywhere;margin-bottom:18px}
.board-page .errorlist{color:#a85f49;font-size:12px;line-height:1.8}.board-help{font-size:11px;line-height:1.7;color:#91a086;margin-top:6px}
@media(max-width:760px){
 .board-heading{padding:15px 16px;gap:13px;flex-wrap:wrap}.board-title-group{gap:10px}.board-heading-icon{width:34px;height:39px;border-radius:10px}.board-heading-icon .icon{width:20px;height:20px}
 #main-content .board-page h1{font-size:21px}#main-content .board-page .board-intro{font-size:11px}
 .board-page .board-post,.board-page .board-replies{padding:16px}.board-post-heading{flex-wrap:wrap}.board-post-heading .learning-actions{margin-left:44px}
 .board-list-head{display:none}.board-list-row{grid-template-columns:1fr auto 14px;gap:7px 12px;padding:13px 14px}.board-row-title{grid-column:1/-1}.board-row-title strong{font-size:14px}.board-list-row time{text-align:right}
 .board-page .board-search{padding:11px;gap:7px}#main-content .board-page .board-query input{font-size:16px;min-height:38px}.board-query .icon{width:14px;height:14px}.board-query{padding:0 8px;gap:6px}
}
@media(max-width:480px){
 .board-heading .board-title-group{flex-basis:100%}.board-heading-actions,.board-heading>.button{margin-left:44px}
 #main-content .board-page :is(.button,.site-link-button){min-height:36px;padding:7px 10px}
 .board-page .board-heading-actions{gap:7px}
 #main-content .board-page .board-editor{padding:15px}#main-content .board-page .board-editor :is(input:not([type=checkbox]),textarea),#main-content .board-page .board-reply-form textarea{font-size:16px}
 .board-page .board-editor textarea{min-height:250px}.board-reply .learning-section-heading{align-items:flex-start;flex-wrap:wrap}.board-page .board-reply .learning-actions{margin-left:auto}
}
