/* Layout of the localized XML → CSV examples. */

.xmlcsv-hero-sample{cursor:pointer;font:inherit}.xmlcsv-converter-example{display:flex;align-items:center;justify-content:space-between;gap:18px;margin:0 0 18px;padding:16px 20px;background:#f7f3ff;border:1px solid #e9ddfc;border-radius:12px}.xmlcsv-converter-example p{margin:0;color:#4c4265;font-size:14px;line-height:1.55}.xmlcsv-converter-example strong{display:block;color:#211536;font-size:15px}.xmlcsv-small-load{border:1px solid #d8c5f1;background:white;color:#5c20a5;padding:10px 14px;border-radius:8px;font-family:inherit;font-size:13px;font-weight:600;line-height:1.4;cursor:pointer;white-space:nowrap}
.xmlcsv-example{margin-top:36px}.xmlcsv-example+.xmlcsv-example{margin-top:48px;padding-top:36px;border-top:1px solid rgba(255,255,255,.14)}.xmlcsv-example-heading{display:flex;gap:16px;align-items:flex-start;margin-bottom:20px}.xmlcsv-example-number{display:grid;place-items:center;width:36px;height:36px;flex-shrink:0;border-radius:10px;background:rgba(179,134,239,.14);color:#d5b8ff;font:600 13px/1.3 system-ui}.xmlcsv-example-heading h3{font-size:22px;line-height:1.35;margin:0 0 8px;color:#fff}.xmlcsv-example-heading p{font-size:15px;line-height:1.7;margin:0;color:#bec5d8;max-width:790px}.xmlcsv-example .case-code-block{font-size:12px;line-height:1.65;max-height:470px}.xmlcsv-example .case-before-after>*{min-width:0}.xmlcsv-example .case-data-table{font-size:12px}.xmlcsv-example .case-data-table th,.xmlcsv-example .case-data-table td{white-space:normal!important;overflow-wrap:anywhere;min-width:75px}.xmlcsv-example .case-data-table th:first-child,.xmlcsv-example .case-data-table td:first-child{min-width:95px}.xmlcsv-result-note{padding:16px 18px;margin:0;color:#5b657c;font-size:13px;line-height:1.7}.xmlcsv-result-note code{font-size:12px;color:#592397;background:#f3ebff;padding:2px 5px;border-radius:4px;overflow-wrap:anywhere}
.xmlcsv-example-actions{display:flex;align-items:center;flex-wrap:wrap;gap:14px 24px;margin-top:20px}.xmlcsv-load-button{display:inline-flex;align-items:center;gap:20px;border:0;background:#fff;color:#31194f;border-radius:10px;padding:14px 19px;font:600 14px/1.4 system-ui;cursor:pointer}.xmlcsv-load-button:hover{background:#eee5fb}.xmlcsv-download{font-size:14px;color:#dbc4ff!important;text-decoration:underline;text-underline-offset:4px}.xmlcsv-status{color:#665478;font-size:13px;margin:10px 0 0;min-height:20px}.xmlcsv-profile-path{padding:26px 30px;margin-top:38px;border:1px solid rgba(255,255,255,.15);border-radius:14px;background:rgba(255,255,255,.035)}.xmlcsv-profile-path h3{font-size:19px;color:white;margin:0 0 10px}.xmlcsv-profile-path p{color:#bec5d8;font-size:15px;line-height:1.7;margin:0}.xmlcsv-profile-path a{color:#dbc4ff;text-decoration:underline;text-underline-offset:3px}.xmlcsv-profile-path .xmlcsv-path-links{display:flex;flex-wrap:wrap;gap:12px 24px;margin-top:16px;font-size:14px}
.xmlcsv-load-button:focus-visible,.xmlcsv-small-load:focus-visible,.xmlcsv-download:focus-visible{outline:3px solid #ad77ed;outline-offset:4px}.xmlcsv-load-button:disabled,.xmlcsv-small-load:disabled{opacity:.65;cursor:wait}
@media(max-width:720px){.xmlcsv-converter-example{align-items:flex-start;flex-direction:column;padding:15px}.xmlcsv-example-heading{gap:12px}.xmlcsv-example-heading h3{font-size:19px}.xmlcsv-example .case-before-after{grid-template-columns:1fr!important}.xmlcsv-load-button{width:100%;justify-content:space-between}.xmlcsv-example-actions{gap:16px 22px}.xmlcsv-profile-path{padding:20px}.xmlcsv-example .case-code-block{font-size:11px}.xmlcsv-example .case-data-table{font-size:11px}}