﻿.config-help-anchor { display:inline; font:inherit; letter-spacing:inherit; }
.wiz .config-help-trigger,.config-help-trigger { display:inline-flex; align-items:center; gap:7px; border:0; padding:3px 0; background:transparent; color:inherit; font:inherit; text-transform:inherit; letter-spacing:inherit; text-align:left; cursor:help; line-height:1.5; }
.config-help-trigger>span:first-child { text-decoration:underline dotted; text-underline-offset:4px; text-decoration-color:var(--accent,#164c80); }
.config-help-mark { display:inline-grid; place-items:center; width:17px; height:17px; flex:none; border:1px solid currentColor; border-radius:50%; color:var(--accent,#164c80); font:600 11px Arial,sans-serif; }
.config-help-trigger:focus-visible { outline:3px solid var(--accent,#164c80); outline-offset:4px; border-radius:3px; }
.config-help-card { display:none; position:fixed; inset:auto; margin:0; padding:0; z-index:24000; box-sizing:border-box; overflow:hidden; border:1px solid var(--line,#cad7e4); border-radius:16px; background:var(--bg-panel,#fff); color:var(--fg,#102c46); box-shadow:0 16px 60px #041e3940; text-align:left; font:400 14px/1.65 Inter,Arial,sans-serif; letter-spacing:normal; text-transform:none; }
.config-help-card.is-open { display:flex; flex-direction:column; }
.config-help-card * { box-sizing:border-box; }
.config-help-card-head { display:flex; align-items:flex-start; justify-content:space-between; gap:16px; padding:18px 22px 14px; border-bottom:1px solid var(--line,#cad7e4); background:var(--accent-bg,#eef5fc); }
.config-help-eyebrow { font:600 10px/1.5 Inter,Arial,sans-serif; letter-spacing:.12em; color:var(--fg-2,#42627e); }
.config-help-card h3 { margin:4px 0 0; font:600 23px/1.25 Inter,Arial,sans-serif; color:var(--fg,#102c46); }
.config-help-card .config-help-close { flex:none; display:grid; place-items:center; width:34px; height:34px; border:1px solid var(--line,#cad7e4); border-radius:50%; background:var(--bg-panel,#fff); color:var(--fg,#102c46); font-size:23px; cursor:pointer; }
.config-help-scroll { overflow:auto; overscroll-behavior:contain; padding:18px 22px; min-height:0; }
.config-help-card p { font:inherit; margin:0 0 14px; color:var(--fg-2,#42627e); }
.config-help-card .config-help-intro { color:var(--fg,#102c46); font-size:15px; line-height:1.65; }
.config-help-figure { margin:0; }
.config-help-figure img { display:block; width:100%; height:300px; object-fit:contain; background:#fff; border:1px solid #d3dfed; border-radius:10px; }
.config-help-figure img.config-help-detail-render { height:auto; max-height:440px; }
.config-help-card.is-enlarged .config-help-figure img { height:auto; min-height:300px; }
.config-help-card.is-enlarged img.config-help-detail-render { max-height:none; }
.config-help-source { display:block; margin-top:6px; font-size:11px; line-height:1.5; color:var(--fg-3,#586f85); }
.config-help-posts { display:grid; gap:10px; margin-bottom:12px; }
.config-help-post { display:grid; grid-template-columns:90px minmax(0,1fr); gap:16px; padding:14px; border:1px solid var(--line,#cad7e4); border-radius:10px; background:var(--bg-input,#f5f8fb); }
.config-help-post-image { display:flex; justify-content:center; align-items:center; gap:4px; padding:6px; background:#fff; border-radius:6px; }
.config-help-post-image img { width:auto; max-width:50%; height:150px; object-fit:contain; }
.config-help-post-image img:only-child { max-width:100%; }
.config-help-post h4 { margin:0 0 6px; }
.config-help-post p { margin:0; font-size:13px; }
.config-help-selected { display:inline-block; margin-top:8px; padding:2px 8px; border-radius:5px; background:var(--accent-bg,#eef5fc); color:var(--accent,#164c80); font-size:11px; }
.config-help-original { display:inline-block; margin-top:8px; color:var(--accent,#164c80); font-size:12px; text-decoration:underline; text-underline-offset:3px; }
.config-help-figure-tools .config-help-original { margin:0; padding:6px; align-self:center; }
.config-help-original:focus-visible { outline:3px solid var(--accent,#164c80); outline-offset:3px; }
.config-help-figure figcaption { margin:8px 0; font-size:11px; line-height:1.5; color:var(--fg-3,#586f85); }
.config-help-figure-tools { display:flex; flex-wrap:wrap; gap:6px; margin:10px 0 18px; }
.config-help-card button:not(.config-help-close) { color:var(--accent,#164c80); background:var(--bg-input,#f5f8fb); border:1px solid var(--line,#cad7e4); border-radius:6px; padding:6px 10px; font:500 12px/1.5 Inter,Arial,sans-serif; cursor:pointer; }
.config-help-card button[aria-pressed=true] { background:var(--accent,#164c80); color:var(--accent-contrast,#fff); }
.config-help-card button:focus-visible,.config-help-deeper summary:focus-visible { outline:3px solid var(--accent,#164c80); outline-offset:2px; }
.config-help-card h4 { margin:14px 0 5px; font:600 14px/1.5 Inter,Arial,sans-serif; color:var(--fg,#102c46); }
.config-help-deeper { border-top:1px solid var(--line,#cad7e4); padding-top:10px; }
.config-help-deeper summary { cursor:pointer; color:var(--accent,#164c80); font-weight:600; padding:5px 0; }
.config-help-card-foot { display:flex; align-items:center; justify-content:space-between; flex-wrap:wrap; gap:8px; padding:10px 22px; border-top:1px solid var(--line,#cad7e4); font-size:11px; color:var(--fg-3,#586f85); }
@media(max-width:700px) { .config-help-card-head { padding:14px 16px; }.config-help-scroll { padding:14px 16px; }.config-help-card h3 { font-size:21px; }.config-help-card-foot { padding:10px 16px; }.config-help-card button { min-height:40px; } }
@media print { .config-help-card,.config-help-mark { display:none!important; } }

.config-help-image { overflow-x:auto; border-radius:10px; }
.config-help-image:focus-visible { outline:3px solid var(--accent,#164c80); outline-offset:2px; }
.config-help-zoom-hint { display:none; }
@media(max-width:700px) {
    .config-help-post { grid-template-columns:58px minmax(0,1fr); gap:12px; padding:10px; }
    .config-help-post-image img { height:140px; }
    .config-help-figure img { height:230px; }
    .config-help-card.is-enlarged .config-help-image img { width:760px; max-width:none; }
    .config-help-card.is-enlarged .config-help-zoom-hint { display:block; font-size:11px; margin-top:6px; color:var(--fg-3,#586f85); }
}

.config-help-example { padding:12px 14px; margin:14px 0; border-left:3px solid var(--accent,#164c80); border-radius:0 8px 8px 0; background:var(--accent-bg,#eef5fc); }
.config-help-example h4 { margin:0 0 5px; }
.config-help-example p { margin:0; }
.config-help-context { display:block; margin-top:6px; color:var(--fg-2,#42627e); font-size:12px; }
.config-help-duty-inputs { display:grid; grid-template-columns:1fr 1fr; gap:12px; margin:12px 0; }
.config-help-duty-inputs label { display:grid; gap:5px; font-size:12px; color:var(--fg-2,#42627e); }
.config-help-duty-inputs input { width:100%; min-width:0; border:1px solid var(--line,#cad7e4); border-radius:6px; padding:8px; background:var(--bg-input,#f5f8fb); color:var(--fg,#102c46); font:inherit; }
.config-help-table { width:100%; border-collapse:collapse; margin:12px 0 16px; font-size:12px; }
.config-help-table th,.config-help-table td { padding:8px 6px; text-align:left; border-bottom:1px solid var(--line,#cad7e4); }
.config-help-table caption { text-align:left; font-size:12px; margin-bottom:6px; }
.config-help-table meter { width:100%; min-width:64px; accent-color:#138691; }
.config-help-feature-list { margin:10px 0; }
.config-help-feature-list dt { margin-top:14px; font-weight:650; color:var(--fg,#102c46); }
.config-help-feature-list dd { margin:4px 0 0; color:var(--fg-2,#42627e); }
.config-help-operator-photo { display:block; width:100%; height:200px; object-fit:contain; background:white; border:1px solid #d3dfed; border-radius:8px; }
.rolling-operator-choice { min-width:0; }
.rolling-operator-choice>.operator-card { width:100%; }
.rolling-operator-guide { padding:5px 12px 10px; color:var(--fg-2,#42627e); font-size:12px; }
.egress-help-field { flex:0 1 190px; min-width:0; }
.egress-help-field .config-help-trigger { font-size:12px; }
