.forex-intro{--intro-scroll-hint:"Tabelle: horizontal scrollen, um die übrigen Spalten zu sehen"}

/* Introduction section only: rich articles, responsive media and accessible tables. */

.forex-intro{--ink:#17334f;--body:#283444;--soft:#53667a;--accent:#1d638f;--line:#d4dee6;--note-bg:#f1f6fa;min-width:0}

.MainLeft.forex-intro{--SzerLewo:800px}

.forex-intro .forex-table-scroll{max-width:100%;overflow-x:auto;overscroll-behavior-x:contain;margin:1.6rem 0;border:1px solid var(--line);border-radius:8px}

.forex-intro .forex-table-scroll:focus-visible,.forex-intro .forex-intro-media:focus-visible{outline:3px solid var(--accent);outline-offset:4px}

.forex-intro .comp-table{width:100%;border-collapse:collapse;font-size:.94rem;line-height:1.55;color:var(--body)}

.forex-intro .forex-table-scroll .comp-table{margin:0;min-width:610px}

.forex-intro .comp-table caption{text-align:left;padding:.95rem 1rem;font-weight:650;color:var(--ink);background:var(--note-bg);caption-side:top}

.forex-intro .comp-table th,.forex-intro .comp-table td{padding:.8rem 1rem;border-bottom:1px solid var(--line);vertical-align:top;text-align:left;overflow-wrap:break-word;hyphens:auto}

.forex-intro .comp-table thead th{background:#17334f;color:#fff;font-size:.88rem;font-weight:650;text-transform:none;letter-spacing:normal}

.forex-intro .comp-table tbody th{font-weight:650;text-transform:none;letter-spacing:normal;font-size:inherit;line-height:1.55;background:var(--note-bg);color:var(--ink)}

.forex-intro .comp-table tbody tr:nth-child(even) td{background:#f7fafc}

.forex-intro .forex-rate-table td:nth-child(2){font-variant-numeric:tabular-nums;white-space:nowrap}

.forex-intro .forex-course-map th{min-width:155px}

.forex-intro .forex-source-note{font-size:.88rem;color:var(--soft);line-height:1.65}

.forex-intro .forex-source-note a,.forex-intro .sources a{overflow-wrap:anywhere}

.forex-intro dfn{font-style:normal}

.forex-intro [id]{scroll-margin-top:6rem}

.forex-intro .legacy-anchor{display:block;height:0;overflow:hidden}

.forex-intro .forex-intro-media{display:block;margin:1.8rem 0;cursor:zoom-in;max-width:100%}

.forex-intro .forex-intro-media picture{display:block;overflow:hidden;border-radius:10px;line-height:0;background:#eef3f7}

.forex-intro .forex-intro-media img{display:block;width:100%;max-width:100%;height:auto;object-fit:contain}

.forex-intro .forex-intro-media figcaption{font-size:.88rem;line-height:1.65;color:var(--soft);margin-top:.7rem;text-align:left}

.forex-intro .tocBox{margin:1.6rem 0;padding:1.25rem 1.4rem;background:var(--note-bg);border:1px solid var(--line);border-radius:8px}

.forex-intro .tocTitle{font-weight:700;color:var(--ink);margin-bottom:.5rem}

.forex-intro .tocList{padding-left:1.4rem;margin:.5rem 0;line-height:1.6;font-size:.94rem}

.forex-intro .tocList li{padding:.2rem 0}

.forex-intro .note-box,.forex-intro .note{padding:1.2rem 1.4rem;background:var(--note-bg);border-left:4px solid var(--accent);border-radius:0 8px 8px 0;margin:1.5rem 0;color:var(--body);font-size:inherit;line-height:1.7}

.forex-intro .note-box p:last-child,.forex-intro .note p:last-child{margin-bottom:0}

.forex-intro .fx-flow{padding:1rem;background:var(--note-bg);border:1px solid var(--line);border-radius:8px;line-height:1.7}

.forex-intro .fx-flow li+li{margin-top:.6rem}

.forex-intro .faq-container{display:grid;gap:.6rem}

.forex-intro .faq-item{border:1px solid var(--line);border-radius:8px;background:#fff;overflow:hidden}

.forex-intro .faq-question{padding:1rem 3rem 1rem 1.15rem;font-weight:650;cursor:pointer;position:relative;font-size:inherit;line-height:1.55}

.forex-intro .faq-answer{padding:.2rem 1.15rem 1rem;line-height:1.7;color:var(--body)}

.forex-intro .faq-answer p:last-child{margin-bottom:0}

.forex-intro .sources{margin-top:2rem;font-size:.94rem;line-height:1.7}

.forex-intro .sources li{margin-bottom:.85rem}

@media(max-width:600px){

 .MainLeft.forex-intro{padding-inline:16px;box-sizing:border-box}

 .forex-intro .tocBox,.forex-intro .note-box,.forex-intro .note{padding:1rem}

 .forex-intro .comp-table th,.forex-intro .comp-table td{padding:.7rem .85rem}

 .forex-intro .forex-intro-media{margin:1.5rem 0}

 .forex-intro .forex-table-scroll::before{content:var(--intro-scroll-hint);display:block;padding:.75rem .85rem;color:var(--soft);font-size:.83rem;background:var(--note-bg);position:sticky;left:0;width:100%;box-sizing:border-box}

}

@media(prefers-color-scheme:dark){body:not(.fm-ui) .forex-intro{--ink:#c8dcf0;--body:#e3eaf1;--soft:#b4c4d4;--line:#455669;--note-bg:#223345}body:not(.fm-ui) .forex-intro .faq-item,body:not(.fm-ui) .forex-intro .comp-table tbody tr:nth-child(even) td{background:#1d2c3d}}



.forex-intro .intro-table-caption{padding:.95rem 1rem;margin-top:1.6rem;background:var(--note-bg);color:var(--ink);font-weight:650;font-size:.94rem;line-height:1.55;border:1px solid var(--line);border-radius:8px 8px 0 0}

.forex-intro .intro-captioned-scroll{margin-top:0;border-top:0;border-radius:0 0 8px 8px}

.forex-intro .comp-table .intro-caption-linked{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}

.forex-intro .forex-intro-media{scroll-margin-top:6rem}



/* Only the narrative BIS Bulletin 90 chronology: keep complete sentences readable on phones. */

@media(max-width:600px){

 .forex-intro .forex-table-scroll.intro-prose-table .comp-table{min-width:0;width:100%;table-layout:fixed}

 .forex-intro .forex-table-scroll.intro-prose-table .comp-table th,.forex-intro .forex-table-scroll.intro-prose-table .comp-table td{padding:.7rem .75rem}

 .forex-intro .forex-table-scroll.intro-prose-table .comp-table tr>:first-child{width:35%;hyphens:none}

 .forex-intro .forex-table-scroll.intro-prose-table::before{display:none;content:none}

}



/* Section and subtopic navigation for lesson 1.1. */



.forex-intro .intro-toc-tree .tocHint{margin:.6rem 0 1rem;font-size:.86rem;line-height:1.55;color:var(--soft)}

.forex-intro .intro-toc-tree .tocList{display:block;list-style:decimal;margin:0;padding-left:1.6rem;line-height:1.5}

.forex-intro .intro-toc-tree .tocList>li{display:list-item;padding:.55rem 0;margin:0;border-bottom:1px solid var(--line)}

.forex-intro .intro-toc-tree .tocList>li:last-child{border-bottom:0}

.forex-intro .intro-toc-tree .tocList>li::marker{color:var(--soft);font-variant-numeric:tabular-nums}

.forex-intro .intro-toc-tree .tocList>li>a{display:inline;padding:0;margin:0;border:0;border-radius:0;background:transparent;color:var(--ink);font-size:.96rem;font-weight:650;line-height:1.5;text-decoration:none;transition:none}

.forex-intro .intro-toc-tree .tocList>li>a:hover{padding:0;background:transparent;color:var(--accent);text-decoration:underline;text-underline-offset:.18em}

.forex-intro .intro-toc-tree .tocDetails{margin-top:.2rem}

.forex-intro .intro-toc-tree .tocDetails summary{padding:.25rem 0;min-height:28px;font-size:.84rem;line-height:1.5;font-weight:400;color:var(--accent);cursor:pointer}

.forex-intro .intro-toc-tree .tocDetails summary::marker{color:var(--accent)}

.forex-intro .intro-toc-tree .tocSublist{display:block;list-style:disc;padding-left:1.1rem;margin:.35rem 0 .4rem;border-left:2px solid var(--line)}

.forex-intro .intro-toc-tree .tocSublist li{display:list-item;margin:.25rem 0;padding:.15rem .1rem;font-size:.88rem;line-height:1.6}

.forex-intro .intro-toc-tree .tocSublist a{color:var(--accent);text-decoration:underline;text-underline-offset:.16em;overflow-wrap:anywhere}

.forex-intro .intro-toc-tree a:focus-visible,.forex-intro .intro-toc-tree summary:focus-visible{outline:3px solid var(--accent);outline-offset:3px;border-radius:2px}


/* Native German compound words in course headings. */
.forex-intro h1, .forex-intro h2, .forex-intro h3 {
  hyphens: auto;
  overflow-wrap: anywhere;
}