/* V28. Final UI details only: no scene anchors, media, palette or flight changes. */
#board{overscroll-behavior:contain;scrollbar-gutter:stable;scroll-padding-block:110px 24px}
#board ::selection{background:#bca67a66;color:#fff0d3}
#board :is(h2,h3,h4,p,dd,.notice-box,.account-stat){overflow-wrap:break-word}
#board :is(.split,.form-grid,.comparison-grid,.proposal-layout)>*{min-width:0}
#board :is(input,textarea,select){max-width:100%;accent-color:#c5ae7f}
#board :is(input,textarea){caret-color:#e4cf9e}
#board :is(input,textarea,select):user-invalid{border-color:#c18b7b}
#board summary{cursor:pointer;list-style-position:outside;margin-left:15px}
#board summary::marker{color:#bba576;font-size:.8em}
#board summary:focus-visible{outline-offset:3px}
#board .board-top :is(#close-board,#panel-back):focus-visible{outline:2px solid #302719;outline-offset:1px;background:#30271914}
#board .board-top #close-board:hover{color:#080c09;background:#30271915;border-radius:2px}
#board .quantity{font-variant-numeric:tabular-nums}
#board .quantity button{min-width:44px;min-height:44px}
#board .cart-total strong{font-variant-numeric:tabular-nums;overflow-wrap:anywhere}
#board .field small{display:block;margin-top:7px}
#board .council-stages strong{line-height:1.4}
.footer-links button{min-height:44px;padding:8px 4px;font-size:11px;transition:color .16s}
.footer-links button:hover{color:#efe0bb}
.section-arrows button{min-width:44px;min-height:44px}
.section-arrows button:disabled{opacity:.25;cursor:default}
footer{padding-bottom:max(12px,env(safe-area-inset-bottom))}
@media(max-width:700px){
 #board{scroll-padding-top:88px;max-height:min(84dvh,calc(100dvh - 24px - env(safe-area-inset-top) - env(safe-area-inset-bottom)))}
 #board .board-top{min-height:72px;padding-top:12px;padding-bottom:12px;margin-bottom:16px}
 #board[data-view="council"] .board-top{min-height:68px;margin-bottom:12px}
 #board[data-view="about"] .portal-tabs,#board[data-view="council"] .portal-tabs{display:grid;grid-template-columns:repeat(3,minmax(0,1fr))}
 #board[data-view="news"] .portal-tabs{display:grid;grid-template-columns:repeat(2,minmax(0,1fr))}
 #board .portal-tabs button{min-width:0;padding:10px 6px;font-size:12px;line-height:1.45}
 #board .council-v23>h2{font-size:28px;line-height:1.18}
 #board .council-v23>.lead{margin-bottom:10px}
 #board .council-cycle{margin-top:10px;padding:8px 0}
 #board .council-stages button{padding:8px 5px}
 #board .council-stages b{font-size:16px;margin-bottom:4px}
 #board .council-personal{gap:5px 12px;padding:10px 0}
 #board .council-demo{margin-bottom:14px}
 #board .currency-actions{gap:8px 16px}
 #board .cart-row{grid-template-columns:minmax(0,1fr) auto;gap:10px}
 #board .quantity{gap:8px}
 .footer-links{gap:12px}
 .footer-links button{min-height:44px;font-size:11px}
 .section-arrows button{min-width:44px;min-height:44px}
}
@media(max-width:380px){
 header{gap:10px}
 .brand>.sector-logo-image{width:100px}
 .header-tools{gap:8px}
 .header-tools button{gap:4px}
 .ref-cart{width:68px}
 .ref-profile{width:75px}
 #board .board-shell{padding-left:17px;padding-right:17px}
 #board .board-top{padding-left:20px;padding-right:14px}
 #board .portal-tabs button{font-size:11px;padding-inline:4px}
 #board .cart-row{grid-template-columns:1fr}
 #board .quantity{justify-self:start}
 #board .shop-v21 .category-nav button{padding-inline:8px;font-size:12px}
}
@media(max-height:540px){
 #board{max-height:calc(100dvh - 24px)}
 #board .board-top{min-height:64px;padding-block:10px}
}
@media(prefers-reduced-motion:reduce){#board[open]{animation:none!important}.footer-links button{transition:none}}
.reduced #board[open]{animation:none!important}