/* Landing page: Special Boards showcase */
.sp{background:linear-gradient(#fff,#F5F7FB)}
.sp-top{display:flex;justify-content:space-between;align-items:flex-end;gap:32px;flex-wrap:wrap}
.sp-top h2{max-width:16em}
.sp-facts{display:flex;gap:10px;list-style:none;margin:0;padding:0}
.sp-facts li{background:var(--ink);color:#fff;border-radius:16px;padding:16px 20px;min-width:118px;display:flex;flex-direction:column;gap:2px}
.sp-facts b{font:700 30px/1 var(--display,inherit);letter-spacing:-.02em}
.sp-facts span{font-size:13px;color:rgba(255,255,255,.7)}
.sp-tabs{display:flex;gap:8px;flex-wrap:wrap;margin:36px 0 18px}
.sp-tabs button{display:flex;align-items:center;gap:9px;border:1px solid var(--line-2);background:#fff;color:var(--ink);font:600 15px var(--font);padding:11px 20px;border-radius:999px;cursor:pointer;transition:background .15s,border-color .15s,color .15s}
.sp-tabs button i{width:11px;height:11px;border-radius:50%;background:var(--c)}
.sp-tabs button:hover{border-color:var(--c)}
.sp-tabs button[aria-selected=true]{background:var(--ink);border-color:var(--ink);color:#fff}
.sp-tabs button:focus-visible{outline:3px solid var(--c);outline-offset:2px}
.sp-pane{display:none}.sp-pane.on{display:block}
.sp-note{color:var(--muted);font-size:15.5px;margin:0 0 16px;border-left:4px solid var(--c);padding-left:12px}
.sp-note b{color:var(--ink)}
.sp-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:14px}
.sp-grid figure{margin:0;background:#fff;border:1px solid var(--line);border-radius:16px;overflow:hidden;display:flex;flex-direction:column;box-shadow:0 1px 2px rgba(14,26,51,.04)}
.sp-grid figure.f{grid-column:span 2;grid-row:span 2}
.sp-grid img{display:block;width:100%;height:auto;aspect-ratio:800/384;object-fit:cover}
.sp-grid figcaption{margin-top:auto}
.sp-grid figcaption{padding:11px 16px;font-weight:600;font-size:14.5px;border-top:3px solid var(--c)}
.sp-grid figure.f figcaption{font-size:16px;padding:14px 18px}
.sp-how{display:grid;grid-template-columns:repeat(4,1fr);gap:28px;margin:44px 0 8px;padding-top:30px;border-top:1px solid var(--line-2)}
.sp-how h3{font-size:16px;margin-bottom:4px}.sp-how p{color:var(--muted);font-size:14.5px;margin:0}
.sp .cta{display:flex;gap:12px;flex-wrap:wrap;margin-top:28px}
@media(max-width:860px){
  .sp-grid{grid-template-columns:repeat(2,1fr)}.sp-grid figure.f{grid-column:span 2;grid-row:auto}
  .sp-how{grid-template-columns:1fr 1fr;gap:20px}
  .sp-facts li{min-width:0;flex:1}.sp-facts{width:100%}
  .sp-tabs{flex-wrap:nowrap;overflow-x:auto;margin-right:-18px;scrollbar-width:none}.sp-tabs button{flex:none}
}
@media(max-width:520px){.sp-grid{grid-template-columns:1fr}.sp-grid figure.f{grid-column:auto}.sp-how{grid-template-columns:1fr}}