/* Approved C presentation is confined to the job detail; the wooden shell stays shared. */
.student-job-quest.student-job-quest.student-job-quest {
  --job-bg: #091521;
  --job-panel: #111f30;
  --job-border: #34516b;
  --job-muted: #bccbdc;
  --job-purple: #c397ff;
  --job-text: #f4f5ff;
  display: grid;
  gap: 18px;
  min-width: 0;
  border: 1px solid var(--job-border);
  border-radius: 16px;
  background: linear-gradient(135deg, #0c1b29, var(--job-bg));
  padding: 22px;
  color: #f4f5ff;
  font: 15px/1.55 Pretendard, "Noto Sans KR", sans-serif;
  color-scheme: dark;
  overflow-wrap: anywhere;
}
.student-job-quest.student-job-quest.student-job-quest :is(h2,h3,h4,p,small,strong,span,dd,dt,li,label,em,b) { color: var(--job-text); font-family: inherit; }
.student-job-quest.student-job-quest.student-job-quest :is(h2,h3,h4,p) { margin-top: 0; }
.student-job-quest.student-job-quest.student-job-quest h2 { font-size: clamp(24px, 2.4vw, 34px); line-height: 1.25; }
.student-job-quest.student-job-quest.student-job-quest h3 { font-size: 20px; }
.student-job-quest.student-job-quest.student-job-quest h4 { font-size: 17px; }
.student-job-quest.student-job-quest.student-job-quest :is(p,small,dt,dd,li,label) { font-size: 14px; }
.student-job-quest.student-job-quest.student-job-quest :is(small,dt) { color: var(--job-muted); }
.student-job-quest.student-job-quest.student-job-quest :is(button,summary) { min-width: 44px; min-height: 44px; font: inherit; cursor: pointer; }
.student-job-quest.student-job-quest.student-job-quest button { border: 1px solid #6d82a2; border-radius: 9px; background: #17263c; padding: 10px 14px; color: #f4f5ff; box-shadow: none; }
.student-job-quest.student-job-quest.student-job-quest button:disabled { opacity: .5; cursor: default; filter: none; }
.student-job-quest.student-job-quest.student-job-quest :is(button,input,textarea,summary):focus-visible { outline: 3px solid #dab8ff; outline-offset: 3px; }
.student-job-quest.student-job-quest.student-job-quest .student-job-quest__primary { border-color: #c397ff; background: linear-gradient(135deg, #9151d0, #7540c6); color: #fff; font-weight: 850; }
.student-job-quest.student-job-quest.student-job-quest :is(i,.student-job-application__stars) { color: var(--job-purple); }
.student-job-quest.student-job-quest.student-job-quest .student-job-quest__primary i { color: #fff; }
.student-job-quest.student-job-quest.student-job-quest :is(.student-job-quest__mode,.student-job-reflection__policy-pill span)[data-mode="required"] { border-color: #bb6d84; background: #803546; }
.student-job-quest.student-job-quest.student-job-quest :is(.student-job-quest__mode,.student-job-reflection__policy-pill span)[data-mode="optional"] { border-color: #648d71; background: #235539; }
.student-job-quest.student-job-quest.student-job-quest :is(.student-job-quest__mode,.student-job-reflection__policy-pill span)[data-mode="off"] { border-color: #768da6; background: #34485d; }
.student-job-quest.student-job-quest.student-job-quest .student-job-quest__head { display: flex; flex-wrap: wrap; align-items: start; justify-content: space-between; gap: 12px; min-height: 0; margin: 0; border: 0; padding: 0; }
.student-job-quest.student-job-quest.student-job-quest .student-job-quest__head > div { flex: 1 1 260px; }
.student-job-quest.student-job-quest.student-job-quest .student-job-quest__month { margin: 0 0 6px; color: var(--job-muted); font-size: 13px; }
.student-job-quest.student-job-quest.student-job-quest :is(.student-job-quest__pay,.student-job-waiting__status,.student-job-result__status) { width: auto; min-height: 38px; margin: 0; border: 1px solid #725491; border-radius: 10px; background: #281d3e; padding: 6px 12px; color: #e4ccff; font-size: 14px; }
.student-job-quest.student-job-quest.student-job-quest .student-job-quest__steps { display: grid; grid-template-columns: repeat(5,minmax(0,1fr)); gap: 8px; margin: 0; padding: 12px 0; list-style: none; }
.student-job-quest.student-job-quest.student-job-quest .student-job-quest__steps li { display: grid; justify-items: center; gap: 5px; font-size: 13px; }
.student-job-quest.student-job-quest.student-job-quest .student-job-quest__steps li::after { display: none; }
.student-job-quest.student-job-quest.student-job-quest .student-job-quest__steps b { display: grid; width: 36px; height: 36px; place-items: center; border: 1px solid #758aa4; border-radius: 50%; background: #122033; color: #d2def0; font-size: 14px; }
.student-job-quest.student-job-quest.student-job-quest .student-job-quest__steps [data-state="current"] b { border-color: #d4b2ff; background: #9b61da; color: #fff; box-shadow: 0 0 0 3px #a665cf28; }
.student-job-quest.student-job-quest.student-job-quest .student-job-quest__steps [data-state="complete"] b { color: #bca0eb; }
.student-job-quest.student-job-quest.student-job-quest .student-job-quest__schedule { display: grid; grid-template-columns: repeat(4,minmax(0,1fr)); gap: 8px; margin: 0; }
.student-job-quest.student-job-quest.student-job-quest .student-job-quest__schedule > div { border: 1px solid var(--job-border); border-radius: 8px; background: var(--job-panel); padding: 8px 10px; }
.student-job-quest.student-job-quest.student-job-quest .student-job-quest__schedule dd { margin: 2px 0 0; }
.student-job-quest.student-job-quest.student-job-quest .student-job-quest__body { display: grid; gap: 16px; }
.student-job-quest.student-job-quest.student-job-quest :is(.student-job-application,.student-job-result,.student-job-waiting,.student-job-activity,.student-job-reflection) { display: grid; min-width: 0; gap: 14px; border: 0; background: transparent; }
.student-job-quest.student-job-quest.student-job-quest .student-job-application { grid-template-columns: minmax(0,.95fr) minmax(0,1.1fr) minmax(0,1.1fr); }
.student-job-quest.student-job-quest.student-job-quest :is(.student-job-result,.student-job-waiting,.student-job-activity,.student-job-reflection) { grid-template-columns: minmax(0,1.4fr) minmax(0,1fr); }
.student-job-quest.student-job-quest.student-job-quest :is(.student-job-application>section,.student-job-result>section,.student-job-waiting>section,.student-job-activity__daily,.student-job-weekly,.student-job-activity__next,.student-job-reflection__form,.student-job-reflection__salary,.student-job-reflection__feedback) { min-width: 0; border: 1px solid var(--job-border) !important; border-radius: 12px; background: var(--job-panel); padding: 16px !important; }
.student-job-quest.student-job-quest.student-job-quest .student-job-application__progress { display: none; }
.student-job-quest.student-job-quest.student-job-quest .student-job-application__catalog-list { display: grid; grid-auto-rows: max-content; align-content: start; gap: 8px; max-height: 600px; overflow-y: auto; }
.student-job-quest.student-job-quest.student-job-quest .student-job-choice { display: grid; grid-template-columns: 28px minmax(0,1fr) auto; align-items: center; gap: 8px; width: 100%; height: auto; text-align: left; }
.student-job-quest.student-job-quest.student-job-quest .student-job-choice.is-focused { border-color: #bd8bf2; background: #302449; }
.student-job-quest.student-job-quest.student-job-quest .student-job-choice :is(strong,small) { display: block; }
.student-job-quest.student-job-quest.student-job-quest .student-job-choice small { font-size: 12px; }
.student-job-quest.student-job-quest.student-job-quest .student-job-choice__check { background: #312448; color: #e4c8ff; }
.student-job-quest.student-job-quest.student-job-quest .student-job-application__job-title { margin: 10px 0; border-color: var(--job-border); font-size: 22px; }
.student-job-quest.student-job-quest.student-job-quest .student-job-application__add { width: 100%; margin-bottom: 14px; }
.student-job-quest.student-job-quest.student-job-quest .student-job-application__facts > div { display: grid; grid-template-columns: 76px minmax(0,1fr); gap: 8px; border-color: var(--job-border); padding: 9px 0; }
.student-job-quest.student-job-quest.student-job-quest .student-job-application__facts dd { margin: 0; }
.student-job-quest.student-job-quest.student-job-quest .student-job-application__salary { color: #ead3ff !important; }
.student-job-quest.student-job-quest.student-job-quest .student-job-application__task-group { border-color: var(--job-border); padding: 12px 0; }
.student-job-quest.student-job-quest.student-job-quest .student-job-application__task-group ul { margin: 0; padding-left: 20px; }
.student-job-quest.student-job-quest.student-job-quest .student-job-application__order-head { display: flex; flex-wrap: wrap; align-items: center; justify-content: space-between; gap: 8px; }
.student-job-quest.student-job-quest.student-job-quest .student-job-application__order ol { display: grid; gap: 10px; min-height: 0; margin: 14px 0; padding: 0; list-style: none; }
.student-job-quest.student-job-quest.student-job-quest .student-job-application__order li { display: grid; grid-template-columns: 32px minmax(0,1fr) 44px 44px; gap: 6px; border: 1px solid var(--job-border); border-radius: 10px; background: #16263a; padding: 10px 6px; }
.student-job-quest.student-job-quest.student-job-quest .student-job-application__order li::after { display: none; }
.student-job-quest.student-job-quest.student-job-quest .student-job-application__rank { display: grid; width: 30px; height: 30px; place-items: center; border: 1px solid #b583e6; border-radius: 50%; background: #7c49b5; color: #fff; box-shadow: none; }
.student-job-quest.student-job-quest.student-job-quest .student-job-application__order-copy { display: flex; flex-wrap: wrap; align-items: center; gap: 6px; }
.student-job-quest.student-job-quest.student-job-quest .student-job-application__order-copy strong { font-size: 14px; white-space: normal; overflow-wrap: anywhere; }
.student-job-quest.student-job-quest.student-job-quest .student-job-application__order-controls { display: grid; gap: 4px; }
.student-job-quest.student-job-quest.student-job-quest :is(.student-job-application__move,.student-job-application__remove) { width: 44px; height: 44px; padding: 0; }
.student-job-quest.student-job-quest.student-job-quest .student-job-application__reset { width: 100%; }
.student-job-quest.student-job-quest.student-job-quest :is(.student-job-application__actions,.student-job-result__actions,.student-job-waiting__actions,.student-job-activity__actions,.student-job-reflection__actions) { display: flex; flex-wrap: wrap; gap: 10px; margin: 0; border-color: var(--job-border); padding: 12px 0 0; }
.student-job-quest.student-job-quest.student-job-quest :is(.student-job-application__actions,.student-job-result__actions,.student-job-waiting__actions,.student-job-activity__actions,.student-job-reflection__actions) button { flex: 1 1 170px; min-width: 0; }
.student-job-quest.student-job-quest.student-job-quest .student-job-waiting__list { display: grid; gap: 10px; margin: 0; padding: 0; list-style: none; }
.student-job-quest.student-job-quest.student-job-quest .student-job-waiting__list li { display: grid; grid-template-columns: 40px 36px minmax(0,1fr); gap: 10px; align-items: center; min-height: 70px; border: 1px solid var(--job-border); border-radius: 10px; background: #16263a; padding: 12px; }
.student-job-quest.student-job-quest.student-job-quest .student-job-waiting__rank { border-color: #aa79d1; background: #654397; box-shadow: none; color: #fff; }
.student-job-quest.student-job-quest.student-job-quest .student-job-waiting__list strong { font-size: 18px; }
.student-job-quest.student-job-quest.student-job-quest :is(.student-job-waiting__fairness,.student-job-result__confirmation,.student-job-result__job-card,.student-job-result__tasks,.student-job-reflection__criteria,.student-job-reflection__notice,.student-job-reflection__timeline,.student-job-reflection__feedback>div,.student-job-weekly__card) { border: 1px solid var(--job-border); border-radius: 10px; background: #142438; padding: 12px; }
.student-job-quest.student-job-quest.student-job-quest :is(.student-job-result__job-card,.student-job-result__tasks) { display: grid; grid-template-columns: 1fr; gap: 10px; }
.student-job-quest.student-job-quest.student-job-quest .student-job-result__job-card>i { grid-row: auto; font-size: 42px; }
.student-job-quest.student-job-quest.student-job-quest .student-job-result__job-card :is(dl,dl>div) { border-color: var(--job-border); background: transparent; }
.student-job-quest.student-job-quest.student-job-quest .student-job-result__rows { overflow-x: auto; border: 1px solid var(--job-border); border-radius: 9px; }
.student-job-quest.student-job-quest.student-job-quest .student-job-result__row { display: grid; grid-template-columns: 44px minmax(70px,1fr) minmax(100px,1.4fr); margin: 0; border-color: var(--job-border); background: transparent; text-align: center; }
.student-job-quest.student-job-quest.student-job-quest .student-job-result__row>* { border-color: var(--job-border); min-height: 44px; padding: 8px 4px; }
.student-job-quest.student-job-quest.student-job-quest .student-job-result__row.is-own { background: #283147; color: #dfc7ff; }
.student-job-quest.student-job-quest.student-job-quest :is(.student-job-activity__summary,.student-job-reflection__summary) { display: grid; grid-template-columns: repeat(3,minmax(0,1fr)); border: 1px solid var(--job-border); border-radius: 10px; background: var(--job-panel); }
.student-job-quest.student-job-quest.student-job-quest :is(.student-job-activity__summary,.student-job-reflection__summary)>div { border-color: var(--job-border); padding: 12px; }
.student-job-quest.student-job-quest.student-job-quest :is(.student-job-activity__identity,.student-job-reflection__identity) strong { font-size: 18px; }
.student-job-quest.student-job-quest.student-job-quest :is(.student-job-activity__side,.student-job-reflection__side) { display: grid; align-content: start; gap: 14px; min-width: 0; }
.student-job-quest.student-job-quest.student-job-quest .student-job-day-panel { margin-top: 10px; border: 1px solid var(--job-border); border-radius: 9px; background: #142438; }
.student-job-quest.student-job-quest.student-job-quest .student-job-day-panel summary { display: flex; flex-wrap: wrap; gap: 8px; align-items: center; padding: 10px; background: transparent; }
.student-job-quest.student-job-quest.student-job-quest :is(.student-job-day-panel label,.student-job-weekly label) { display: flex; align-items: center; gap: 10px; min-height: 48px; padding: 8px 10px; }
.student-job-quest.student-job-quest.student-job-quest input[type="checkbox"] { flex: 0 0 auto; width: 23px; height: 23px; accent-color: #b57aeb; }
.student-job-quest.student-job-quest.student-job-quest .student-job-day-panel[data-locked] { opacity: .65; }
.student-job-quest.student-job-quest.student-job-quest .student-job-activity__daily-note { border-color: #55643f; background: #323021; }
.student-job-quest.student-job-quest.student-job-quest .student-job-reflection__field { display: grid; gap: 8px; margin-bottom: 16px; }
.student-job-quest.student-job-quest.student-job-quest textarea { box-sizing: border-box; width: 100%; min-height: 140px; border: 1px solid #6f809e; border-radius: 8px; background: #192a40; padding: 12px; color: #fff; font: inherit; font-size: 16px; line-height: 1.6; resize: vertical; }
.student-job-quest.student-job-quest.student-job-quest .student-job-reflection__salary>strong { display: block; color: #ead3ff; font-size: 30px; }
.student-job-quest.student-job-quest.student-job-quest .student-job-reflection__timeline { list-style: none; }
.student-job-quest.student-job-quest.student-job-quest .student-job-reflection__timeline li { display: flex; gap: 10px; min-height: 54px; border-color: var(--job-border); }
.student-job-quest.student-job-quest.student-job-quest .student-job-reflection__timeline li>i { background: transparent; }
.student-job-quest.student-job-quest.student-job-quest .student-job-reflection__timeline li::before { background: var(--job-border); }
.student-job-quest.student-job-quest.student-job-quest .student-job-reflection__timeline span { display: grid; }
.student-job-quest.student-job-quest.student-job-quest :is(.student-job-quest__save-state,.student-job-quest__salary-note) { margin: 0; border: 1px solid #55643f; border-radius: 8px; background: #323021; padding: 10px; color: #ffe19e; }
.student-job-quest.student-job-quest.student-job-quest .student-job-quest__notice { display: flex; flex-wrap: wrap; align-items: center; justify-content: space-between; gap: 10px; border: 1px solid #a075a7; border-radius: 10px; background: #2b213b; padding: 14px; }
.student-job-quest.student-job-quest.student-job-quest .student-job-quest__notice[data-tone="error"] { border-color: #df8a91; }
.student-job-quest.student-job-quest.student-job-quest .student-job-tutorial { flex: 0 1 100%; min-width: 0; }
.student-job-quest.student-job-quest.student-job-quest .student-job-tutorial summary { color: #dcbaff; }
.student-job-quest.student-job-quest.student-job-quest .student-job-tutorial__panel { display: grid; gap: 10px; border: 1px solid #8670a6; border-radius: 10px; background: #241d36; padding: 14px; }
.student-job-quest.student-job-quest.student-job-quest .student-job-tutorial__actions { display: flex; flex-wrap: wrap; gap: 8px; }
.student-job-quest.student-job-quest.student-job-quest .is-job-tutorial-target { outline: 3px solid #d9a9ff; outline-offset: 4px; }
:is(.student-quest-page,.student-v4-page) .student-job-access-login { display: inline-flex; min-height: 44px; align-items: center; padding: 8px 12px; color: #284a82; text-decoration: underline; }
.student-v4-job-detail .student-job-access-login { color: #ead3ff; }
@media (max-width: 1100px) {
  .student-job-quest.student-job-quest.student-job-quest :is(.student-job-application,.student-job-result,.student-job-waiting,.student-job-activity,.student-job-reflection) { grid-template-columns: 1fr; }
}
@media (min-width: 721px) and (max-width: 1340px) {
  .student-job-quest.student-job-quest.student-job-quest.student-job-quest--application { gap: 12px; padding: 16px; }
  .student-job-quest.student-job-quest.student-job-quest .student-job-application { grid-template-columns: minmax(0,.9fr) minmax(0,1.1fr); align-items: start; gap: 10px; }
  .student-job-quest.student-job-quest.student-job-quest .student-job-application > section { padding: 10px !important; }
  .student-job-quest.student-job-quest.student-job-quest .student-job-application h3 { font-size: 17px; }
  .student-job-quest.student-job-quest.student-job-quest .student-job-application__catalog-list { max-height: 300px; gap: 5px; }
  .student-job-quest.student-job-quest.student-job-quest .student-job-choice { grid-template-columns: 24px minmax(0,1fr) 25px; gap: 5px; min-height: 48px; padding: 6px; }
  .student-job-quest.student-job-quest.student-job-quest .student-job-choice small { display: none; }
  .student-job-quest.student-job-quest.student-job-quest .student-job-choice strong { font-size: 13px; }
  .student-job-quest.student-job-quest.student-job-quest .student-job-choice > i { font-size: 20px; }
  .student-job-quest.student-job-quest.student-job-quest .student-job-application__details { max-height: 360px; overflow-y: auto; scrollbar-color: #c397ff transparent; }
  .student-job-quest.student-job-quest.student-job-quest .student-job-application__job-title { margin: 8px 0; padding-bottom: 8px; font-size: 19px; }
  .student-job-quest.student-job-quest.student-job-quest .student-job-application__facts > div { grid-template-columns: 52px minmax(0,1fr); gap: 5px; padding: 6px 0; }
  .student-job-quest.student-job-quest.student-job-quest .student-job-application__facts :is(dt,dd) { font-size: 13px; }
  .student-job-quest.student-job-quest.student-job-quest .student-job-application__order { grid-column: 1 / -1; }
  .student-job-quest.student-job-quest.student-job-quest .student-job-application__order > .student-job-application__hint { display: none; }
  .student-job-quest.student-job-quest.student-job-quest .student-job-application__order ol { margin: 10px 0; gap: 6px; }
  .student-job-quest.student-job-quest.student-job-quest .student-job-application__order li { grid-template-columns: 30px minmax(0,1fr) 92px 44px; min-height: 56px; padding: 5px; }
  .student-job-quest.student-job-quest.student-job-quest .student-job-application__order-controls { display: flex; gap: 4px; }
  .student-job-quest.student-job-quest.student-job-quest .student-job-application__order .student-job-quest__salary-note { margin-top: 8px; }
  .student-job-quest.student-job-quest.student-job-quest .student-job-application__actions { order: -1; position: sticky; top: 12px; z-index: 3; border: 1px solid var(--job-border); border-radius: 10px; background: #111f30; padding: 8px; box-shadow: 0 4px 16px #0008; }
  .student-job-quest.student-job-quest.student-job-quest .student-job-application__actions button { flex-basis: 150px; }
}
@media (max-width: 720px) {
  .student-job-quest.student-job-quest.student-job-quest { gap: 12px; padding: 12px; border-radius: 12px; }
  .student-job-quest.student-job-quest.student-job-quest :is(.student-job-activity__summary,.student-job-reflection__summary) { grid-template-columns: 1fr; }
  .student-job-quest.student-job-quest.student-job-quest .student-job-quest__schedule { grid-template-columns: repeat(2,minmax(0,1fr)); }
  .student-job-quest.student-job-quest.student-job-quest .student-job-application__actions .student-job-quest__primary { min-width: 0; }
  .student-job-quest.student-job-quest.student-job-quest .student-job-reflection__criteria>div { grid-template-columns: 1fr; }
  .student-job-quest.student-job-quest.student-job-quest .student-job-application__order li { grid-template-columns: 30px minmax(0,1fr) 44px 44px; gap: 4px; }
  .student-job-quest.student-job-quest.student-job-quest .student-job-waiting__rank { display: grid; width: 40px; height: 40px; place-items: center; border: 2px solid #aa79d1; border-radius: 50%; font-size: 20px; }
  .student-job-quest.student-job-quest.student-job-quest .student-job-waiting__list li > span { display: grid; gap: 4px; }
  .student-job-quest.student-job-quest.student-job-quest .student-job-waiting__timeline { display: grid; gap: 12px; margin: 16px 0; padding: 0; list-style: none; }
  .student-job-quest.student-job-quest.student-job-quest .student-job-waiting__timeline li { display: grid; grid-template-columns: 24px minmax(0, 1fr); gap: 10px; align-items: start; }
  .student-job-quest.student-job-quest.student-job-quest .student-job-waiting__timeline li > i { font-size: 22px; }
  .student-job-quest.student-job-quest.student-job-quest .student-job-waiting__timeline span { display: grid; gap: 5px; }
  .student-job-quest.student-job-quest.student-job-quest .student-job-waiting__fairness { display: grid; grid-template-columns: 28px minmax(0, 1fr); gap: 10px; align-items: center; }
  .student-job-quest.student-job-quest.student-job-quest .student-job-result__own { display: grid; align-content: start; gap: 12px; }
  .student-job-quest.student-job-quest.student-job-quest .student-job-result__job-card dl { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); margin: 0; border: 1px solid var(--job-border); border-radius: 8px; }
  .student-job-quest.student-job-quest.student-job-quest .student-job-result__job-card dl > div { display: grid; gap: 4px; padding: 10px; text-align: center; }
  .student-job-quest.student-job-quest.student-job-quest .student-job-result__job-card dd { margin: 0; }
  .student-job-quest.student-job-quest.student-job-quest .student-job-result__confirmation { display: grid; grid-template-columns: auto minmax(0, 1fr); gap: 10px; align-items: start; }
  .student-job-quest.student-job-quest.student-job-quest .student-job-result__confirmation p { display: grid; gap: 6px; margin: 0; }
  .student-job-quest.student-job-quest.student-job-quest .student-job-result__confirmation strong { font-size: 14px; }
  .student-job-quest.student-job-quest.student-job-quest .student-job-quest__mode { display: inline-flex; align-items: center; justify-content: center; min-height: 28px; padding: 4px 8px; border-radius: 6px; font-size: 12px; }
}

/* Shared character avatars stay to the left of job participants' names. */
.job-person-identity { display: inline-flex; align-items: center; gap: 8px; min-width: 0; vertical-align: middle; }
.job-person-identity > strong { min-width: 0; overflow-wrap: anywhere; font: inherit; }
.job-person-avatar { display: inline-flex; flex: 0 0 32px; width: 32px; height: 32px; overflow: hidden; border-radius: 50%; }
.job-person-avatar img { width: 100%; height: 100%; object-fit: cover; }

.student-job-availability { display: flex; flex-wrap: wrap; gap: 4px 12px; min-width: 0; margin: 0 0 12px; }
.student-job-availability p { flex-basis: 100%; margin: 0; }
.student-job-availability label { display: inline-flex; align-items: center; gap: 6px; min-height: 44px; }