/* PHASE 9C.5A4D3O4B1BC – Praxis & Werkzeuge */
.practice-tools-page .practice-intro{margin-bottom:18px;}
.practice-tools-page .practice-intro p{max-width:78ch;}
.practice-tools-grid{
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:16px;
  margin:0 0 20px;
}
.practice-tool-card{
  display:flex;
  flex-direction:column;
  align-items:flex-start;
  min-width:0;
  padding:20px 21px 21px;
  border:1px solid rgba(166,108,10,.34);
  border-radius:12px;
  background:linear-gradient(180deg,rgba(255,252,244,.97),rgba(248,238,216,.94));
  box-shadow:inset 0 0 0 1px rgba(255,255,255,.42),0 3px 9px rgba(69,37,0,.055);
}
.practice-tool-type{
  display:inline-flex;
  align-items:center;
  min-height:25px;
  margin:0 0 8px;
  padding:4px 9px;
  border:1px solid rgba(166,108,10,.31);
  border-radius:999px;
  background:rgba(255,248,226,.78);
  color:#5d3b0a;
  font-family:var(--font-ui);
  font-size:12px;
  font-weight:700;
  line-height:1.25;
  letter-spacing:.01em;
}
.practice-tool-card h2{
  margin:0 0 9px;
  color:#3c2a13;
  font-size:clamp(21px,2vw,27px);
  line-height:1.18;
}
.practice-tool-card p{
  flex:1 1 auto;
  max-width:68ch;
  margin:0 0 16px;
  color:#55432c;
  font-family:var(--font-ui);
  font-size:16px;
  line-height:1.62;
}
.practice-tool-link{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  min-height:40px;
  padding:8px 14px;
  border:1px solid #75500c;
  border-radius:9px;
  background:linear-gradient(180deg,#f4cf68 0%,#dda934 54%,#b97810 100%);
  box-shadow:inset 0 0 0 1px rgba(255,239,184,.78),0 2px 5px rgba(58,32,4,.16);
  color:#241507;
  font-family:var(--font-ui);
  font-size:13px;
  font-weight:700;
  line-height:1.25;
  letter-spacing:.01em;
  text-decoration:none;
}
.practice-tool-link:hover{filter:brightness(1.035);transform:translateY(-1px);}
.practice-tool-link:focus-visible{outline:3px solid rgba(185,120,15,.48);outline-offset:3px;}
.practice-tools-notice{
  margin:20px 0 0;
  padding:17px 19px;
  border:1px solid rgba(166,108,10,.28);
  border-left:4px solid #b8790b;
  border-radius:11px;
  background:rgba(255,248,226,.62);
}
.practice-tools-notice h2{margin:0 0 7px;font-size:clamp(20px,1.8vw,24px);line-height:1.2;}
.practice-tools-notice p{max-width:82ch;margin:0;color:#5b472d;font-family:var(--font-ui);font-size:14px;line-height:1.58;}
@media(max-width:760px){
  .practice-tools-grid{grid-template-columns:1fr;gap:13px;}
  .practice-tool-card{padding:17px 16px 18px;}
  .practice-tool-card h2{font-size:21px;}
  .practice-tool-card p{font-size:15px;line-height:1.6;}
  .practice-tool-link{width:100%;min-height:42px;}
  .practice-tools-notice{padding:15px 15px 16px;}
}
@media(prefers-reduced-motion:reduce){.practice-tool-link{transition:none;}}

/* PHASE 9C.5A4D3O4B1BD – ausführlichere Praxis-Erklärungen */
.practice-tool-card .practice-tool-detail{
  margin-top:-7px;
  padding-top:11px;
  border-top:1px solid rgba(166,108,10,.18);
  color:#604b2f;
  font-size:15px;
  line-height:1.6;
}
@media(max-width:760px){
  .practice-tool-card .practice-tool-detail{font-size:14.5px;line-height:1.58;}
}


/* PHASE 9C.5A4D3O4B1BF – fünftes Praxiswerkzeug: Bitcoinpreis über Google Finance */
.practice-tool-card-price{grid-column:1 / -1;}
.practice-tool-card-price p{max-width:82ch;}
@media(max-width:760px){.practice-tool-card-price{grid-column:auto;}}

/* SCHRITT 7 – DCA-Einstieg innerhalb Praxis & Werkzeuge */
.practice-tool-card-dca{grid-column:1 / -1;}
.practice-tool-card-dca p{max-width:82ch;}
.dca-status{margin:18px 0 0;padding:17px 19px;border:1px solid rgba(166,108,10,.28);border-left:4px solid #b8790b;border-radius:11px;background:rgba(255,248,226,.62);}
.dca-status h2{margin:0 0 7px;font-size:clamp(20px,1.8vw,24px);line-height:1.2;}
.dca-status p{max-width:82ch;margin:.35rem 0;color:#5b472d;font-family:var(--font-ui);font-size:15px;line-height:1.58;}
.dca-status .practice-tool-link{margin-top:8px;}
@media(max-width:760px){.practice-tool-card-dca{grid-column:auto;}}

/* SCHRITT 8 – funktionsfähiger DCA-Testrechner mit BTC/EUR-Historie */
.dca-calculator{margin:18px 0 0;padding:20px;border:1px solid rgba(166,108,10,.28);border-radius:12px;background:rgba(255,252,244,.93)}
.dca-calculator h2{margin:0 0 8px}.dca-calculator>p{max-width:82ch}
.dca-data-status{margin:14px 0;padding:11px 13px;border-radius:9px;background:#f5ecd8;font-family:var(--font-ui);font-size:14px;line-height:1.45}
.dca-data-status[data-state="ready"]{border-left:4px solid #6d7d32}.dca-data-status[data-state="error"]{border-left:4px solid #9a3c2f}.dca-data-status[data-state="loading"]{border-left:4px solid #b8790b}
.dca-form{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;align-items:end;margin:16px 0}
.dca-field{display:flex;flex-direction:column;gap:6px}.dca-field label{font-family:var(--font-ui);font-size:13px;font-weight:700;color:#4a351c}
.dca-field input,.dca-field select{width:100%;min-height:44px;padding:9px 10px;border:1px solid rgba(117,80,12,.45);border-radius:8px;background:#fffdf8;color:#2d2112;font:inherit;font-family:var(--font-ui);font-size:16px;line-height:1.35}
.dca-submit{grid-column:1/-1;justify-self:start;min-width:200px}.dca-submit:disabled{opacity:.55;cursor:not-allowed;transform:none}
.dca-result{margin-top:18px}.dca-result-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}
.dca-result-grid>div{padding:13px 14px;border:1px solid rgba(166,108,10,.18);border-radius:9px;background:rgba(255,248,226,.55)}
.dca-result-grid span{display:block;margin-bottom:4px;font-family:var(--font-ui);font-size:12px;color:#6b573d}.dca-result-grid strong{font-size:18px;color:#30200e}
.dca-result-grid .is-positive strong{color:#3f662c}.dca-result-grid .is-negative strong{color:#8c352c}
.dca-result-note,.dca-source-note{max-width:84ch;margin:12px 0 0;color:#604b2f;font-family:var(--font-ui);font-size:13px;line-height:1.55}.dca-form-error{padding:12px;border-left:4px solid #9a3c2f;background:#f8e9e4}
@media(max-width:760px){.dca-form{grid-template-columns:1fr}.dca-submit{grid-column:auto;width:100%}.dca-result-grid{grid-template-columns:1fr}.dca-calculator{padding:16px}}

/* SCHRITT 10 – DCA mit frei wählbarem Start/Ende und Verlaufsgrafik */
.dca-form{grid-template-columns:repeat(4,minmax(0,1fr));}
.dca-chart-card{margin:16px 0 0;padding:15px 15px 12px;border:1px solid rgba(166,108,10,.2);border-radius:10px;background:rgba(255,253,248,.9)}
.dca-chart-heading{display:flex;align-items:flex-start;justify-content:space-between;gap:18px;margin:0 0 8px}
.dca-chart-heading h3{margin:0 0 4px;color:#3c2a13;font-size:18px;line-height:1.25}
.dca-chart-heading p{margin:0;max-width:62ch;color:#604b2f;font-family:var(--font-ui);font-size:12.5px;line-height:1.45}
.dca-chart-legend{display:flex;flex-wrap:wrap;justify-content:flex-end;gap:8px 14px;color:#5c482e;font-family:var(--font-ui);font-size:12px;font-weight:700;white-space:nowrap}
.dca-chart-legend span{display:inline-flex;align-items:center;gap:6px}
.dca-chart-legend span::before{content:"";display:inline-block;width:18px;height:3px;border-radius:99px;background:#9b7a42}
.dca-chart-legend .legend-value::before{background:#4d6d32}
.dca-chart-scroll{width:100%;overflow-x:auto;overscroll-behavior-inline:contain}
.dca-chart{display:block;width:100%;min-width:620px;height:auto}
.dca-chart-grid{stroke:rgba(92,72,46,.14);stroke-width:1}
.dca-chart-axis-line{stroke:rgba(92,72,46,.34);stroke-width:1}
.dca-chart-axis{fill:#725b3e;font-family:var(--font-ui);font-size:11px}
.dca-chart-line{fill:none;stroke-width:3;stroke-linecap:round;stroke-linejoin:round;vector-effect:non-scaling-stroke}
.dca-chart-invested{stroke:#9b7a42}
.dca-chart-value{stroke:#4d6d32}
@media(max-width:980px){.dca-form{grid-template-columns:repeat(2,minmax(0,1fr));}}
@media(max-width:760px){.dca-form{grid-template-columns:1fr}.dca-chart-card{padding:13px 10px 10px}.dca-chart-heading{display:block}.dca-chart-legend{justify-content:flex-start;margin-top:8px}.dca-chart{min-width:560px}}

/* DCA chart reconciliation / inspection */
.dca-chart-card{position:relative}
.dca-chart-hint{margin:8px 0 6px;padding:8px 10px;border-radius:8px;background:rgba(211,164,63,.10);color:#5f4a2d;font-family:var(--font-ui);font-size:12px;line-height:1.45}
.dca-chart-end-line{stroke:rgba(77,109,50,.42);stroke-width:1.3;stroke-dasharray:4 5;vector-effect:non-scaling-stroke}
.dca-chart-end-dot{fill:#4d6d32;stroke:#fffaf0;stroke-width:2;vector-effect:non-scaling-stroke}
.dca-chart-end-label{fill:#36501f;font-family:var(--font-ui);font-size:11px;font-weight:800}
.dca-chart-reconcile{display:flex;flex-wrap:wrap;gap:7px 14px;align-items:center;margin:8px 0 0;padding:9px 10px;border:1px solid rgba(77,109,50,.18);border-radius:8px;background:rgba(77,109,50,.06);color:#4d3b25;font-family:var(--font-ui);font-size:12px;line-height:1.35}
.dca-chart-reconcile strong{color:#30481d}
.dca-chart-peak{margin:7px 2px 0;color:#6a5336;font-family:var(--font-ui);font-size:12px;line-height:1.4}
.dca-chart-tooltip{position:absolute;z-index:5;min-width:190px;max-width:250px;padding:9px 10px;border:1px solid rgba(73,53,28,.24);border-radius:8px;background:rgba(255,252,245,.98);box-shadow:0 8px 22px rgba(61,42,16,.16);color:#4a3822;font-family:var(--font-ui);font-size:11.5px;line-height:1.35;pointer-events:none}
.dca-chart-tooltip strong,.dca-chart-tooltip span{display:block}
.dca-chart-tooltip strong{margin-bottom:4px;color:#2f2417}
.dca-chart-tooltip span+span{margin-top:2px}


/* Schritt 13: DCA-Detailtabelle / Sparplan im Detail */
.dca-detail-card{margin:18px 0 0;padding:15px;border:1px solid rgba(166,108,10,.2);border-radius:10px;background:rgba(255,253,248,.94)}
.dca-detail-heading{display:flex;align-items:flex-start;justify-content:space-between;gap:18px;margin:0 0 11px}
.dca-detail-heading h3{margin:0 0 5px;color:#3c2a13;font-size:18px;line-height:1.25}
.dca-detail-heading p{margin:0;max-width:72ch;color:#604b2f;font-family:var(--font-ui);font-size:12.5px;line-height:1.5}
.dca-csv-button{flex:0 0 auto;margin:0;white-space:nowrap}
.dca-table-scroll{width:100%;overflow-x:auto;overscroll-behavior-inline:contain;border:1px solid rgba(166,108,10,.16);border-radius:9px;background:#fffdf8}
.dca-detail-table{width:100%;min-width:1180px;border-collapse:collapse;font-family:var(--font-ui);font-size:12.5px;font-variant-numeric:tabular-nums}
.dca-detail-table th,.dca-detail-table td{padding:10px 11px;border-bottom:1px solid rgba(92,72,46,.14);text-align:right;vertical-align:middle;white-space:nowrap}
.dca-detail-table th:first-child,.dca-detail-table td:first-child,.dca-detail-table th:nth-child(2),.dca-detail-table td:nth-child(2){text-align:left}
.dca-detail-table thead th{background:#ead7a9;color:#3a2914;font-size:11.5px;font-weight:800;letter-spacing:.01em}
.dca-detail-table tbody tr:nth-child(even){background:rgba(239,224,187,.20)}
.dca-detail-table tbody tr:hover{background:rgba(211,164,63,.12)}
.dca-detail-table td.is-positive,.dca-detail-table tfoot .is-positive{color:#3f662c;font-weight:700}
.dca-detail-table td.is-negative,.dca-detail-table tfoot .is-negative{color:#8c352c;font-weight:700}
.dca-detail-table td.is-neutral,.dca-detail-table tfoot .is-neutral{color:#65533b;font-weight:700}
.dca-detail-table tfoot th,.dca-detail-table tfoot td{border-top:2px solid rgba(77,109,50,.32);border-bottom:0;background:rgba(77,109,50,.07);font-weight:700}
.dca-detail-end-row th{text-align:left!important;white-space:normal!important}
.dca-detail-end-row th strong,.dca-detail-end-row th span{display:block}.dca-detail-end-row th span{margin-top:2px;color:#6a563c;font-weight:500}
.dca-detail-end-note{margin:8px 2px 0;color:#685337;font-family:var(--font-ui);font-size:11.5px;line-height:1.45}
.dca-table-controls{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-top:10px;color:#675239;font-family:var(--font-ui);font-size:12px}
.dca-table-buttons{display:flex;flex-wrap:wrap;justify-content:flex-end;gap:8px}.dca-table-buttons .practice-tool-link{margin:0;padding:8px 12px;min-height:0;font-size:12px}
@media(max-width:760px){.dca-detail-card{padding:13px 10px}.dca-detail-heading{display:block}.dca-csv-button{margin-top:10px;width:100%;justify-content:center}.dca-detail-table{min-width:1100px}.dca-table-controls{display:block}.dca-table-buttons{justify-content:flex-start;margin-top:8px}.dca-table-buttons .practice-tool-link{flex:1 1 auto}.dca-table-scroll{scrollbar-width:thin}}


/* SCHRITT 27 – DCA-Dashboard sauber neu aufgebaut */
.dca-calculator{padding:24px;border:1px solid rgba(120,95,52,.18);border-radius:16px;background:#fffdfa;box-shadow:0 10px 24px rgba(53,38,14,.05)}
.dca-calculator h2{margin:0 0 8px;color:#2d2317;font-size:clamp(24px,2.3vw,30px)}
.dca-calculator>p{margin:0;max-width:78ch;color:#5d4c35;font-family:var(--font-ui);font-size:15px;line-height:1.6}
.dca-data-status{margin:16px 0 0;padding:12px 14px;border:1px solid rgba(120,95,52,.12);border-radius:12px;background:#f5f3ed}
.dca-form{grid-template-columns:repeat(4,minmax(0,1fr));gap:16px;margin:18px 0 0;padding:18px;border:1px solid rgba(120,95,52,.14);border-radius:14px;background:#f7f5f0}
.dca-field label{font-size:12.5px;letter-spacing:.01em;text-transform:none;color:#4b3d2a}
.dca-field input,.dca-field select{min-height:48px;padding:11px 12px;border:1px solid rgba(111,95,71,.24);border-radius:10px;background:#ffffff;font-size:15px;box-shadow:inset 0 1px 0 rgba(255,255,255,.8)}
.dca-field input:focus,.dca-field select:focus{outline:2px solid rgba(26,125,138,.22);outline-offset:1px;border-color:rgba(17,126,138,.42)}
.dca-submit{justify-self:start;min-width:220px;margin-top:2px}
.dca-dashboard{margin-top:20px}
.dca-primary-metrics{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:12px}
.dca-metric-card{display:flex;flex-direction:column;justify-content:center;min-height:110px;padding:18px 18px 16px;border:1px solid rgba(111,95,71,.12);border-radius:14px;background:#f3f4f6;box-shadow:inset 0 1px 0 rgba(255,255,255,.8)}
.dca-metric-label{display:block;margin:0 0 10px;color:#706253;font-family:var(--font-ui);font-size:13px;font-weight:700;line-height:1.35}
.dca-metric-value{display:block;color:#111827;font-size:clamp(24px,2.2vw,34px);line-height:1.08;font-variant-numeric:tabular-nums}
.dca-metric-meta{display:block;margin-top:8px;color:#8a7d6b;font-family:var(--font-ui);font-size:12px;line-height:1.3}
.dca-metric-card.is-positive .dca-metric-value{color:#24704d}
.dca-metric-card.is-negative .dca-metric-value{color:#a13e30}
.dca-secondary-metrics{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;margin-top:12px}
.dca-secondary-card{display:flex;flex-direction:column;gap:5px;padding:14px 16px;border:1px solid rgba(111,95,71,.10);border-radius:12px;background:#fbfaf7}
.dca-secondary-card span{color:#7b6a57;font-family:var(--font-ui);font-size:12px;font-weight:700;line-height:1.3}
.dca-secondary-card strong{color:#2b2218;font-size:17px;line-height:1.25;font-variant-numeric:tabular-nums}
.dca-secondary-card em{margin-top:2px;color:#8a7a67;font-family:var(--font-ui);font-size:12px;font-style:normal}
.dca-chart-card,.dca-detail-card{margin-top:18px;padding:18px;border:1px solid rgba(111,95,71,.12);border-radius:16px;background:#fbfaf7;box-shadow:inset 0 1px 0 rgba(255,255,255,.85)}
.dca-chart-heading h3,.dca-detail-heading h3{font-size:20px}
.dca-chart-heading p,.dca-detail-heading p{font-size:13px;color:#645543}
.dca-chart-legend{gap:10px 18px;color:#5f5142;font-size:12.5px}
.dca-chart-legend span::before{width:22px;height:4px;background:#117e8a}
.dca-chart-legend .legend-value::before{background:#e39a0a}
.dca-chart-grid{stroke:rgba(96,81,61,.12)}
.dca-chart-axis-line{stroke:rgba(96,81,61,.28)}
.dca-chart-axis{fill:#776654;font-size:11px}
.dca-chart-invested{stroke:#117e8a}
.dca-chart-value{stroke:#e39a0a}
.dca-chart-hint{background:rgba(17,126,138,.08);color:#4f4437}
.dca-chart-end-line{stroke:rgba(227,154,10,.52)}
.dca-chart-end-dot{fill:#e39a0a;stroke:#fffdfa}
.dca-chart-end-label{fill:#875d07}
.dca-chart-reconcile{border:1px solid rgba(17,126,138,.14);background:rgba(17,126,138,.05)}
.dca-chart-reconcile strong{color:#184f58}
.dca-chart-peak{color:#685847}
.dca-detail-table thead th{background:#ece7d9;color:#35281b}
.dca-detail-table tbody tr:nth-child(even){background:rgba(236,231,217,.34)}
.dca-detail-table tbody tr:hover{background:rgba(17,126,138,.08)}
.dca-detail-table tfoot th,.dca-detail-table tfoot td{border-top:2px solid rgba(17,126,138,.26);background:rgba(17,126,138,.06)}
.dca-result-note,.dca-source-note{font-size:12.5px;color:#665846}
@media(max-width:1180px){.dca-primary-metrics{grid-template-columns:repeat(3,minmax(0,1fr))}.dca-secondary-metrics{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:760px){.dca-calculator{padding:18px}.dca-form{grid-template-columns:1fr;padding:15px}.dca-submit{width:100%;min-width:0}.dca-primary-metrics,.dca-secondary-metrics{grid-template-columns:1fr}.dca-metric-card{min-height:0;padding:16px}.dca-metric-value{font-size:28px}.dca-chart-card,.dca-detail-card{padding:14px}}


/* SCHRITT 28 – nur zwei QA-Nacharbeiten aus Schritt 27 */
.dca-metric-card-btc .dca-metric-value{
  white-space:nowrap;
  font-size:clamp(20px,1.75vw,29px);
}
@media(max-width:760px){
  .dca-metric-card-btc .dca-metric-value{font-size:26px;}
}


/* SCHRITT 29 – DCA-Achsen lesbarer gemacht */
.dca-chart{min-width:760px}
.dca-chart-axis-x{font-size:10.5px}
.dca-chart-grid-vertical{stroke:rgba(96,81,61,.08)}
@media(max-width:760px){.dca-chart{min-width:720px}}


/* SCHRITT 30 – DCA-Gitter deutlicher und Punkte auf jeder Kaufposition */
.dca-chart-grid{stroke:rgba(96,81,61,.18);stroke-width:1;shape-rendering:crispEdges}
.dca-chart-grid-vertical{stroke:rgba(96,81,61,.14)}
.dca-chart-point{vector-effect:non-scaling-stroke}
.dca-chart-point-invested{fill:#ffffff;stroke:#117e8a;stroke-width:1.8}
.dca-chart-point-value{fill:#ffffff;stroke:#e39a0a;stroke-width:1.9}


/* SCHRITT 32 – DCA-Chart stärker an Referenz angenähert */
.dca-chart-card-refined{padding:18px 18px 16px;background:#f7f8fa;border:1px solid rgba(111,95,71,.10)}
.dca-chart-heading-refined{align-items:center;justify-content:space-between;margin-bottom:10px}
.dca-chart-heading-refined .dca-chart-legend{margin-left:auto;justify-content:center}
.dca-chart-refined{display:block;width:100%;min-width:820px;height:auto}
.dca-chart-plot-bg{fill:#eef1f4}
.dca-chart-grid{stroke:rgba(119,127,137,.28);stroke-width:1;shape-rendering:crispEdges}
.dca-chart-grid-vertical{stroke:rgba(119,127,137,.20)}
.dca-chart-axis-line{stroke:rgba(119,127,137,.44)}
.dca-chart-axis{fill:#616974;font-size:11px}
.dca-chart-axis-x{font-size:10.6px}
.dca-chart-invested{stroke:#117e8a;stroke-width:3.2}
.dca-chart-value{stroke:#e39a0a;stroke-width:3.2}
.dca-chart-point-invested{fill:#ffffff;stroke:#117e8a;stroke-width:1.8}
.dca-chart-point-value{fill:#ffffff;stroke:#e39a0a;stroke-width:1.9}
.dca-chart-hint{margin-top:10px;background:rgba(17,126,138,.07)}
.dca-chart-reconcile{margin-top:10px}
.dca-chart-tooltip{min-width:210px;max-width:260px}
@media(max-width:1100px){.dca-chart-refined{min-width:760px}}
@media(max-width:760px){.dca-chart-card-refined{padding:14px}.dca-chart-refined{min-width:720px}.dca-chart-heading-refined{display:block}.dca-chart-heading-refined .dca-chart-legend{margin-top:8px;justify-content:flex-start}}


/* SCHRITT 34 – X-Achse optisch näher an Referenz */
.dca-chart-axis-x{font-size:11px;letter-spacing:.01em}
.dca-chart-refined{padding-bottom:2px}


/* SCHRITT 35 – X-Achse bereinigt, Kaufpunkte nur an echten Käufen */
.dca-chart-axis-x{font-size:10.8px;letter-spacing:0}
.dca-chart-card-refined .dca-chart-scroll{padding-bottom:0}
.dca-chart-point{pointer-events:none}


/* SCHRITT 40 – DCA-Oberfläche weiter reduziert */
.dca-data-status[hidden]{display:none!important}
.dca-table-controls [data-dca-table-count]{display:none!important}
.dca-table-controls{justify-content:flex-end}
@media(max-width:760px){.dca-table-controls{display:flex;justify-content:flex-start}}