/* Extra tool forms use the same visual system as the homepage search card. */
.extra-tool-card{
  max-width:920px;margin:30px 0 0;padding:22px;
  background:var(--paper);border:2px solid var(--line-onpaper);border-radius:26px;
  box-shadow:0 20px 40px -18px rgba(0,0,0,.35);
}
.extra-form-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}
.extra-field{display:flex;flex-direction:column;gap:8px;min-width:0}.extra-field.full{grid-column:1/-1}
.extra-field label{display:flex;align-items:center;gap:7px;font:700 10.5px 'Space Mono',monospace;letter-spacing:.08em;text-transform:uppercase;color:var(--ink-soft)}
.extra-field input,.extra-field select,.extra-field textarea{
  width:100%;min-height:52px;padding:12px 14px;border:2px solid var(--line-onpaper);border-radius:14px;
  background:var(--paper-dim);color:var(--ink);font:600 14px Inter,sans-serif;outline:none;
  transition:border-color .18s,box-shadow .18s,background .18s;
}
.extra-field textarea{min-height:96px;resize:vertical}.extra-field input::placeholder,.extra-field textarea::placeholder{color:var(--ink-soft)}
.extra-field input:focus,.extra-field select:focus,.extra-field textarea:focus{border-color:var(--berry);box-shadow:0 0 0 3px rgba(255,111,89,.14)}
.extra-actions{display:flex;gap:12px;align-items:center;margin-top:18px}.extra-actions .combine-btn{width:auto;min-width:230px;margin:0}
.extra-note{margin:12px 0 0;color:var(--ink-soft);font-size:12.5px;line-height:1.65}

/* Favorites on every tool use the exact homepage panel component. */
.floating-panel .fav-panel-head{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:10px}
.floating-panel .fav-panel-head strong{font-family:'Baloo 2',sans-serif;font-size:18px}
.floating-panel .clear-favs{border:0;background:transparent;color:var(--berry);font:700 11px 'Space Mono',monospace;text-transform:uppercase;cursor:pointer}
.floating-panel>.export-btn{width:100%;justify-content:center;margin-top:12px;background:var(--paper-dim);color:var(--ink);border-color:var(--line-onpaper)}

/* Comparison-specific result note while retaining homepage cards. */
.comparison-summary{grid-column:1/-1;padding:16px 18px;border:2px solid var(--line-onpaper);border-radius:18px;background:linear-gradient(135deg,var(--paper-dim),var(--paper));color:var(--ink-soft);line-height:1.6}
.comparison-summary strong{color:var(--ink)}

@media(max-width:700px){
  .extra-form-grid{grid-template-columns:1fr}.extra-field.full{grid-column:auto}
  .extra-actions{align-items:stretch}.extra-actions .combine-btn{width:100%;min-width:0}
}

/* Advanced preference controls and richer output while retaining home-page components. */
.preference-summary{display:flex;align-items:center;gap:10px;padding:12px 14px;margin-bottom:16px;border-radius:14px;background:rgba(44,190,183,.10);color:var(--ink-soft);font-size:13px}.preference-summary i{color:var(--teal)}
.check-field{justify-content:flex-end}.check-field label{min-height:52px;padding:12px 14px;border:2px solid var(--line-onpaper);border-radius:14px;background:var(--paper-dim);font:600 13px Inter,sans-serif;text-transform:none;letter-spacing:0;cursor:pointer}.check-field input{width:18px;min-height:auto;height:18px;padding:0;accent-color:var(--teal)}
.meaning-suggestions{display:flex;align-items:center;gap:8px;flex-wrap:wrap;margin-bottom:16px;color:var(--ink-soft);font-size:12px}.meaning-suggestions span{font:700 10px 'Space Mono',monospace;text-transform:uppercase;letter-spacing:.08em}.meaning-suggestions button{border:1px solid var(--line-onpaper);background:var(--paper-dim);color:var(--ink);border-radius:999px;padding:7px 11px;cursor:pointer;font-weight:700}.meaning-suggestions button:hover{border-color:var(--teal);color:var(--teal)}
.card-utility{display:flex;justify-content:flex-end;margin-top:auto;padding-top:14px}.text-action{border:0;background:transparent;color:var(--ink-soft);font:700 11px 'Space Mono',monospace;text-transform:uppercase;cursor:pointer}.text-action:hover{color:var(--berry)}
.pair-group{grid-column:1/-1;padding:14px;border:2px solid var(--line-onpaper);border-radius:24px;background:rgba(255,255,255,.38)}.pair-label{display:flex;justify-content:space-between;align-items:center;margin-bottom:10px;padding:0 4px;font:700 11px 'Space Mono',monospace;text-transform:uppercase;color:var(--ink-soft)}.pair-label strong{color:var(--teal)}.pair-cards{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}.pair-cards .card{height:100%}
.score-bars{display:grid;gap:8px;margin-top:14px}.score-bars>div>span{display:flex;justify-content:space-between;font-size:11px;color:var(--ink-soft)}.score-bars i{display:block;height:7px;margin-top:4px;border-radius:99px;background:var(--paper-dim);overflow:hidden}.score-bars em{display:block;height:100%;border-radius:99px;background:linear-gradient(90deg,var(--teal),var(--berry))}.comparison-summary{display:flex;justify-content:space-between;align-items:center;gap:18px}.comparison-summary p{margin:5px 0 0}.summary-kicker{display:block;font:700 10px 'Space Mono',monospace;text-transform:uppercase;color:var(--teal);letter-spacing:.08em}.winner-score{min-width:92px;text-align:center;font:800 34px 'Baloo 2',sans-serif;color:var(--berry)}.winner-score small{font-size:13px;color:var(--ink-soft)}
@media(max-width:700px){.pair-cards{grid-template-columns:1fr}.comparison-summary{align-items:flex-start}.winner-score{min-width:70px;font-size:28px}.extra-actions{flex-direction:column}.extra-actions .reset-btn{width:100%}}

/* Detailed name comparison report */
.name-compare-chart,.comparison-facts{grid-column:1/-1;padding:22px;border:2px solid var(--line-onpaper);border-radius:24px;background:var(--paper);box-shadow:0 14px 32px -24px rgba(0,0,0,.35)}
.compare-chart-head{display:flex;align-items:flex-start;justify-content:space-between;gap:18px;margin-bottom:18px}.compare-chart-head h2{margin:4px 0 0;font:800 24px 'Baloo 2',sans-serif;color:var(--ink)}
.chart-legend{display:flex;flex-wrap:wrap;gap:12px;color:var(--ink-soft);font-size:12px;font-weight:700}.chart-legend span{display:flex;align-items:center;gap:6px}.chart-legend i{width:11px;height:11px;border-radius:50%}.legend-a{background:var(--teal)}.legend-b{background:var(--berry)}
.compare-chart-grid{display:grid;gap:15px}.compare-chart-row{display:grid;grid-template-columns:120px 1fr 1fr;gap:12px;align-items:center}.compare-chart-row>strong{font-size:12px;color:var(--ink-soft)}
.compare-bar-track{position:relative;height:16px;border-radius:999px;background:var(--paper-dim);overflow:hidden}.compare-bar-track i{display:block;position:relative;height:100%;min-width:28px;border-radius:999px;transition:width .45s ease}.compare-bar-a{background:linear-gradient(90deg,var(--teal),color-mix(in srgb,var(--teal) 55%,white))}.compare-bar-b{background:linear-gradient(90deg,var(--berry),color-mix(in srgb,var(--berry) 55%,white))}.compare-bar-track span{position:absolute;right:6px;top:50%;transform:translateY(-50%);font:800 9px 'Space Mono',monospace;color:#fff}
.facts-table{overflow:hidden;border:1px solid var(--line-onpaper);border-radius:16px}.facts-row{display:grid;grid-template-columns:1.15fr 1fr 1fr;gap:12px;padding:12px 14px;border-top:1px solid var(--line-onpaper);align-items:center}.facts-row:first-child{border-top:0}.facts-row:nth-child(even){background:var(--paper-dim)}.facts-row span{color:var(--ink-soft);font-size:12px}.facts-row b{color:var(--ink);font-size:13px}.facts-header{background:rgba(44,190,183,.12)!important}.facts-header strong{color:var(--ink);font-size:12px}
.numerology-note{display:flex;align-items:flex-start;gap:8px;margin:14px 0 0;color:var(--ink-soft);font-size:12px;line-height:1.6}.numerology-note i{color:var(--teal);margin-top:2px}
.comparison-name-grid{grid-column:1/-1;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px}.comparison-name-grid .card{height:100%}
.name-strengths{margin-top:14px;padding-top:14px;border-top:1px solid var(--line-onpaper)}.name-strengths h3{margin:0 0 8px;font:800 15px 'Baloo 2',sans-serif;color:var(--ink)}.name-strengths ul{display:grid;gap:7px;margin:0;padding:0;list-style:none}.name-strengths li{display:flex;gap:8px;color:var(--ink-soft);font-size:11.5px;line-height:1.45}.name-strengths li i{color:var(--teal);margin-top:2px}
@media(max-width:760px){.compare-chart-head{flex-direction:column}.compare-chart-row{grid-template-columns:1fr}.compare-chart-row>strong{margin-bottom:-5px}.comparison-name-grid{grid-template-columns:1fr}.facts-row{grid-template-columns:1fr 1fr}.facts-row>*:first-child{grid-column:1/-1}.facts-header strong:first-child{display:none}.facts-header{grid-template-columns:1fr 1fr}.facts-header strong:not(:first-child){display:block}}