.af-case .af-logo-lab{background:#f0f3f7;border:1px solid #d8e0e8}
.af-case .af-logo-lab [hidden]{display:none!important}
.af-case .af-logo-lab button{font:inherit;cursor:pointer;min-height:44px;color:inherit;background:transparent;border:1px solid transparent;padding:12px 15px}
.af-logo-tabs{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:5px;padding:8px;border-bottom:1px solid #d8e0e8}
.af-case .af-logo-tabs button{font-size:13px}
.af-case .af-logo-tabs button[aria-selected=true]{color:#fff;background:#001e4e}
.af-case .af-logo-tabs button:hover{box-shadow:inset 0 0 0 1px #001e4e}
.af-logo-panel{display:grid;grid-template-columns:minmax(0,2fr) minmax(260px,1fr);align-items:start}
.af-logo-visual{min-width:0;padding:clamp(18px,2.5vw,36px)}
.af-logo-canvas{width:100%;aspect-ratio:630/400;background:#fff;position:relative;isolation:isolate}
[data-state=diagnostics] .af-logo-canvas{aspect-ratio:1375/775}
[data-state=ru-en] .af-logo-canvas{aspect-ratio:1490/620}
[data-state=result] .af-logo-canvas{overflow:hidden}
.af-logo-canvas>svg,.af-logo-canvas>img{position:absolute;inset:0;display:block;width:100%;height:100%;object-fit:contain}
.af-logo-canvas>img.af-version-art{padding:0}
.af-logo-canvas>img.af-version-grid{padding:0;pointer-events:none}
.af-version-grid-toggle{margin-top:18px}
.af-logo-lab:not([data-state=versions]) .af-version-grid-toggle{display:none}
.af-logo-canvas[data-variant-tone=dark]{background:#001489}
.af-logo-canvas[data-variant-tone=dark][data-variant-mode=bw]{background:#000}
.af-version-control{border:0;padding:0;margin:24px 0 0;min-width:0}
.af-version-control legend{font-size:11px;color:#53647a;padding:0}
.af-version-control .af-logo-options{margin-top:9px}
.af-case .af-version-control button:disabled{opacity:.35;cursor:not-allowed}
.af-version-detail{margin-top:24px;border-top:1px solid #d8e0e8;padding-top:14px}
.af-version-detail .af-logo-options{margin-top:10px}
.af-version-detail>img{display:block;width:min(100%,240px);height:auto;aspect-ratio:509/297;object-fit:contain;margin:18px auto 0}
.af-logo-canvas[aria-busy=true]:after{content:'';position:absolute;left:0;right:0;bottom:0;height:2px;background:#ee7623}
.af-case .af-logo-hint{margin-top:16px;font-size:11px;line-height:1.6;color:#53647a}
.af-logo-notes{padding:clamp(24px,3vw,40px) clamp(20px,2.5vw,36px) 30px 0;min-width:0}
.af-case .af-logo-notes h3{font-size:clamp(28px,3vw,46px);line-height:1.12;margin:20px 0 24px}
.af-case .af-logo-notes p{font-size:14px;line-height:1.75}
.af-logo-options{display:flex;flex-wrap:wrap;gap:6px;margin-top:25px}
.af-case .af-logo-options button{border-color:#a7b7c9;font-size:12px;padding:10px 13px}
.af-case .af-logo-options button[aria-pressed=true]{background:#001e4e;border-color:#001e4e;color:#fff}
.af-case .af-logo-guide-toggle{display:flex;align-items:center;gap:12px;font-size:12px;padding:14px 0;margin-top:18px}
.af-logo-toggle-dot{width:32px;height:18px;border-radius:15px;background:#c4cedb;position:relative;flex:none}
.af-logo-toggle-dot:after{content:'';position:absolute;width:12px;height:12px;left:3px;top:3px;background:white;border-radius:50%;transition:transform .18s}
[aria-pressed=true]>.af-logo-toggle-dot{background:#001e4e}[aria-pressed=true]>.af-logo-toggle-dot:after{transform:translateX(14px)}
.af-case .af-logo-guide-toggle:disabled{opacity:.4;cursor:default}
.af-case .af-logo-small{font-size:11px!important;color:#53647a}
.af-logo-legend{display:flex;gap:20px;margin-top:23px;font-size:11px;color:#53647a}
.af-logo-dot{display:inline-block;width:7px;height:7px;border-radius:50%;margin-right:7px}.af-logo-dot-ru{background:#e21a28}.af-logo-dot-en{background:#14a33c}
.af-case .af-logo-status{font-size:10px;color:#53647a;padding:0 20px 13px}
.af-logo-canvas [data-diagnostic]{cursor:pointer;outline:none;transition:filter .18s}
.af-logo-canvas [data-diagnostic] *{pointer-events:none}
.af-logo-canvas [data-diagnostic]>.af-diag-ring{pointer-events:all}
.af-logo-canvas [data-diagnostic] .af-diag-ring{transition:stroke .18s;vector-effect:non-scaling-stroke}
.af-logo-canvas [data-diagnostic][data-selected=true] .af-diag-ring,.af-logo-canvas [data-diagnostic]:focus-visible .af-diag-ring{stroke:#ee7623;stroke-width:2}
.af-logo-canvas [data-diagnostic]:hover{filter:drop-shadow(0 4px 5px #001e4e20)}
.af-case .af-logo-lab button:focus-visible{outline:3px solid #ee7623;outline-offset:3px}
@media(max-width:900px){.af-logo-panel{grid-template-columns:minmax(0,1.5fr) minmax(240px,1fr)}.af-logo-visual{padding:20px}.af-logo-notes{padding-right:20px}.af-case .af-logo-notes h3{font-size:31px}}
@media(max-width:700px){.af-logo-panel{grid-template-columns:minmax(0,1fr)}.af-logo-notes{padding:10px 22px 30px}.af-logo-visual{padding:18px 14px}.af-case .af-logo-notes h3{font-size:32px}.af-case .af-logo-tabs button{font-size:12px;padding-inline:5px}.af-logo-options{margin-top:20px}}
@media(prefers-reduced-motion:reduce){.af-logo-lab *{transition:none!important}}
@media(max-width:420px){.af-logo-tabs{grid-template-columns:repeat(2,minmax(0,1fr))}}