.board-comparison { margin: 32px 0; padding: clamp(20px,3vw,32px); border-top: 3px solid #08798d; background: #eef6f8; color: #193545; scroll-margin-top: 180px; }
.board-comparison-kicker { color: #08798d; font-size: .8rem; font-weight: 800; letter-spacing: .1em; }
.board-comparison h2 { margin: 8px 0 24px; font-size: clamp(1.45rem,2.8vw,2rem); line-height: 1.4; word-break: keep-all; }
.board-comparison-layout { display: grid; grid-template-columns: minmax(0,.85fr) minmax(0,1.15fr); align-items: start; gap: 28px; }
.board-comparison-image { position: relative; display: block; }
.board-comparison-image img { display: block; width: 100%; height: auto; aspect-ratio: 16/9; object-fit: cover; }
.board-comparison-image > span { position: absolute; right: 8px; bottom: 8px; padding: 6px 10px; background: #102b3be8; color: #fff; font-size: .85rem; }
.board-comparison-layout p { margin-top: 0; line-height: 1.7; word-break: keep-all; }
.board-comparison-points { list-style: none; padding: 0; margin: 18px 0; }
.board-comparison-points li { padding: 12px 0; border-bottom: 1px solid #cbdde2; line-height: 1.7; word-break: keep-all; }
.board-comparison-points strong { display: block; color: #08798d; }
.board-comparison-note { font-size: .85rem; color: #536d78; line-height: 1.6; }
.board-comparison-action { display: inline-flex; padding: 12px 0; color: #b52d28; font-weight: 800; }
.board-comparison a:focus-visible { outline: 3px solid #b52d28; outline-offset: 4px; }
@media(max-width: 800px) { .board-comparison-layout { grid-template-columns: minmax(0,1fr); gap: 20px; } }