/* File first; secondary help remains separate from the user's main task. */
.flow-page [hidden]{display:none!important}.flow-workspace{display:grid;grid-template-columns:minmax(0,1fr) 270px;gap:20px;align-items:start;margin:22px 0}.flow-workspace>.flow-import-card{min-width:0;margin:0;padding:25px}.flow-workspace .flow-import-card>h2{font-size:23px;margin:0 0 10px}.flow-intro{color:#557078;font-size:14px;line-height:1.7;margin:0 0 18px}.flow-help{background:#edf5f7;border:1px solid #ccdee3;border-radius:11px;padding:19px;min-width:0}.flow-help-details{margin:0;padding:0;border:0;background:transparent}.flow-help-details>summary{font-size:15px;font-weight:700;color:#254f5a;cursor:pointer}.flow-help-body{padding-top:12px}.flow-help h3{font-size:16px;margin:8px 0}.flow-help p{font-size:13px;color:#547079;line-height:1.7;margin:8px 0 13px}.flow-link{display:block;font-size:13px;color:#176b62;margin:12px 0;text-underline-offset:3px;overflow-wrap:anywhere}.flow-help hr{border:0;border-top:1px solid #d3e2e3;margin:19px 0}.flow-help button.flow-demo{background:#fff;color:#176b62;border:1px solid #b8d2d2;font-size:13px;padding:9px 12px;margin:2px 0;max-width:100%;text-align:left}.flow-help .flow-small,.flow-small{font-size:12px;line-height:1.7;color:#58737b}.flow-help .flow-privacy{margin-top:20px}.flow-file-help summary{font-size:13px;color:#176b62;cursor:pointer}.flow-file-help p{font-size:12px}.flow-page .flow-file{display:flex;flex-direction:column;gap:7px;background:#f5faf9;border:1px dashed #94bdb9;border-radius:9px;padding:23px 18px;margin:18px 0;min-width:0}.flow-file-title{font-size:17px;font-weight:650;color:#25454f}.flow-file-format{font-size:12px;color:#6d858a}.flow-page .flow-file input[type=file]{width:100%;max-width:100%;background:#fff;border:1px solid #c8dbd7;border-radius:6px;padding:10px;font-size:13px;margin:6px 0 0}.flow-import-status{font-size:13px;line-height:1.7;white-space:pre-wrap}.flow-import-status:empty{display:none}.flow-phase{margin:22px 0 0;border-top:1px solid #dde7e3;padding-top:18px;min-width:0}.flow-phase h3,.flow-imported>h3{font-size:18px;margin:0 0 8px}.flow-muted{font-size:13px;color:#58737b;line-height:1.7;margin:8px 0 15px}.flow-phase .grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}.flow-phase label{min-width:0}.flow-phase select,.flow-phase input{max-width:100%;width:100%}.flow-phase #mapping select{font-size:13px}.flow-phase #mapping label{font-size:12px;overflow-wrap:anywhere}.flow-phase details{margin-top:12px}.flow-import-actions{margin-top:20px;padding-top:16px;border-top:1px solid #dde7e3}.flow-wait{font-size:13px;color:#6c8487;background:#f6f8f6;border-radius:6px;padding:12px 14px;margin-top:20px}.flow-imported{margin-top:25px;padding-top:20px;border-top:1px solid #d7e2dc;min-width:0}.flow-imported>.scroll{max-height:470px}.flow-imported .grid{min-width:0}.flow-placeholder{display:flex;justify-content:space-between;align-items:center;gap:18px;background:#f7faf7;border:1px solid #dce6df;border-radius:9px;padding:17px 21px;margin:16px 0;color:#6a837f}.flow-placeholder strong{font-size:15px}.flow-placeholder span{font-size:12px}.flow-progress{display:flex;gap:12px;margin:20px 0;padding:0;list-style:none}.flow-progress li{display:flex;align-items:center;gap:9px;background:#e7efeb;border-radius:8px;padding:10px 13px;flex:1;color:#607b7b;font-size:13px}.flow-step-number{width:25px;height:25px;border-radius:50%;display:inline-grid;place-items:center;background:#dce6e1;flex-shrink:0;font-weight:700;font-size:12px}.flow-progress .is-active{background:#dcefe8;color:#145e54;font-weight:650}.flow-progress .is-active .flow-step-number{background:#176b62;color:#fff}.flow-blocked{font-size:13px;background:#fff0e6;border-left:3px solid #bd7338;padding:12px 15px;color:#8a481d}.flow-page .schema-panel .notice{margin-bottom:18px}.flow-page :focus-visible{outline:3px solid #6eaca8;outline-offset:3px}
@media(max-width:900px){.flow-workspace{grid-template-columns:minmax(0,1fr)}.flow-help{padding:15px 18px}.flow-help-body{padding-top:12px}.flow-help-details>summary{font-size:14px}.flow-help-body{display:grid;grid-template-columns:1fr}.flow-workspace>.flow-import-card{padding:22px}.flow-progress{gap:7px}.flow-progress li{font-size:12px;padding:9px;gap:6px}.flow-step-number{width:23px;height:23px}}
@media(max-width:550px){.flow-progress{display:grid;gap:5px}.flow-progress li{padding:8px 12px}.flow-workspace>.flow-import-card{padding:18px}.flow-phase .grid{grid-template-columns:minmax(0,1fr)}.flow-placeholder{display:block;padding:14px 17px}.flow-placeholder span{display:block;margin-top:4px}.flow-file-title{font-size:16px}.flow-page .flow-file{padding:17px 12px}.flow-page .flow-file input[type=file]{font-size:12px;padding:8px}.flow-page main{min-width:0}.flow-phase #emdnChoices{font-size:12px}.flow-help button{width:auto}.flow-imported .article-selection-actions{flex-wrap:wrap}}
@media print{.flow-help,.flow-progress{display:none}.flow-workspace{display:block}}

.flow-original-error{display:none!important}.flow-error-help{border:1px solid #edc7b5;border-left:4px solid #b65c3d;background:#fff6ef;padding:18px 20px;margin:15px 0;border-radius:7px;color:#6c3826;font-size:14px;line-height:1.7;overflow-wrap:anywhere}.flow-error-help h3{font-size:17px;margin:0 0 9px}.flow-error-help ul{padding-left:20px}.flow-error-help li{margin:10px 0}.flow-error-help .flow-error-jump{font-size:12px;background:white;color:#176b62;border:1px solid #bdcfc7;padding:5px 9px;margin:7px 0 5px 10px}.flow-error-help details{margin-top:12px;font-size:12px}.flow-error-help pre{white-space:pre-wrap;word-break:break-word;font:12px/1.6 monospace}.flow-error-help a{display:block;color:#176b62;margin-top:12px}.flow-error-path{display:block;font-size:11px;color:#7d7469}

/* PC workspace: keep the review table and device fields out of the help column. */
main.flow-page{max-width:1600px!important;width:calc(100% - 48px);padding:0 32px!important;margin:30px auto}
.flow-workspace{grid-template-columns:minmax(0,1fr) 290px}
.flow-workspace.flow-wide{grid-template-columns:minmax(0,1fr) 290px}
.flow-wide>.flow-help{padding:12px 18px}
.flow-wide .flow-help-body{max-width:1000px}
.flow-import-toolbar{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:12px 0 4px;font-size:14px;color:#456b6c}
.flow-import-toolbar button{font-size:13px;background:#edf4f2;color:#176b62;border:1px solid #c7d9d2;padding:8px 13px;margin:0}
.flow-imported{border-top:1px solid #dce5df;padding-top:17px;margin-top:17px}
.flow-imported table{table-layout:auto;min-width:1120px;width:100%;font-size:14px}
.flow-imported table th,.flow-imported table td{padding:13px 12px;word-break:normal;overflow-wrap:normal}
.flow-imported table th:nth-child(1),.flow-imported table td:nth-child(1){width:48px}
.flow-imported table th:nth-child(2),.flow-imported table td:nth-child(2){min-width:130px;white-space:nowrap}
.flow-imported table th:nth-child(3),.flow-imported table td:nth-child(3){min-width:210px}
.flow-imported table th:nth-child(4),.flow-imported table td:nth-child(4){min-width:240px}
.flow-imported table th:nth-child(5),.flow-imported table td:nth-child(5){min-width:150px;white-space:nowrap}
.flow-imported table th:nth-child(6),.flow-imported table td:nth-child(6){min-width:200px;white-space:nowrap}
.flow-imported table th:nth-child(7),.flow-imported table td:nth-child(7){min-width:100px;white-space:nowrap}
.flow-imported table button{font-size:13px}
.flow-imported .scroll{max-height:580px}
.flow-phase:has(#articles) table{min-width:1100px;font-size:14px}
.flow-phase:has(#articles) th,.flow-phase:has(#articles) td{padding:13px 12px;word-break:normal;overflow-wrap:normal}
.flow-phase:has(#articles) td:nth-child(2),.flow-phase:has(#articles) td:nth-child(3){white-space:nowrap}
.flow-intro,.flow-muted{max-width:90ch}
@media(min-width:1500px){.flow-page .schema-panel .grid,.flow-page .grid{gap:22px}.flow-page .schema-field{padding:18px}.flow-page .flow-help{font-size:14px}}
@media(max-width:900px){main.flow-page{width:calc(100% - 32px);padding:0!important}.flow-workspace,.flow-workspace.flow-wide{grid-template-columns:minmax(0,1fr)}}
@media(max-width:550px){main.flow-page{width:calc(100% - 24px)}.flow-import-toolbar{align-items:flex-start;flex-direction:column;gap:9px}.flow-imported table,.flow-phase:has(#articles) table{font-size:13px}}

/* Imported articles are a separate section, outside the help/sidebar grid. */
.flow-article-section{min-width:0;width:100%;margin:24px 0;padding:25px;background:#fff;border:1px solid #d9e3df;border-radius:10px}
.flow-article-section>.flow-imported{border:0;padding:0;margin:0}
.flow-article-section>h2{font-size:23px;margin:0 0 19px}
.flow-article-section table{width:100%;min-width:1120px}
@media(max-width:550px){.flow-article-section{padding:18px}.flow-article-section>h2{font-size:21px}}