.development-boards-page{--development-ink:#152338;--development-muted:#66758a;--development-line:#dfe7ec;--development-soft:#f5f9fa;background:#fff;color:var(--development-ink)}.development-boards-page *{box-sizing:border-box}.development-boards-intro,.development-board-detail-hero{padding:48px 0 56px;background:linear-gradient(145deg,#fff,#f5fafb)}.development-boards-breadcrumb{display:flex;flex-wrap:wrap;gap:8px;align-items:center;margin-bottom:34px;color:#7b8797;font-size:13px}.development-boards-breadcrumb a{color:#5e6c7d;text-decoration:none}.development-boards-breadcrumb a:hover,.development-boards-breadcrumb a:focus-visible{color:#078b89}.development-boards-breadcrumb strong{color:#087f7d}.development-boards-eyebrow,.development-board-section-kicker,.development-board-category{margin:0;color:var(--board-accent,#089e9b);font:600 12px "IBM Plex Mono",monospace;letter-spacing:.08em;text-transform:uppercase}.development-boards-intro h1,.development-board-detail-copy h1{max-width:850px;margin:12px 0 18px;font:700 clamp(38px,5vw,64px)/1.06 Sora,Manrope,sans-serif;letter-spacing:-.045em}.development-boards-intro>.pro-container>p:last-child{max-width:760px;margin:0;color:var(--development-muted);font-size:17px;line-height:1.75}.development-boards-catalogue{padding:18px 0 90px}.development-boards-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px}.development-board-card{display:flex;overflow:hidden;flex-direction:column;min-width:0;border:1px solid var(--development-line);border-radius:20px;background:#fff;box-shadow:0 12px 36px rgba(18,38,63,.06)}.development-board-card-media{display:grid;min-height:300px;place-items:center;padding:24px;background:linear-gradient(145deg,color-mix(in srgb,var(--board-accent) 7%,#f9fbfc),#fff)}.development-board-card-media img{display:block;width:100%;height:270px;object-fit:contain;filter:drop-shadow(0 18px 23px rgba(20,40,60,.13))}.development-board-card-body{display:flex;flex:1;align-items:flex-start;flex-direction:column;padding:27px}.development-board-card-body h2{margin:10px 0 14px;font:600 23px/1.25 Sora,Manrope,sans-serif}.development-board-card-body h2 a{color:inherit;text-decoration:none}.development-board-card-body>p:not(.development-board-category){margin:0;color:var(--development-muted);font-size:14px;line-height:1.72}.development-board-price{margin-top:18px;color:var(--development-ink);font:700 20px Sora,Manrope,sans-serif}.development-board-card-actions{display:flex;flex-wrap:wrap;gap:10px;width:100%;margin-top:auto;padding-top:25px}.development-board-link,.development-board-buy{display:inline-flex;align-items:center;justify-content:center;min-height:44px;padding:0 16px;border-radius:9px;font-size:13px;font-weight:700;text-decoration:none}.development-board-link{color:var(--board-accent);border:1px solid color-mix(in srgb,var(--board-accent) 30%,#d8e2e8);background:#fff}.development-board-buy{margin-left:auto;color:#fff;background:var(--board-accent);box-shadow:0 9px 22px color-mix(in srgb,var(--board-accent) 20%,transparent)}.development-board-link:hover,.development-board-link:focus-visible,.development-board-buy:hover,.development-board-buy:focus-visible{transform:translateY(-1px)}.development-board-back{display:inline-flex;margin:-12px 0 26px;color:#526274;font-size:13px;font-weight:700;text-decoration:none}.development-board-detail-grid{display:grid;grid-template-columns:minmax(0,1.1fr) minmax(340px,.9fr);gap:60px;align-items:center}.development-board-gallery{min-width:0;outline:none}.development-board-gallery:focus-visible{border-radius:22px;outline:3px solid color-mix(in srgb,var(--board-accent) 30%,transparent);outline-offset:5px}.development-board-gallery-stage{position:relative;overflow:hidden;min-height:520px;border:1px solid var(--development-line);border-radius:24px;background:#fff;box-shadow:0 24px 60px rgba(18,38,63,.08);touch-action:pan-y}.development-board-gallery-slide{display:flex;width:100%;height:520px;margin:0;align-items:center;justify-content:center;padding:36px}.development-board-gallery-slide[hidden]{display:none}.development-board-gallery-slide img{display:block;width:auto;height:auto;max-width:100%;max-height:100%;object-fit:contain;object-position:center center;filter:drop-shadow(0 19px 22px rgba(17,36,55,.14))}.development-board-gallery-control{position:absolute;top:50%;display:grid;width:44px;height:44px;place-items:center;border:1px solid #d9e4e9;border-radius:50%;color:#234257;background:rgba(255,255,255,.94);box-shadow:0 8px 20px rgba(18,38,63,.1);font-size:28px;cursor:pointer;transform:translateY(-50%)}.development-board-gallery-control.is-prev{left:16px}.development-board-gallery-control.is-next{right:16px}.development-board-gallery-control:hover,.development-board-gallery-control:focus-visible{border-color:var(--board-accent);color:var(--board-accent)}.development-board-gallery-thumbs{display:flex;gap:10px;overflow-x:auto;padding:12px 2px 3px}.development-board-gallery-thumbs button{flex:0 0 86px;overflow:hidden;height:68px;padding:4px;border:1px solid #dbe5ea;border-radius:9px;background:#fff;cursor:pointer}.development-board-gallery-thumbs button[aria-current="true"]{border-color:var(--board-accent);box-shadow:0 0 0 2px color-mix(in srgb,var(--board-accent) 16%,transparent)}.development-board-gallery-thumbs img{width:100%;height:100%;object-fit:contain}.development-board-detail-copy h1{font-size:clamp(36px,4.2vw,58px)}.development-board-detail-description{margin:0;color:var(--development-muted);font-size:16px;line-height:1.8}.development-board-detail-price{display:grid;gap:4px;margin-top:24px;font:700 27px Sora,Manrope,sans-serif}.development-board-detail-price small{color:#7d8896;font:500 11px "IBM Plex Mono",monospace;text-transform:uppercase;letter-spacing:.08em}.development-board-detail-actions{display:flex;margin-top:28px}.development-board-buy-large{min-height:52px;margin-left:0;padding:0 24px;font-size:15px}.development-board-stock-note{margin:13px 0 0;color:#7b8796;font-size:12px}.development-board-section{padding:74px 0;border-top:1px solid #edf1f3}.development-board-section:nth-of-type(even){background:var(--development-soft)}.development-board-section h2{margin:10px 0 28px;font:600 clamp(28px,3.4vw,40px)/1.2 Sora,Manrope,sans-serif}.development-board-use-cases{display:grid;grid-template-columns:1fr;gap:8px;max-width:48rem;margin:0;padding:0;list-style:none}.development-board-use-cases li{position:relative;padding:5px 0;padding-inline-start:25px;color:var(--development-muted);font-size:15px;line-height:1.55}.development-board-use-cases li::before{position:absolute;top:5px;inset-inline-start:0;color:var(--board-accent);font-weight:700;content:"✓"}.development-board-specs{display:grid;grid-template-columns:1fr;gap:0;width:min(100%,48rem);margin:0;overflow:hidden;border:1px solid #d9e0e8;border-radius:14px;background:#fff;box-shadow:0 10px 28px rgba(15,23,42,.06)}.development-board-specs div{display:grid;grid-template-columns:minmax(160px,34%) minmax(0,1fr);align-items:stretch;gap:0;padding:0;border-bottom:1px solid #e2e7ed;background:#fff}.development-board-specs div:nth-child(odd){background:color-mix(in srgb,var(--board-accent) 4%,#fff)}.development-board-specs div:last-child{border-bottom:0}.development-board-specs dt,.development-board-specs dd{min-width:0;padding:13px 16px;font-size:15px;line-height:1.5;text-align:start;white-space:normal;overflow-wrap:anywhere}.development-board-specs dt{border-inline-end:1px solid #e2e7ed;color:#263548;font-weight:650}.development-board-specs dd{margin:0;color:#334155;font-weight:400}.development-board-programming-copy{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}.development-board-programming-copy p{margin:0;padding:19px;border:1px solid var(--development-line);border-radius:12px;background:#fff;color:#526274}.development-board-code-wrap{margin-top:30px}.development-board-code-wrap h3{font:600 18px Sora,Manrope,sans-serif}.development-board-code-wrap pre{overflow:auto;max-height:520px;margin:12px 0 0;padding:24px;border-radius:14px;color:#d9e7ef;background:#0c1722;font:13px/1.65 "IBM Plex Mono",monospace;tab-size:2}.development-board-license p:last-child{width:min(100%,48rem);margin:0;padding:13px 16px;border:1px solid #d9e0e8;border-radius:14px;background:#fff;box-shadow:0 10px 28px rgba(15,23,42,.06);color:#334155;font-size:15px;line-height:1.5;overflow-wrap:anywhere}.development-board-purchase .development-board-gallery-stage{min-height:390px}.development-board-purchase .development-board-gallery-slide{height:390px;padding:28px}.development-board-purchase .development-board-gallery-slide img{max-width:100%;max-height:100%}.development-board-purchase .development-board-gallery-thumbs button{flex-basis:72px;height:58px}.development-board-purchase .purchase-visual{display:block;padding:24px}.development-board-purchase .purchase-visual>span{z-index:2}.development-board-purchase .development-board-gallery{width:100%}.development-board-purchase .development-board-buy-form{display:grid;gap:17px}.development-board-purchase .development-board-buy-form label,.development-board-purchase .development-board-buy-form legend{color:#273244;font-size:13px;font-weight:700}.development-board-purchase .development-board-buy-form select,.development-board-purchase .development-board-buy-form input[type="number"]{width:100%;margin-top:7px;padding:12px 13px;border:1px solid #d9e1e8;border-radius:8px;background:#fff;font:inherit}.development-board-purchase .development-board-buy-form fieldset{margin:0;padding:0;border:0}.development-board-purchase .development-board-variation-options{display:grid;gap:8px;margin-top:9px}.development-board-purchase .development-board-variation-options label{display:flex;gap:9px;align-items:center;padding:11px;border:1px solid #d9e1e8;border-radius:8px}.development-board-purchase .development-board-buy-submit{display:flex;justify-content:center;width:100%;min-height:52px;border:0;border-radius:9px;color:#fff;background:var(--purchase-accent);font:700 15px Manrope,sans-serif;cursor:pointer}.development-board-purchase .development-board-buy-unavailable{padding:16px;border:1px solid #dce6eb;border-radius:10px;color:#586779;background:#f6fafb}.development-board-purchase .development-board-inquiry{padding-top:70px}.development-board-purchase .development-board-inquiry .purchase-content-grid{align-items:start}html.dark .development-boards-page{--development-ink:#e9f0f5;--development-muted:#a7b5c4;--development-line:#263746;--development-soft:#0f1821;background:#0b1118}html.dark .development-boards-intro,html.dark .development-board-detail-hero{background:linear-gradient(145deg,#0b1118,#101b24)}html.dark .development-board-card,html.dark .development-board-gallery-stage,html.dark .development-board-specs,html.dark .development-board-programming-copy p{background:#111c26}html.dark .development-board-specs{border-color:#37414d}html.dark .development-board-specs div{border-color:#37414d;background:#171c22}html.dark .development-board-specs div:nth-child(odd){background:color-mix(in srgb,var(--board-accent) 10%,#171c22)}html.dark .development-board-specs dt{border-color:#37414d;color:#f4f7fb}html.dark .development-board-specs dd{color:#d7dee7}html.dark .development-board-license p:last-child{border-color:#37414d;background:#171c22;color:#d7dee7;box-shadow:0 12px 34px rgba(0,0,0,.22)}html.dark .development-board-card-media{background:linear-gradient(145deg,color-mix(in srgb,var(--board-accent) 11%,#111c26),#111c26)}html.dark .development-board-link,html.dark .development-board-gallery-thumbs button,html.dark .development-board-gallery-control{color:#dce8ef;background:#16232e;border-color:#324452}html.dark .development-boards-breadcrumb a,html.dark .development-board-back{color:#aebdca}html.dark .development-board-purchase .development-board-buy-form label,html.dark .development-board-purchase .development-board-buy-form legend{color:#e8eef3}html.dark .development-board-purchase .development-board-buy-form select,html.dark .development-board-purchase .development-board-buy-form input[type="number"]{color:#e8eef3;background:#111c26;border-color:#344653}html.dark .development-board-purchase .development-board-buy-unavailable{color:#b6c3ce;background:#111c26;border-color:#344653}@media(max-width:1050px){.development-boards-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.development-board-detail-grid{grid-template-columns:1fr;gap:38px}.development-board-gallery-stage{min-height:460px}.development-board-gallery-slide{height:460px}}@media(max-width:720px){.development-boards-intro,.development-board-detail-hero{padding:34px 0 42px}.development-boards-grid{grid-template-columns:1fr}.development-board-card-media{min-height:250px}.development-board-card-media img{height:230px}.development-board-card-body{padding:23px}.development-board-detail-grid{gap:28px}.development-board-gallery-stage{min-height:330px;border-radius:17px}.development-board-gallery-slide{height:330px;padding:24px}.development-board-gallery-slide img{max-width:100%;max-height:100%}.development-board-gallery-control{width:40px;height:40px}.development-board-gallery-control.is-prev{left:10px}.development-board-gallery-control.is-next{right:10px}.development-board-programming-copy{grid-template-columns:1fr}.development-board-specs div{grid-template-columns:minmax(112px,42%) minmax(0,1fr)}.development-board-specs dt,.development-board-specs dd{padding:11px 12px;font-size:13.5px;line-height:1.45}.development-board-section{padding:55px 0}.development-board-purchase .development-board-gallery-stage{min-height:300px}.development-board-purchase .development-board-gallery-slide{height:300px}.development-board-purchase .purchase-visual{padding:14px}.development-board-purchase .development-board-inquiry{padding-top:45px}}@media(max-width:460px){.development-board-card-actions{align-items:stretch;flex-direction:column}.development-board-buy{margin-left:0}.development-board-gallery-stage{min-height:280px}.development-board-gallery-slide{height:280px;padding:18px}.development-board-gallery-slide img{max-width:100%;max-height:100%}.development-board-gallery-thumbs button{flex-basis:70px;height:56px}}

/* Improve product separation in dark mode without changing the catalogue layout. */
html.dark .development-board-card{border-color:#3a4b59;background:#1b2833;box-shadow:0 16px 36px rgba(0,0,0,.25)}
html.dark .development-board-card-media{background:radial-gradient(circle at 50% 45%,rgba(255,255,255,.08),rgba(255,255,255,.018) 70%),#202f3b}

/* Keep every development-board gallery image fully visible inside its stage. */
.development-board-gallery-slide > img {
  width: auto;
  max-width: 100%;
  height: auto;
  max-height: 100%;
  object-fit: contain;
  object-position: center;
}

.development-board-purchase .development-board-gallery-slide > img {
  width: auto;
  max-width: 100%;
  height: auto;
  max-height: 100%;
}