/* BAOI 0.5.5.48-alpha.11 — common design for four resource families. */
:root{--baoi-resource-surface:#0c1c2d;--baoi-resource-raised:#11283d;--baoi-resource-border:#33546b;--baoi-resource-accent:#82e6db;--baoi-resource-ink:#f2f9ff;--baoi-resource-muted:#c2deef;--baoi-resource-radius:16px}
main[data-baoi-resource-contract] :is(h1,h2,h3){overflow-wrap:anywhere;text-wrap:pretty}
main[data-baoi-resource-contract] :is(a,button,input,select,textarea):focus-visible,body[data-baoi-resource-family="tool"] main :is(a,button,input,select,textarea):focus-visible{outline:3px solid var(--baoi-resource-accent);outline-offset:3px}
main[data-baoi-resource-family="definition"] .page-grid,main[data-baoi-resource-family="error"] .page-grid,main[data-baoi-resource-family="procedure"] .page-grid{grid-template-columns:minmax(0,1fr) minmax(260px,300px);align-items:start}
main[data-baoi-resource-contract] .article{min-width:0}
.baoi-resource-rail{min-width:0;display:grid;gap:14px}
.baoi-resource-rail .side-card{overflow-wrap:anywhere}
.baoi-resource-rail [data-baoi-related-resources]{border-color:var(--baoi-resource-border);background:linear-gradient(145deg,#122b41,#0b1c2e)}
.baoi-resource-rail [data-baoi-related-resources] h2{font-size:16px;line-height:1.4;color:var(--baoi-resource-ink);margin-bottom:13px}
.baoi-resource-rail [data-baoi-related-resources] .related{display:grid;gap:10px}
.baoi-resource-rail [data-baoi-related-resources] a{display:grid;gap:5px;border:1px solid #2d475b;border-radius:12px;background:#091827;padding:14px 13px;text-decoration:none;line-height:1.48;transition:border-color .15s,background .15s}
.baoi-resource-rail [data-baoi-related-resources] a:is(:hover,:focus-visible){border-color:#7be3d4;background:#123149}
.baoi-resource-rail [data-baoi-related-resources] .relation-state{font-size:10px;letter-spacing:.065em;text-transform:uppercase;font-weight:850;color:#88f0d0}
.baoi-resource-rail [data-baoi-related-resources] .related strong{color:#fff;font-size:14px;line-height:1.4}
.baoi-resource-rail [data-baoi-related-resources] .related small{color:#b6d9e9;font-size:13px;line-height:1.55}
body[data-baoi-resource-family="tool"] .boai-related-smart,body[data-baoi-resource-family="tool"] .boai-related{border:1px solid var(--baoi-resource-border);border-radius:var(--baoi-resource-radius);background:linear-gradient(145deg,#122b41,#0b1c2e);color:var(--baoi-resource-ink)}
body[data-baoi-resource-family="tool"] .boai-related a{overflow-wrap:anywhere}
body[data-baoi-resource-family="tool"] .boai-related a:is(:hover,:focus-visible){border-color:#7be3d4}
@media(min-width:1024px){main[data-baoi-resource-contract] .baoi-resource-rail{position:sticky;top:92px;align-self:start;max-height:calc(100dvh - 108px);overflow-y:auto;overscroll-behavior:contain;scrollbar-width:thin;scrollbar-color:#3a6579 transparent}}
@media(max-width:1023px){main[data-baoi-resource-contract] .page-grid{grid-template-columns:minmax(0,1fr)}main[data-baoi-resource-contract] .baoi-resource-rail{position:static;max-height:none;overflow:visible}}
@media(max-width:480px){main[data-baoi-resource-contract] .baoi-resource-rail [data-baoi-related-resources] a{padding:12px}.baoi-resource-rail [data-baoi-related-resources] .related{gap:8px}}

/* Fix file input visual overflow without changing its label, upload behavior or JS engine. */
@media(max-width:640px){body[data-baoi-resource-family="tool"] .boai-pdftb input.boai-pdftb-input{left:0!important;top:0!important;width:1px!important;height:1px!important;max-width:1px!important;clip-path:inset(50%)}}
