.ksse-board-preview {
    padding:38px 28px 42px;
    background:transparent;
}
.ksse-board-preview-panel {
    max-width:1360px;
    margin:0 auto;
    padding:32px;
    border:1px solid #e8ebf0;
    border-radius:16px;
    background:#fff;
    box-shadow:0 6px 18px rgba(20,35,60,.035);
}
.ksse-board-top {
    display:grid;
    grid-template-columns:minmax(0, 1fr) minmax(360px, .95fr);
    gap:34px;
    padding-bottom:28px;
    border-bottom:1px solid #e8ebf0;
}
.ksse-board-bottom {
    display:grid;
    grid-template-columns:1fr 1fr;
    gap:34px;
    padding-top:28px;
}
.ksse-board-bottom .ksse-board-block + .ksse-board-block {
    border-left:1px solid #e8ebf0;
    padding-left:34px;
}
.ksse-board-title {
    display:flex;
    align-items:center;
    justify-content:space-between;
    gap:16px;
    margin-bottom:20px;
}
.ksse-board-title h2 {
    margin:0;
    color:#08284d;
    font-size:28px;
    line-height:1.2;
    font-weight:950;
    letter-spacing:0;
}
.ksse-board-title a {
    flex:0 0 auto;
    color:#667085;
    font-size:14px;
    font-weight:850;
    text-decoration:none;
}
.ksse-board-title a:hover {
    color:#1f5eff;
}
.ksse-board-block ul {
    display:grid;
    gap:15px;
    margin:0;
    padding:0;
    list-style:none;
}
.ksse-board-block li a {
    min-width:0;
    display:grid;
    grid-template-columns:minmax(0, 1fr) auto;
    align-items:center;
    gap:18px;
    color:#1f2937;
    font-size:16px;
    line-height:1.35;
    font-weight:650;
    text-decoration:none;
}
.ksse-board-block li a:hover span {
    color:#1f5eff;
}
.ksse-board-block li span {
    overflow:hidden;
    white-space:nowrap;
    text-overflow:ellipsis;
}
.ksse-board-block li time {
    color:#8a93a3;
    font-size:14px;
    font-weight:700;
}
.ksse-board-banner {
    min-height:248px;
    display:flex;
    flex-direction:column;
    justify-content:center;
    align-items:flex-start;
    gap:14px;
    padding:32px 36px;
    border:1px solid #d7eff3;
    border-radius:16px;
    color:#083344;
    background:
        linear-gradient(135deg, rgba(255,255,255,.52), rgba(255,255,255,.08)),
        linear-gradient(135deg, #d8f5f7 0%, #76dce6 54%, #f8b25d 100%);
    text-decoration:none;
    overflow:hidden;
    position:relative;
}
.ksse-board-banner::after {
    content:"";
    position:absolute;
    right:-34px;
    bottom:-34px;
    width:190px;
    height:190px;
    border-radius:999px;
    background:rgba(255,255,255,.34);
}
.ksse-board-banner strong,
.ksse-board-banner span,
.ksse-board-banner em {
    position:relative;
    z-index:1;
}
.ksse-board-banner strong {
    display:block;
    max-width:430px;
    color:#083344;
    font-size:34px;
    line-height:1.18;
    font-weight:950;
    letter-spacing:0;
}
.ksse-board-banner span {
    display:inline-flex;
    padding:9px 14px;
    border-radius:999px;
    background:#ff7a00;
    color:#fff;
    font-size:19px;
    font-weight:950;
}
.ksse-board-banner em {
    display:inline-flex;
    align-items:center;
    gap:8px;
    margin-top:8px;
    color:#0f172a;
    font-size:18px;
    font-weight:950;
    font-style:normal;
}

@media (max-width:980px) {
    .ksse-board-top,
    .ksse-board-bottom {
        grid-template-columns:1fr;
    }
    .ksse-board-bottom .ksse-board-block + .ksse-board-block {
        border-left:0;
        border-top:1px solid #e5e7eb;
        padding-left:0;
        padding-top:28px;
    }
}

@media (max-width:640px) {
    .ksse-board-preview {
        padding:32px 16px 32px;
    }
    .ksse-board-preview-panel {
        padding:22px;
        border-radius:12px;
    }
    .ksse-board-title h2 {
        font-size:24px;
    }
    .ksse-board-block li a {
        grid-template-columns:1fr;
        gap:4px;
        font-size:15px;
    }
    .ksse-board-block li time {
        font-size:12px;
    }
    .ksse-board-banner {
        min-height:210px;
        padding:26px;
    }
    .ksse-board-banner strong {
        font-size:27px;
    }
    .ksse-board-banner span {
        font-size:15px;
    }
}