.name-fortune-page { --ink:#332d29; --muted:#786e62; --line:#e5d9c5; --primary:#65090d; --accent:#94703c; --panel:#fffdf9; color:var(--ink); background:#f8f5ee; margin:0; font-family:Sarabun,Arial,sans-serif; }
.name-fortune-page * { box-sizing:border-box; }
.name-fortune-page .shell { width:min(1240px,calc(100% - 56px)); margin:auto; padding:30px 0 120px; }
.name-fortune-page .topbar { display:flex; justify-content:space-between; align-items:center; gap:18px; padding-bottom:24px; margin-bottom:24px; border-bottom:1px solid var(--line); }
.name-fortune-page .topbar h1 { color:var(--primary); margin:5px 0 7px; font-size:clamp(30px,3vw,42px); font-weight:600; letter-spacing:-.5px; }
.name-fortune-page .topbar p { margin:0; font-size:14px; }
.name-eyebrow { display:block; color:var(--accent); font-size:10px; letter-spacing:2px; font-weight:600; line-height:1.8; }
.name-fortune-page .muted { color:var(--muted); }
.name-fortune-page .shell .badge { border:1px solid #d5c19e; color:var(--primary); background:#f3ebdc; border-radius:30px; padding:8px 13px; font-size:12px; white-space:nowrap; }
.name-fortune-page .layout { display:grid; grid-template-columns:minmax(280px,320px) minmax(0,1fr); gap:24px; align-items:start; }
.name-fortune-page .layout > *, .name-fortune-page .results, .name-reading-title { min-width:0; }
.name-sidebar, .name-fortune-page .results { display:grid; gap:14px; }
.name-fortune-page .panel, .name-reading { border:1px solid var(--line); border-radius:14px; background:var(--panel); overflow:hidden; }
.name-fortune-page .panel-body { padding:0 20px 20px; }
.name-fortune-page details > summary { cursor:pointer; list-style:none; }
.name-fortune-page details > summary::-webkit-details-marker { display:none; }
.disclosure-head { display:flex; align-items:center; justify-content:space-between; gap:12px; padding:18px 20px; font-size:14px; font-weight:600; min-height:56px; }
.disclosure-head strong { display:block; margin-top:3px; font-size:17px; font-weight:600; }
.disclosure-head small { font-weight:400; }
.disclosure-icon { flex-shrink:0; display:inline-flex; align-items:center; justify-content:center; width:26px; height:26px; color:var(--accent); font-size:23px; font-weight:400; }
.name-fortune-page details[open] > summary .disclosure-icon { transform:rotate(45deg); }
.name-fortune-page summary:focus-visible, .name-fortune-page .shell button:focus-visible, .name-fortune-page .shell input:focus-visible, .name-fortune-page .shell select:focus-visible { outline:2px solid var(--accent); outline-offset:3px; }
.name-fortune-page .form-grid { display:grid; gap:14px; }
.name-fortune-page .form-grid > div { min-width:0; }
.name-fortune-page .shell label { display:block; margin-bottom:6px; font-size:13px; font-weight:600; }
.name-fortune-page .shell input:not([type=checkbox]), .name-fortune-page .shell select { width:100%; max-width:100%; min-width:0; min-height:46px; border:1px solid var(--line); border-radius:8px; padding:0 12px; color:var(--ink); background:#fff; font:inherit; font-size:16px; }
.name-fortune-page .name-submit { display:flex; align-items:center; justify-content:space-between; min-height:48px; padding:12px 16px; border:1px solid var(--primary); border-radius:8px; background:var(--primary); color:#fff8eb; font:inherit; font-size:15px; font-weight:600; cursor:pointer; }
.name-submit:hover { filter:brightness(1.15); }
.name-optional { border-top:1px solid var(--line); }
.name-optional > summary { padding:12px 0; min-height:44px; font-size:13px; }
.name-optional > summary::after { content:'＋'; float:right; color:var(--accent); }
.name-optional[open] > summary::after { content:'−'; }
.name-fortune-page .name-character-note { font-size:11px; line-height:1.7; margin:14px 0 0; color:var(--muted); }
.name-fortune-page .taksapakon-head { display:flex; gap:8px; align-items:center; justify-content:space-between; margin-bottom:12px; }
.name-fortune-page .taksapakon-head h2 { font-size:14px; font-weight:600; }
.name-fortune-page .taksapakon-head span { font-size:12px; color:var(--muted); }
.name-fortune-page .taksapakon-grid { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:8px; }
.name-fortune-page .taksapakon-cell { padding:10px; border:1px solid var(--line); border-radius:8px; font-size:12px; }
.name-fortune-page .taksapakon-cell-head { display:flex; justify-content:space-between; gap:4px; font-weight:600; margin-bottom:6px; }
.name-fortune-page .taksapakon-planet,.name-fortune-page .taksapakon-label { color:var(--muted); font-size:11px; }
.name-fortune-page .taksapakon-letters { margin-top:6px; }
.name-fortune-page .error { padding:16px 20px; border:1px solid #d8afa2; background:#fff2eb; border-radius:12px; color:#8c3330; margin-bottom:16px; }
.name-fortune-page .name-welcome { text-align:center; padding:40px 28px 24px; background:radial-gradient(ellipse at top,#eee2cc55,transparent 65%),var(--panel); border:1px solid var(--line); border-radius:14px; }
.name-fortune-page .name-welcome h2 { font-size:25px; font-weight:600; color:var(--primary); margin:12px 0; }
.name-welcome > p { line-height:1.8; color:var(--muted); margin:0; font-size:15px; }
.name-sciences { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); text-align:left; gap:18px; margin:30px 0 22px; padding-top:24px; border-top:1px solid var(--line); }
.name-sciences h3 { font-size:15px; color:var(--primary); margin:8px 0; font-weight:600; }
.name-sciences p { margin:0; color:var(--muted); font-size:12px; line-height:1.8; }
.name-result-header { display:flex; justify-content:space-between; align-items:center; gap:18px; padding:4px 4px 0; }
.name-fortune-page .name-result-header h2 { font-size:24px; color:var(--primary); margin:4px 0; font-weight:600; }
.name-result-header p { margin:0; color:var(--muted); font-size:15px; }
.reading-guide { color:var(--muted); font-size:12px; line-height:1.7; margin:0 4px; }
.name-reading.is-primary { border-color:#ccb58b; box-shadow:0 5px 24px #53370f06; }
.name-reading-summary { display:flex; align-items:center; gap:16px; padding:18px 20px; }
.name-reading-summary .disclosure-icon { margin-left:auto; }
.number-medallion { display:inline-flex; justify-content:center; align-items:center; flex-shrink:0; min-width:58px; height:54px; padding:0 8px; background:#f3eddf; border:1px solid #ded0b6; border-radius:10px; color:var(--primary); font-family:Georgia,serif; font-size:30px; font-weight:400; line-height:1; }
.name-reading-title > * { display:block; overflow-wrap:anywhere; }
.name-reading-title small { color:var(--muted); font-size:11px; line-height:1.6; }
.name-reading-title strong { color:var(--primary); font-weight:600; font-size:21px; margin:2px 0; }
.name-reading-title > span { color:var(--muted); font-size:13px; line-height:1.6; }
.name-reading-body { padding:0 20px 18px; }
.meaning-block { padding:5px 0; border-top:1px solid var(--line); }
.meaning-label { display:flex; gap:10px; align-items:center; margin-bottom:5px; }
.name-fortune-page .meaning-label h3 { display:flex; align-items:center; gap:12px; font-size:15px; margin:0; font-weight:600; }
.meaning-label h3 small { display:block; margin-top:2px; font-size:11px; color:var(--muted); font-weight:400; }
.meaning-number { margin-left:auto; font-family:Georgia,serif; font-size:24px; color:var(--accent); }
.meaning-block p { margin:8px 0 0; font-size:14px; line-height:1.9; overflow-wrap:anywhere; }
.meaning-block h4 { font-size:14px; font-weight:600; color:var(--primary); margin:10px 0 0; }
.meaning-pair { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:12px; }
.name-fortune-page .chips { display:flex; flex-wrap:wrap; gap:6px; margin-top:12px; }
.name-fortune-page .chip { display:inline-flex; padding:4px 9px; border:1px solid var(--line); border-radius:24px; font-size:11px; color:var(--muted); }
.caution-note { color:#934c32; }
.positive-note { color:#426253; }
.name-advice { padding-left:18px; color:var(--muted); line-height:1.8; font-size:12px; }
.calculation-details { border:1px solid var(--line); border-radius:8px; }
.calculation-details > summary { display:flex; align-items:center; justify-content:space-between; gap:10px; padding:10px 12px; font-size:12px; color:var(--accent); min-height:46px; }
.calculation-body { padding:0 14px 14px; }
.formula-grid { display:grid; grid-template-columns:1fr 1fr; gap:12px; padding-top:12px; border-top:1px solid var(--line); }
.name-fortune-page .formula-grid h3,.name-fortune-page .subsection h3 { font-size:14px; margin:0 0 8px; }
.name-fortune-page .formula { font-size:12px; color:var(--muted); overflow-wrap:anywhere; margin:4px 0; }
.name-fortune-page .subsection { margin-top:20px; }
.name-fortune-page .subsection > p { font-size:13px; }
.name-fortune-page .table-wrap { overflow:auto; border:1px solid var(--line); border-radius:8px; }
.name-fortune-page .table-wrap table { border-collapse:collapse; width:100%; font-size:13px; }
.name-fortune-page .table-wrap th,.name-fortune-page .table-wrap td { padding:9px 10px; text-align:left; border-bottom:1px solid var(--line); }
.name-fortune-page .table-wrap th { background:#f3eddf; font-weight:600; }
.name-fortune-page .danger { color:#934c32; }
.name-fortune-page .success { color:#426253; }
.input-facts { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:14px; padding:0 20px 20px; margin:0; font-size:13px; }
.input-facts dt { color:var(--muted); font-size:11px; }
.input-facts dd { margin:4px 0 0; overflow-wrap:anywhere; }
@media (max-width:1100px) { .name-fortune-page .layout { grid-template-columns:minmax(250px,290px) minmax(0,1fr); gap:18px; } .meaning-pair { grid-template-columns:1fr; gap:0; } }
@media (max-width:800px) { .name-fortune-page .shell { width:calc(100% - 32px); padding-top:22px; } .name-fortune-page .layout { grid-template-columns:minmax(0,1fr); } .name-fortune-page .topbar { padding-bottom:18px; margin-bottom:18px; align-items:flex-start; } .name-fortune-page .topbar .badge { margin-top:26px; max-width:125px; white-space:normal; } .name-fortune-page .topbar p { font-size:12px; } .name-fortune-page .topbar .name-eyebrow { font-size:8px; letter-spacing:1.3px; } .name-fortune-page .name-welcome { padding:30px 20px 20px; } }
@media (max-width:480px) { .name-fortune-page .shell { width:calc(100% - 24px); } .name-reading-summary { padding:14px; gap:10px; } .name-reading-body { padding:0 14px 14px; } .name-reading-title strong { font-size:19px; } .number-medallion { min-width:54px; height:50px; font-size:28px; } .name-sciences { grid-template-columns:1fr; gap:14px; } .name-sciences h3 { margin:0 0 4px; } .name-sciences p br { display:none; } .formula-grid { grid-template-columns:1fr; } .name-fortune-page .topbar { gap:8px; } .disclosure-head { padding:16px; } .name-fortune-page .panel-body { padding:0 16px 16px; } }
@media print { .name-sidebar,.site-sidebar,.site-topbar,.site-bottom-nav { display:none!important; } .name-fortune-page .layout { display:block; } .name-fortune-page .shell { width:100%; } }

.name-fortune-page #subjectHistoryStatus { color:var(--muted); font-size:11px; line-height:1.7; font-weight:400; }

.name-result-header { scroll-margin-top:100px; }
.name-result-header:focus { outline:none; }

.name-reading-title { flex:1; }
.name-result-tabs { grid-template-columns:minmax(0,2fr) minmax(0,1fr); }
.name-result-tabs button { font-size:13px; }
.name-metric-switch { min-width:0; }
.name-metric-switch-head { display:flex; align-items:flex-end; justify-content:space-between; gap:8px; min-height:32px; margin:0 0 8px; border-bottom:1px solid var(--line); }
.name-metric-tabs { display:flex; align-items:flex-end; gap:4px; }
.name-metric-tabs button { display:inline-flex; align-items:center; justify-content:center; gap:5px; width:max-content; min-height:28px; padding:4px 9px; border:1px solid var(--line); border-bottom:2px solid transparent; border-radius:7px 7px 0 0; background:#fffdf955; color:var(--muted); font:inherit; font-size:11px; white-space:nowrap; cursor:pointer; }
.name-metric-tabs button[aria-selected="true"] { position:relative; top:1px; border-color:#dfd0b5; border-bottom-color:#eadcc4; background:#eadcc4; color:var(--primary); }
.metric-tab-symbol { display:inline-grid; place-items:center; width:auto; height:auto; font-family:Georgia,serif; font-size:12px; line-height:1; }
.metric-tab-label { display:inline-block; }
.name-metric-tabs button:focus-visible { outline:2px solid var(--accent); outline-offset:2px; }
.name-metric-panel[hidden] { display:none!important; }
.name-metric-panel > .meaning-pair { grid-template-columns:minmax(0,1fr); }
.number-metric-card { display:grid; grid-template-columns:auto minmax(0,1fr) auto; align-items:center; gap:8px 14px; min-width:0; padding:14px; border:1px solid #dfd0b566; border-radius:12px; background:#fffdf94d; }
.number-metric-card.numerology-metric-card { grid-template-columns:auto minmax(0,1fr); }
.number-metric-card .number-medallion { grid-row:1; }
.number-metric-card .number-medallion { min-width:46px; height:44px; padding-inline:5px; font-size:24px; }
.metric-card-copy { min-width:0; overflow-wrap:anywhere; }
.metric-card-label { display:block; color:var(--primary); font-size:14px; font-weight:600; line-height:1.5; }
.metric-card-label-row { display:flex; align-items:center; gap:8px; min-width:0; }
.metric-card-label-row .metric-card-label { flex:0 0 auto; }
.science-metric-label-row { width:100%; flex-wrap:nowrap; overflow-x:auto; scrollbar-width:none; }
.science-metric-label-row::-webkit-scrollbar { display:none; }
.science-metric-label-row .metric-card-label,
.science-metric-label-row .metric-card-subtitle { flex:0 0 auto; white-space:nowrap; }
.metric-card-label-row .chips { display:flex; flex-wrap:nowrap; gap:5px; min-width:0; max-width:70%; margin:0 0 0 auto; overflow-x:auto; justify-content:flex-end; scrollbar-width:none; }
.metric-card-label-row .chips::-webkit-scrollbar { display:none; }
.metric-card-label-row .chip { flex:0 0 auto; white-space:nowrap; }
.metric-card-subtitle { display:block; color:var(--muted); font-size:11px; line-height:1.6; }
.number-metric-card .metric-card-copy h4 { margin:2px 0 0; font-size:14px; line-height:1.65; }
.number-metric-card .chips { grid-column:3; grid-row:1; margin:0; }
.number-metric-card .meaning-size-toggle { grid-column:3; grid-row:1; justify-self:end; }
.number-metric-card .metric-card-meaning { grid-column:1/-1; min-width:0; }
.meaning-pair .number-metric-card { position:relative; }
.science-poem-button { position:absolute; top:10px; right:10px; z-index:1; display:grid; place-items:center; width:30px; height:30px; padding:0; border:1px solid #dfd0b5; border-radius:8px; background:#fffdf9b8; color:var(--primary); cursor:pointer; }
.science-poem-icon { width:17px; height:17px; fill:none; stroke:currentColor; stroke-width:1.7; stroke-linecap:round; stroke-linejoin:round; }
.science-poem-button:hover { background:#eadcc4; }
.science-poem-dialog .name-avoid-dialog-body { text-align:center; }
.science-poem-dialog .name-avoid-dialog-body p { white-space:pre-line; }
.science-poem-line { display:block; white-space:pre-wrap; }
.science-poem-line-indented::before { content:attr(data-poem-mark) "　"; color:#a47b3e; }
.number-metric-card p { margin:0; font-size:13px; line-height:1.8; overflow-wrap:anywhere; }
.meaning-pair .number-metric-card { align-content:start; }
.name-metric-panel > .numerology-poem-meaning { margin-top:10px; }
.name-metric-panel > .numerology-general-meaning { margin-top:6px; }
.name-metric-panel > .numerology-poem-meaning p, .name-metric-panel > .numerology-general-meaning p { margin:0; font-size:13px; line-height:1.8; }
.name-reading { background:#fffdf966; -webkit-backdrop-filter:blur(5px); backdrop-filter:blur(5px); }
.name-fortune-page .prediction-tab-hint { margin:-6px 0 0; font-size:11px; }
.name-result-panel { display:grid; gap:14px; min-width:0; }
.name-tab-description { margin:0; font-size:13px; line-height:1.8; color:var(--muted); }
.taksa-category-grid { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:10px; }
.taksa-category { padding:14px; border:1px solid var(--line); border-radius:10px; background:#fffefa; }
.taksa-category.is-caution { border-color:#ddbeaf; background:#fff8f2; }
.taksa-category h3 { margin:0; font-size:15px; font-weight:600; color:var(--primary); }
.taksa-category p { margin:5px 0 12px; font-size:12px; line-height:1.7; color:var(--muted); }
.taksa-characters { display:flex; align-items:center; flex-wrap:wrap; gap:8px; font-size:12px; }
.taksa-character { display:inline-flex; align-items:center; gap:5px; padding:5px 8px; border:1px solid var(--line); border-radius:7px; background:#fff; }
.taksa-character > small { color:var(--muted); font-size:11px; }
.taksa-unclassified { margin-top:14px; }
.taksa-unclassified .name-tab-description { margin:0 0 12px; }
@media (max-width:480px) { .taksa-category-grid { grid-template-columns:1fr; } }

.name-value-groups { display:grid; gap:14px; margin-top:18px; }
.name-value-group { display:grid; grid-template-columns:42px minmax(0,1fr); gap:10px; padding-top:14px; border-top:1px solid var(--line); }
.name-value-group .number-medallion { min-width:0; height:42px; margin:0; font-size:25px; }
.name-value-language { margin:0 0 6px; color:var(--muted); font-size:11px; }
.name-value-english { margin:8px 0 0; line-height:1.8; font-size:13px; overflow-wrap:anywhere; }
.name-value-english span { color:var(--muted); font-size:11px; margin-right:6px; }
.name-sum-breakdown > div { display:flex; justify-content:space-between; gap:16px; padding:9px 0; font-size:13px; }
.name-sum-breakdown > div span { overflow-wrap:anywhere; }
.name-sum-breakdown > div strong { color:var(--primary); }
.name-sum-equation { margin:12px 0; padding-top:14px; border-top:1px solid var(--line); color:var(--primary); font-size:24px; font-variant-numeric:tabular-nums; }
.name-fortune-page .taksa-compare { table-layout:fixed; }
.name-fortune-page .taksa-compare th, .name-fortune-page .taksa-compare td { padding:10px 6px; vertical-align:top; overflow-wrap:anywhere; }
.taksa-compare .thai-letter { font-size:14px; min-width:1.6em; }

.meaning-heading { min-width:0; }
.name-fortune-page .meaning-heading h3 { display:block; line-height:1.8; }
.meaning-heading h3 small { display:inline; margin:0 0 0 4px; }
.meaning-heading h4 { margin:2px 0 0; line-height:1.7; }
.meaning-preview { display:block; }
.meaning-preview p { margin:0; }
.meaning-preview.is-compact p { font-size:12px; display:-webkit-box; -webkit-box-orient:vertical; -webkit-line-clamp:3; overflow:hidden; }
.meaning-size-toggle { margin-left:auto; flex:0 0 44px; width:44px; height:44px; padding:0; border:1px solid var(--line); border-radius:8px; color:var(--primary); background:#f3eddf; font:inherit; font-size:24px; line-height:1; cursor:pointer; }
.meaning-size-toggle[hidden] { display:none; }
@media print { .meaning-preview.is-compact p { display:block; overflow:visible; font-size:14px; } .meaning-size-toggle { display:none; } }

.numerology-label { align-items:flex-start; }
.numerology-label .meaning-heading { flex:1; overflow-wrap:anywhere; }
.name-fortune-page .numerology-label .chips { margin:0 0 0 auto; justify-content:flex-end; max-width:36%; flex-shrink:0; }
.numerology-label .chip { max-width:100%; overflow-wrap:anywhere; }

.name-fortune-page .name-avoid-word{color:#c52222!important;text-decoration:underline;text-decoration-color:#c5222255;text-underline-offset:4px}
.name-fortune-page .numerology-poem-meaning{max-width:100%;margin:0 0 12px;padding:12px 14px;border-left:3px solid #b58c4d;border-radius:0 8px 8px 0;background:#d9b67712;overflow-x:auto;overscroll-behavior-inline:contain}
.name-fortune-page .numerology-poem-meaning p{width:max-content;min-width:100%;max-width:none;margin:0;text-align:center;white-space:pre}
.name-fortune-page .numerology-general-meaning p{white-space:pre-line}
.name-fortune-page .name-avoid-word[role=button]{cursor:pointer;border-radius:3px}
.name-fortune-page .name-avoid-word[role=button]:focus-visible{outline:2px solid #94703c;outline-offset:3px}
.name-fortune-page .name-avoid-dialog{box-sizing:border-box;width:min(500px,calc(100% - 24px));max-width:calc(100% - 24px);max-height:calc(100dvh - max(16px,env(safe-area-inset-top)) - max(16px,env(safe-area-inset-bottom)));margin:auto;padding:0;border:1px solid #c5a46b;border-radius:16px;background:#fffaf2;color:#332d29;box-shadow:0 18px 64px #21060855;overflow:auto;overscroll-behavior:contain}
@media (max-width:720px) {
    .number-metric-card .metric-card-copy h4 { white-space:nowrap; overflow-wrap:normal; }
    .name-metric-switch-head { flex-wrap:wrap; }
    .number-metric-card { grid-template-columns:auto minmax(0,1fr) auto; gap:8px 10px; padding:12px; }
    .number-metric-card.numerology-metric-card { grid-template-columns:auto minmax(0,1fr); }
    .number-metric-card:not(.numerology-metric-card) .chips { grid-column:1/-1; grid-row:auto; justify-content:flex-start; max-width:100%; }
    .metric-card-label-row { gap:5px; }
    .metric-card-label-row .chips { max-width:64%; }
    .meaning-pair { grid-template-columns:minmax(0,1fr); gap:10px; }
}
.name-avoid-dialog::backdrop{background:rgb(25 12 9 / 65%)}
.name-avoid-dialog-header{position:sticky;top:0;z-index:1;display:flex;align-items:center;gap:10px;padding:12px 16px;background:#fffaf2;border-bottom:1px solid #dfcfb4}
.name-avoid-dialog-header h2{min-width:0;margin:0;font-size:clamp(17px,4.5vw,20px);line-height:1.45;color:#65090d;overflow-wrap:anywhere}
.name-avoid-dialog-header button{flex:0 0 44px;width:44px;min-height:44px;margin-left:auto;border:1px solid #dfcfb4;border-radius:8px;background:#fffaf2;color:#65090d;font:inherit;font-size:25px;cursor:pointer}
.name-avoid-dialog-body{padding:12px 16px;font-size:clamp(14px,3.8vw,16px);line-height:1.7;overflow-wrap:anywhere}.name-avoid-dialog-body p{margin:0}.name-avoid-dialog-body hr{border:0;border-top:1px solid #dfcfb4;margin:12px 0}
.name-avoid-dialog-body .name-avoid-dialog-terms{margin:0 0 16px;padding:8px 0;border-block:3px double #c5a46b;text-align:center;color:#e00024;font-size:20px;font-weight:700;text-shadow:0 1px 0 #fff,0 2px 5px #e0002466}
.name-avoid-dialog-terms>span{display:inline-block;white-space:nowrap}
.name-avoid-dialog-body .name-avoid-dialog-danger{color:#9e253a}
.name-avoid-dialog-body .name-avoid-dialog-terms-small{color:#e00024;font-size:inherit}
.name-avoid-dialog-source{padding:6px 18px 16px;text-align:center;font-family:inherit;font-size:clamp(16px,3.6vw,17px);font-weight:400;line-height:1.27;overflow-wrap:anywhere;color:#1d4ed8;text-shadow:0 1px 0 #fff,0 3px 6px #1e40af4d}
.name-avoid-dialog-source>span{display:block;text-wrap:balance}
.name-avoid-dialog-source>nobr{display:block}
.name-avoid-dialog-divider{display:flex;align-items:center;gap:8px;margin:0 auto 6px;color:#94703c}
.name-avoid-dialog-divider::before,.name-avoid-dialog-divider::after{content:"";flex:1;height:3px;background:linear-gradient(90deg,transparent,#94703c)}
.name-avoid-dialog-divider::after{transform:scaleX(-1)}
.name-avoid-dialog-divider img{display:block;flex:0 0 auto;width:38px;height:51px;object-fit:contain}

#nameAvoidDialog{text-align:center}
#nameAvoidDialog .name-avoid-dialog-header{display:grid;grid-template-columns:44px minmax(0,1fr) 44px}
#nameAvoidDialog .name-avoid-dialog-header h2{grid-column:2}
#nameAvoidDialog .name-avoid-dialog-header button{grid-column:3;margin-left:0}
#nameAvoidDialog .name-avoid-dialog-divider img{width:50px;height:67px}