/* Board list / detail — desktop first, px */

.board-page {padding: 60px 0 80px;}
.board-page-inner {max-width: 860px;}
.board-page-header {margin-bottom: 60px;}
.board-page-title {margin: 0;font-size: 40px;font-weight: 500;line-height: 1.4;font-family: var(--font-point);text-align: center;text-transform: capitalize;}
.board-empty {margin: 0;padding: 48px 0;font-size: 15px;color: var(--color-neutral-4);text-align: center;}
.board-list {margin: 0;padding: 0;list-style: none;border-top: 1px solid #e5e7eb;}
.board-list-item {border-bottom: 1px solid #e5e7eb;}
.board-list-link {display: flex;align-items: baseline;justify-content: space-between;gap: 24px;padding: 18px 4px;transition: background-color 0.15s ease;}
.board-list-link:hover .board-list-title {text-decoration: underline;}
.board-list-title {flex: 1;min-width: 0;font-size: 16px;font-weight: 500;line-height: 1.5;color: #111827;}
.board-pin-badge {display: inline-block;margin-right: 8px;padding: 2px 8px;border: 1px solid #d1d5db;border-radius: 2px;font-size: 12px;font-weight: 600;line-height: 1.4;color: #374151;vertical-align: middle;}
.board-list-item.is-pinned .board-list-title {font-weight: 600;}
.board-list-date {flex-shrink: 0;font-size: 14px;color: var(--color-neutral-4);}
.board-breadcrumb {margin-bottom: 24px;font-size: 14px;color: var(--color-neutral-4);text-align: center;display: none;}
.board-breadcrumb a:hover {color: #111827;text-decoration: underline;}
.board-article-header {margin-bottom: 32px;padding-bottom: 24px;border-bottom: 1px solid #e5e7eb;text-align: center;}
.board-article-title {margin-bottom: 12px;font-size: 28px;font-weight: 500;line-height: 1.4;font-family: var(--font-point);}
.board-article-date {display: block;font-size: 14px;color: var(--color-neutral-4);}

.board-article-body {font-size: 16px;line-height: 1.75;color: #374151;word-break: break-word;}
.board-article-body img {display: block;max-width: 100%;height: auto;margin: 0 auto;}
.board-article-body table {width: 100%;max-width: 100%;border-collapse: collapse;margin: 16px 0;}
.board-article-body th,
.board-article-body td {border: 1px solid #d1d5db;padding: 8px 12px;text-align: left;vertical-align: top;}
.board-article-body th {background: #f9fafb;font-weight: 600;color: #111827;}
.board-article-body h1,
.board-article-body h2,
.board-article-body h3,
.board-article-body h4,
.board-article-body h5,
.board-article-body h6 {margin: 28px 0 12px;font-weight: 700;color: #111827;}
.board-article-body ul,
.board-article-body ol {margin: 0 0 16px;padding-left: 20px;list-style: revert;}
.board-article-body a {text-decoration: underline;}
.board-attachments {margin-top: 40px;padding-top: 24px;border-top: 1px solid #e5e7eb;}
.board-attachments-title {margin: 0 0 12px;font-size: 15px;font-weight: 700;color: #111827;}
.board-attachments-list {margin: 0;padding: 0;list-style: none;}
.board-attachments-list li {margin: 0 0 8px;}
.board-attachment-link {font-size: 15px;color: #111827;text-decoration: underline;word-break: break-all;}
.board-article-actions {margin-top: 40px;padding-top: 24px;}
/* .board-back-link {font-size: 14px;font-weight: 500;text-decoration: underline;text-underline-offset: 3px;} */
.board-back-link {display: flex;align-items: center;justify-content: space-between;width: 100%;max-width: 135px;padding-bottom: 10px;border-bottom: 1px solid var(--color-neutral-3);font-size: 16px;font-weight: 500;line-height: 1.4;font-family: var(--font-point);transition: border-color 0.3s ease, color 0.3s ease;}
.board-back-link:hover {border-bottom-color: var(--color-neutral-9);}

@media all and (max-width:1440px) {
    .board-back-link{font-size: 14px;}
}

@media (max-width: 1023px) {
    .board-page {padding: 45px 0 60px;}
    .board-page-header{margin-bottom: 45px;}
    .board-page-title {font-size: 28px;}
    .board-article-title {font-size: 22px;margin-bottom: 7px;}
    .board-article-date{font-size: 12px;}
}

@media (max-width: 767px) {
    .board-page {padding: 35px 0 55px;}
    .board-page-header{margin-bottom: 35px;}
    .board-page-title {font-size: 24px;}
    .board-list-link {flex-direction: column;align-items: flex-start;gap: 8px;padding: 16px 0;}
    .board-article-body {font-size: 15px;}
    .board-back-link{font-size: 13px;padding-bottom: 7px;}
}