/* UsnJrnl2Csv: shared SUSA journeys outside, screenshot-based controls inside. */
.u2c-flow { margin:1.2rem 0; padding:1rem; border:1px solid var(--md-default-fg-color--lightest); border-radius:10px; background:var(--md-code-bg-color); }
.md-typeset .u2c-flow ol { display:grid; grid-template-columns:repeat(4,minmax(0,1fr)); gap:.65rem; list-style:none; padding:0; margin:0; }
.md-typeset .u2c-flow li { display:flex; flex-direction:column; gap:.3rem; margin:0; padding:.8rem; min-width:0; border:1px solid var(--md-default-fg-color--lightest); border-top:3px solid #168de2; border-radius:7px; background:var(--md-default-bg-color); animation:u2c-evidence 1s ease-out both; }
.u2c-flow li:nth-child(2) { animation-delay:.5s; }.u2c-flow li:nth-child(3) { animation-delay:1s; }.u2c-flow li:nth-child(4) { animation-delay:1.5s; }
.u2c-flow b { color:var(--md-accent-fg-color); font-size:.59rem; }.u2c-flow strong { font-size:.8rem; }.u2c-flow span { font-size:.67rem; overflow-wrap:anywhere; }.u2c-flow figcaption { margin-top:.7rem; font-size:.64rem; text-align:left; }
@keyframes u2c-evidence { from { opacity:.45; transform:translateY(5px); box-shadow:0 0 0 2px #168de22b; } to { opacity:1; transform:none; box-shadow:none; } }
.u2c-lab { --u2c-border:var(--md-default-fg-color--lightest); font-size:.73rem; min-width:0; }
.u2c-lab [hidden] { display:none !important; }
.u2c-case { padding:.8rem 1rem; background:linear-gradient(115deg,#102c43,#145b77); color:#e7f4fc; }
.u2c-case>span { color:#9fe1ff; font-size:.56rem; font-weight:700; letter-spacing:.08em; }
.md-typeset .u2c-case h4 { margin:.2rem 0; color:#fff !important; font-size:.95rem; }
.md-typeset .u2c-case p { margin:.3rem 0 0; max-width:58rem; font-size:.72rem; }
.md-typeset .u2c-notice { margin:0; padding:.55rem 1rem; font-size:.61rem; color:var(--md-default-fg-color--light); background:var(--md-code-bg-color); }
.md-typeset .u2c-progress { display:grid; grid-template-columns:repeat(6,minmax(0,1fr)); list-style:none; padding:0 .7rem; margin:1rem 0; }
.md-typeset .u2c-progress li { display:flex; position:relative; flex-direction:column; align-items:center; gap:.3rem; margin:0; font-size:.6rem; }
.u2c-progress li::before { content:""; position:absolute; left:-50%; top:15px; height:2px; width:100%; background:var(--u2c-border); }.u2c-progress li:first-child::before { display:none; }
.u2c-progress b { position:relative; z-index:1; display:grid; place-items:center; width:32px; height:32px; border:1px solid var(--u2c-border); border-radius:50%; background:var(--md-default-bg-color); font-weight:500; }
.u2c-progress [aria-current] { font-weight:700; }.u2c-progress [aria-current] b { background:#168de2; color:#fff; border-color:#168de2; box-shadow:0 0 0 4px #168de218; }
.u2c-progress .is-done b { border-color:#398557; color:transparent; }.u2c-progress .is-done b::after { content:""; position:absolute; width:10px; height:6px; border-left:2px solid #398557; border-bottom:2px solid #398557; transform:translateY(-2px) rotate(-45deg); }.u2c-progress .is-done::before { background:#398557; }
.md-typeset .u2c-lab .u2c-case-details { margin:.7rem; padding:0; border:1px solid var(--u2c-border); border-radius:7px; box-shadow:none; background:var(--md-default-bg-color); }
.md-typeset .u2c-case-details>summary { margin:0; padding:.55rem .75rem; background:var(--md-code-bg-color); font-size:.65rem; }.u2c-case-details>summary::before { display:none; }.u2c-case-details summary>span { margin-left:.5rem; font-weight:400; color:var(--md-default-fg-color--light); }
.u2c-case-details dl { display:grid; grid-template-columns:6rem minmax(0,1fr); gap:.45rem; padding:0 .75rem; font-size:.65rem; }.u2c-case-details dt { font-weight:600; }.md-typeset .u2c-case-details dd { margin:0; overflow-wrap:anywhere; }
.u2c-coach { padding:.8rem 1rem; margin:.7rem; border:1px solid var(--u2c-border); border-radius:8px; }.u2c-coach>span { font-size:.55rem; font-weight:700; color:var(--md-accent-fg-color); letter-spacing:.05em; }.md-typeset .u2c-coach h4 { margin:.2rem 0; font-size:.85rem; }.md-typeset .u2c-coach p { margin:.4rem 0; line-height:1.6; }
.md-typeset .u2c-coach details { margin:.6rem 0 0; padding:0; border:1px solid #168de245; border-radius:6px; box-shadow:none; background:var(--md-default-bg-color); }.md-typeset .u2c-coach summary { padding:.45rem .65rem; margin:0; background:#168de20b; }.u2c-coach summary::before { display:none; }.md-typeset .u2c-coach details p { margin:0; padding:.55rem .65rem; font-size:.68rem; }
.u2c-lab button { cursor:pointer; padding:.45rem .65rem; border:1px solid #168de270; border-radius:5px; background:var(--md-default-bg-color); color:var(--md-default-fg-color); font:600 .67rem var(--md-text-font-family); }
.u2c-lab button:hover { background:var(--md-code-bg-color); }.u2c-lab button:disabled { opacity:.5; cursor:not-allowed; }
.u2c-lab :is(button,select,input,textarea,summary,[tabindex]):focus-visible { outline:3px solid #168de2; outline-offset:3px; }
.u2c-app { margin:.8rem .7rem; border:1px solid #818181; border-radius:7px 7px 0 0; overflow:hidden; color:#101010; background:#f0f0f0; font:12px/1.4 'Segoe UI',Arial,sans-serif; color-scheme:light; }
.u2c-app>header { display:flex; align-items:center; gap:6px; height:30px; padding:0 8px; background:#f9f9f9; font-size:12px; }.u2c-app-icon { color:#28698c; font:bold italic 15px Georgia,serif; }.u2c-window-icons { margin-left:auto; letter-spacing:8px; color:#666; }
.u2c-settings { padding:15px 16px 7px; }.u2c-time-row,.u2c-region-row,.u2c-inline,.u2c-advanced { display:flex; align-items:center; flex-wrap:wrap; gap:7px 12px; margin-bottom:7px; }.u2c-settings label { display:inline-flex; align-items:center; gap:4px; }.u2c-settings select,.u2c-settings input:not([type]) { border:1px solid #c6c6c6; border-radius:0; background:#fff; color:#111; font:12px 'Segoe UI',Arial,sans-serif; padding:2px; height:22px; max-width:100%; }
.u2c-time-row input { width:16px; }.u2c-region-row output { border:1px solid #ddd; color:#626262; padding:1px 5px; font-size:11px; }.u2c-options { display:grid; grid-template-columns:minmax(0,1.2fr) minmax(0,1fr) 110px; gap:12px; margin-bottom:7px; }.u2c-options>div>label { display:flex; margin:3px 0; }.u2c-options fieldset { border:0; margin:4px 0 0; padding:0; }.u2c-options fieldset label { display:flex; margin:3px 0; }.u2c-settings input[type="checkbox"],.u2c-settings input[type="radio"] { width:13px; height:13px; margin:0; accent-color:#0067c0; appearance:auto; flex:none; }
.u2c-unicode { padding-left:118px; }.u2c-app-actions { display:flex; flex-direction:column; justify-content:center; gap:5px; }.u2c-lab .u2c-app-actions button { padding:2px 5px; border:1px solid #c5c5c5; border-radius:3px; background:#fff; color:#101010; font:11px/1.3 'Segoe UI',Arial,sans-serif; min-height:23px; }.u2c-lab .u2c-app-actions button:hover { border-color:#168de2; background:#eaf4fe; }
.u2c-advanced { margin-bottom:0; justify-content:space-between; }.u2c-advanced label:first-child input { width:42px; }.u2c-advanced label:nth-child(2) input { width:128px; }.u2c-advanced label:last-child input { width:75px; }
.md-typeset .u2c-log { display:block; margin:0; padding:5px 4px; height:135px; overflow:auto; border-top:1px solid #ccc; border-bottom:1px solid #999; background:#fff; color:#111; font:12px/1.5 'Segoe UI',Arial,sans-serif; white-space:pre-wrap; overflow-wrap:anywhere; scrollbar-width:thin; scrollbar-color:#aaa #f0f0f0; }
.u2c-app-status { display:flex; flex-wrap:wrap; justify-content:space-between; gap:5px; padding:12px 7px; color:#555; font-size:10px; }
.u2c-sr-only { position:absolute; width:1px; height:1px; clip-path:inset(50%); overflow:hidden; }
.u2c-picker { width:min(620px,calc(100vw - 32px)); max-height:85vh; padding:1rem; border:1px solid #8a9aaa; border-radius:9px; background:var(--md-default-bg-color); color:var(--md-default-fg-color); box-shadow:0 15px 60px #0005; }.u2c-picker::backdrop { background:#05152680; }.u2c-picker header { display:flex; align-items:center; justify-content:space-between; }.md-typeset .u2c-picker h4 { margin:0; }.u2c-picker p { font-size:.67rem; }.u2c-picker [data-u-choices] { display:grid; gap:.5rem; }.u2c-picker [data-u-choices] button { text-align:left; padding:.65rem; }.u2c-picker strong,.u2c-picker small { display:block; overflow-wrap:anywhere; }.u2c-picker small { margin-top:.3rem; font-weight:400; }
.md-typeset .u2c-feedback { margin:.65rem .7rem; padding:.6rem .8rem; border-left:3px solid #168de2; background:var(--md-code-bg-color); font-size:.7rem; }.u2c-feedback.is-success { border-color:#398557; }
.u2c-viewer,.u2c-finding { margin:1rem .7rem; padding:1rem; border:1px solid var(--u2c-border); border-radius:8px; scroll-margin-top:5rem; }.md-typeset .u2c-viewer h4,.md-typeset .u2c-finding h4 { margin:.3rem 0; }.u2c-viewer-toolbar { display:flex; flex-wrap:wrap; align-items:center; gap:.6rem; }.u2c-viewer-toolbar label { flex:1; min-width:0; }.u2c-lab .u2c-viewer select,.u2c-finding select,.u2c-finding textarea { display:block; width:100%; max-width:100%; min-width:0; margin-top:.3rem; padding:.5rem; border:1px solid var(--u2c-border); border-radius:5px; background:var(--md-default-bg-color); color:var(--md-default-fg-color); font:inherit; }
.u2c-table { overflow:auto; margin:.65rem 0; }.md-typeset .u2c-table table { display:table; width:100%; font-size:.65rem; }.u2c-table th,.u2c-table td { white-space:nowrap; padding:.5rem; }.u2c-table caption { text-align:left; font-size:.64rem; padding-bottom:.4rem; }.u2c-table input { accent-color:#168de2; }.u2c-table tr:has(input:checked) { background:#168de216; }.u2c-viewer details,.u2c-finding details { font-size:.68rem; }
.u2c-finding>label { display:block; margin:.8rem 0; font-weight:600; }.u2c-finding label small { display:block; margin:.25rem 0; font-weight:400; font-size:.65rem; line-height:1.6; }.u2c-finding select { font-size:.68rem; }.u2c-finding textarea { resize:vertical; }
.u2c-footer { display:flex; align-items:center; justify-content:space-between; flex-wrap:wrap; gap:.6rem; padding:.85rem 1rem; border-top:1px solid var(--u2c-border); }.u2c-footer>div { display:flex; gap:.5rem; flex-wrap:wrap; }.u2c-footer strong { font-size:.67rem; }.u2c-debrief { padding:.8rem; margin:.7rem; border:1px solid #39855770; border-left:3px solid #398557; border-radius:6px; background:#3985570b; }
@media(max-width:760px) { .md-typeset .u2c-flow ol { grid-template-columns:repeat(2,minmax(0,1fr)); }.u2c-options { grid-template-columns:minmax(0,1fr) minmax(0,1fr); }.u2c-app-actions { grid-column:1/-1; flex-direction:row; }.u2c-app-actions button { flex:1; }.u2c-unicode { padding-left:0; }.u2c-settings { padding:12px 9px 8px; } }
@media(max-width:480px) { .u2c-case-details summary>span { display:none; }.u2c-case-details dl { grid-template-columns:1fr; }.u2c-coach,.u2c-viewer,.u2c-finding { padding:.7rem; }.u2c-progress li { font-size:.54rem; }.u2c-options { grid-template-columns:1fr; }.u2c-options>div:nth-child(2) { border-top:1px solid #ccc; padding-top:5px; }.u2c-advanced { justify-content:flex-start; }.u2c-app-status { padding:7px; }.u2c-finding select { font-size:.62rem; } }
/* Shared practice-list and heading rules must not flatten the custom lab. */
.md-typeset .u2c-lab ol.u2c-progress { display:grid; grid-template-columns:repeat(6,minmax(0,1fr)); padding:0 .7rem; margin:1rem 0 !important; }
.md-typeset .u2c-lab :is(.u2c-case,.u2c-coach,.u2c-viewer,.u2c-finding) h4 { margin:.3rem 0 !important; }
.md-typeset figure.u2c-flow { display:block; width:100%; max-width:none; text-align:left; }
.md-typeset .u2c-flow ol { display:grid; }
.u2c-lab .u2c-app { max-width:960px; margin-inline:auto; width:calc(100% - 1.4rem); }
@media(prefers-reduced-motion:reduce) { .md-typeset .u2c-flow li { animation:none; } }

/* Native positions follow the 700 × 350 client area in the supplied GUI/source. */
.u2c-native-scroll { max-width:100%; margin:.8rem .7rem; overflow-x:auto; }
.u2c-native-scroll { scrollbar-width:auto; padding:4px; border:1px solid var(--u2c-border); border-radius:5px; }
.u2c-native-app { transform-origin:top left; }
.u2c-orientation { margin:.6rem .7rem; padding:.6rem .8rem; background:var(--md-code-bg-color); border-radius:7px; font-size:.66rem; }
.u2c-coach { scroll-margin-top:5rem; }
.md-typeset .u2c-lab ol.u2c-actions { display:block; margin:.65rem 0 .65rem 1.2rem !important; padding:0; list-style:decimal; }
.md-typeset .u2c-lab ol.u2c-actions li { display:list-item; margin:.45rem 0; padding-left:.2rem; line-height:1.65; overflow-wrap:anywhere; }
.md-typeset .u2c-expected { padding:.55rem .7rem; border-left:3px solid #398557; background:#3985570b; }
.u2c-coach-actions { display:flex; flex-wrap:wrap; gap:.5rem; margin-top:.65rem; }
.u2c-lab .u2c-next-control { outline:2px solid #168de2; outline-offset:2px; box-shadow:0 0 0 4px #168de221; }
.u2c-export-settings { padding:.65rem; background:var(--md-code-bg-color); border-radius:5px; overflow-wrap:anywhere; }
.u2c-native-app { box-sizing:content-box; width:700px; margin:0 auto; border:1px solid #222; background:#f0f0f0; color:#000; color-scheme:light; font:9px/1.15 Arial,sans-serif; }
.u2c-native-app * { box-sizing:border-box; }
.u2c-native-app>header { display:flex; align-items:center; gap:7px; height:26px; padding-left:3px; background:#f7f7f7; font:10px 'Segoe UI',sans-serif; }
.u2c-native-app>header img { width:16px; height:16px; flex:none; }
.u2c-native-windows { display:flex; align-self:stretch; margin-left:auto; width:138px; height:26px; }
.u2c-native-windows>span { position:relative; display:block; width:46px; height:26px; }
.u2c-native-windows>span::before,.u2c-native-windows>span::after { content:""; position:absolute; left:50%; top:50%; box-sizing:border-box; }
.u2c-native-windows .is-minimize::before { width:10px; height:1px; background:#666; transform:translate(-50%,4px); }
.u2c-native-windows .is-maximize::before { width:10px; height:9px; border:1px solid #666; transform:translate(-50%,-50%); }
.u2c-native-windows .is-close::before,.u2c-native-windows .is-close::after { width:12px; height:1px; background:#666; transform:translate(-50%,-50%) rotate(45deg); }
.u2c-native-windows .is-close::after { transform:translate(-50%,-50%) rotate(-45deg); }
.u2c-native-windows>span:hover { background:#e5e5e5; }.u2c-native-windows .is-close:hover { background:#c42b1c; }.u2c-native-windows .is-close:hover::before,.u2c-native-windows .is-close:hover::after { background:#fff; }
.u2c-native-settings { position:relative; height:170px; }
.u2c-native-field { position:absolute; display:flex; align-items:center; height:20px; white-space:nowrap; }
.u2c-native-field label { display:flex; align-items:center; height:20px; gap:4px; font:9px/1 Arial,sans-serif; color:#000; }
.u2c-native-field :is(input:not([type]),select,output) { box-sizing:border-box; height:20px; padding:1px 2px; border:1px solid #c9c9c9; border-radius:0; background:#fff; color:#000; font:9px/18px Arial,sans-serif; }
.u2c-native-field input:not([type]),.u2c-native-field select { margin-left:auto; min-width:0; }
.u2c-native-field input[type] { appearance:auto; width:13px; height:13px; margin:0; flex:none; accent-color:#0067c0; }
.u2c-native-app .u2c-native-field select { appearance:none; width:70px; flex:none; padding:0 12px 0 2px; background:#fff url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='8' height='5' viewBox='0 0 8 5'%3E%3Cpath d='m1 1 3 3 3-3' fill='none' stroke='%23333'/%3E%3C/svg%3E") no-repeat right 3px center; }.u2c-native-app .u2c-native-field[data-native="format"] select { width:30px; }
.u2c-native-field[data-native="region"] select { width:85px; flex:none; }
.u2c-native-field[data-native="dot"] input,.u2c-native-field[data-native="dot2"] input { width:15px; }
.u2c-native-field[data-native="separator"] input { width:20px; }
.u2c-native-field[data-native="page"] input { width:40px; }
.u2c-native-field[data-native="error"] input { width:130px; }
.u2c-native-field[data-native="offset"] input { width:120px; }
.u2c-native-field output { display:flex; align-items:center; color:#666; background:#f0f0f0; line-height:18px; }
.u2c-lab .u2c-native-field button { width:100px; height:20px; padding:0; border:1px solid #c9c9c9; border-radius:3px; background:#fff; color:#000; font:9px Arial,sans-serif; }
.u2c-lab .u2c-native-field button:hover { border-color:#168de2; background:#f2f8ff; }
.md-typeset .u2c-native-app>pre { height:100px; padding:2px 1px; margin:0; border-top:1px solid #ddd; border-bottom:1px solid #888; background:#fff; color:#000; font:9px/1.35 Arial,sans-serif; white-space:pre-wrap; overflow-y:scroll; overflow-wrap:anywhere; scrollbar-width:thin; scrollbar-color:#a9a9a9 #f0f0f0; }
.u2c-native-bottom { height:80px; padding:10px; font-size:9px; }.u2c-native-bottom span { display:block; }.u2c-native-bottom progress { display:block; width:100%; height:7px; margin-top:10px; accent-color:#168de2; }
.u2c-stage-deck { overflow:hidden; margin:.7rem; scroll-margin-top:5rem; }
.u2c-stage-deck>.u2c-viewer,.u2c-stage-deck>.u2c-finding,.u2c-stage-deck>.u2c-debrief { margin:0; }
.u2c-stage-deck .is-stage-entering { animation:u2c-stage-in .28s cubic-bezier(.2,.7,.2,1) both; }
@keyframes u2c-stage-in { from { opacity:.25; transform:translateX(10%); } to { opacity:1; transform:none; } }
.u2c-import-controls { display:flex; align-items:end; flex-wrap:wrap; gap:.6rem; }.u2c-import-controls label { min-width:8rem; flex:1; }
.md-typeset .u2c-viewer [data-u-raw] { max-height:12rem; overflow:auto; font-size:.62rem; }
.u2c-quality dl { display:grid; grid-template-columns:7rem minmax(0,1fr); gap:.5rem; font-size:.68rem; }.u2c-quality dt { font-weight:600; }.md-typeset .u2c-quality dd { margin:0; overflow-wrap:anywhere; }
@media(max-width:480px) { .u2c-quality dl { grid-template-columns:1fr; } }
.u2c-boundary,.u2c-import-guide,.u2c-validation-help { margin:.75rem 0; padding:.7rem .8rem; border-radius:6px; background:var(--md-code-bg-color); font-size:.68rem; }
.u2c-boundary { border-left:3px solid #168de2; }.md-typeset .u2c-boundary p,.md-typeset .u2c-validation-help p { margin:.25rem 0 0; }
.md-typeset .u2c-import-guide ol { margin:.4rem 0 0 1rem; }.md-typeset .u2c-import-guide li { margin:.3rem 0; }
.u2c-import-controls label small { display:block; min-height:2.7em; margin:.2rem 0; font-size:.58rem; font-weight:400; line-height:1.35; }
.u2c-stage-status { padding:.65rem .75rem; border-left:3px solid #168de2; background:var(--md-code-bg-color); }
.u2c-stage-status:empty { display:none; }
.u2c-quality { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:.55rem; margin:.75rem 0; }
.u2c-quality-check { display:grid; grid-template-columns:30px minmax(0,1fr) auto; align-items:center; gap:.55rem; padding:.65rem; border:1px solid var(--u2c-border); border-radius:6px; }
.u2c-quality-check>span { display:grid; place-items:center; width:28px; height:28px; border-radius:50%; font-weight:700; }.u2c-quality-check div>* { display:block; }.u2c-quality-check small { margin-top:.15rem; font-size:.6rem; overflow-wrap:anywhere; }.u2c-quality-check>strong { font-size:.6rem; }
.u2c-quality-check.is-pass { border-color:#39855770; background:#3985570b; }.u2c-quality-check.is-pass>span { background:#398557; color:#fff; }.u2c-quality-check.is-pass>strong { color:#398557; }
.u2c-quality-check.is-fail { border-color:#ba562870; }.u2c-quality-check.is-fail>span { background:#ba5628; color:#fff; }.u2c-quality-check.is-fail>strong { color:#ba5628; }
.u2c-answer-card { margin:.8rem 0; padding:.8rem; border:1px solid var(--u2c-border); border-radius:7px; background:var(--md-code-bg-color); }.u2c-answer-card>span { font-size:.55rem; font-weight:700; letter-spacing:.05em; color:var(--md-accent-fg-color); }.u2c-answer-card>label { display:block; margin-top:.35rem; font-weight:700; }.u2c-answer-card label small { display:block; margin:.3rem 0 .5rem; font-weight:400; line-height:1.55; }
.u2c-note-checklist { margin-top:.65rem; font-size:.63rem; }.u2c-note-checklist span { font-weight:700; }.md-typeset .u2c-note-checklist ul { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:.25rem 1rem; margin:.3rem 0 0 1rem; }
@media(max-width:600px) { .u2c-quality { grid-template-columns:1fr; }.md-typeset .u2c-note-checklist ul { grid-template-columns:1fr; } }
@media(prefers-reduced-motion:reduce) { .u2c-stage-deck .is-stage-entering { animation:none; } }