.board-welcome[hidden],.board-guide-controls[hidden] { display:none; }
.board-welcome { display:flex;align-items:center;gap:8px;box-sizing:border-box;width:calc(100% - 24px);max-width:1604px;margin:8px auto;padding:4px 8px 4px 12px;border:1px solid #add6bc;border-radius:12px;background:#f0faf4;color:#087b40; }
.board-welcome a { display:flex;flex:1;align-items:center;gap:10px;min-width:0;min-height:44px;color:inherit;font-size:14px;font-weight:900;text-decoration:none; }
.board-welcome img { width:38px;height:28px;object-fit:contain; }
.board-welcome button { flex:0 0 44px;width:44px;min-height:44px;padding:0;border:0;border-radius:8px;background:transparent;color:inherit;font:28px/1 sans-serif;cursor:pointer; }
.board-welcome svg,.board-guide-carousel svg { display:block;width:24px;height:24px;flex-shrink:0;fill:none;stroke:currentColor;stroke-width:3;stroke-linecap:round;stroke-linejoin:round; }
.board-welcome a svg { width:20px;height:20px; }
.board-guide-carousel { min-width:0;margin:24px 0 12px; }
.board-guide-track { display:flex;gap:16px;overflow-x:auto;overscroll-behavior-x:contain;scroll-snap-type:x mandatory;scroll-padding-inline:6%;padding:8px 6% 12px;scrollbar-width:thin;scrollbar-color:#a8cbb7 transparent; }
.board-guide-slide { flex:0 0 100%;box-sizing:border-box;min-width:0;max-width:100%;overflow:hidden;scroll-snap-align:center;scroll-snap-stop:always;border:1px solid #bad8c6;border-radius:18px;background:linear-gradient(135deg,#fff,#f0faf4);color:#087b40;text-decoration:none;box-shadow:0 4px 12px rgba(13,91,51,.12); }
.board-guide-slide img { display:block;width:100%;height:auto;aspect-ratio:4.6/1;object-fit:cover;object-position:center; }
.board-guide-slide-caption { display:flex;align-items:center;justify-content:space-between;gap:12px;padding:10px 18px;border-top:1px solid #d8e9df;font-size:clamp(14px,1.5vw,20px);font-weight:900;line-height:1.4; }
.board-guide-slide-caption svg { width:28px;height:28px; }
.board-guide-controls { display:flex;align-items:center;justify-content:center;gap:14px;margin-top:2px; }
.board-guide-prev,.board-guide-next { display:grid;place-items:center;width:44px;height:44px;padding:0;border:1px solid #b1d0bd;border-radius:50%;background:#fff;color:#087b40;cursor:pointer; }
.board-guide-prev svg { transform:rotate(180deg); }
.board-guide-dots { display:flex;gap:0; }
.board-guide-dots button { display:grid;place-items:center;width:44px;height:44px;padding:0;border:0;background:transparent;cursor:pointer; }
.board-guide-dots span { display:block;width:9px;height:9px;border-radius:50%;background:#b3c4bb; }
.board-guide-dots [aria-current="true"] span { background:#078b3b;outline:2px solid #078b3b;outline-offset:3px; }
.board-guide-status { position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap; }
.board-guide-carousel a:focus-visible,.board-guide-carousel button:focus-visible,.board-guide-track:focus-visible,.board-welcome a:focus-visible,.board-welcome button:focus-visible { outline:3px solid #f39800;outline-offset:2px; }
@media (hover:hover) { .board-guide-slide:hover { border-color:#078b3b; } .board-welcome button:hover,.board-guide-prev:hover,.board-guide-next:hover { background:#e4f5eb; } }
html[data-theme="dark"] .board-welcome { border-color:#365947;background:#172b20;color:#8ce8b1; }
html[data-theme="dark"] .board-guide-slide { border-color:#355b44;background:linear-gradient(135deg,#1b2921,#102019);color:#8ce8b1;box-shadow:0 4px 12px rgba(0,0,0,.3); }
html[data-theme="dark"] .board-guide-slide-caption { border-color:#35503f; }
html[data-theme="dark"] .board-guide-prev,html[data-theme="dark"] .board-guide-next { border-color:#456c54;background:#182b20;color:#8ce8b1; }
html[data-theme="dark"] .board-guide-dots [aria-current="true"] span { background:#78e7a3;outline-color:#78e7a3; }
@media (min-width:1100px) { .board-guide-track { padding-inline:18%;scroll-padding-inline:18%; } }
@media (max-width:480px) { .board-guide-track { gap:10px; } .board-guide-slide { border-radius:12px; } .board-guide-slide-caption { padding:8px 12px; } .board-guide-controls { gap:8px; } }