/* Shared guest/member introduction. Print keeps its existing layout. */
@media screen {
  body.tool-editorial #pane-calc {
    max-width: 1184px !important;
    padding-top: 22px !important;
  }
  body.tool-editorial #lang-switcher {
    margin-bottom: 28px !important;
  }
  body.tool-editorial .lang-dd-btn {
    min-height: 44px !important;
    border: 0;
    padding: 10px 0 10px 12px !important;
    background: transparent;
    box-shadow: none;
    font-size: 13px !important;
    font-weight: 500;
  }
  body.tool-editorial .lang-dd-menu {
    border-radius: 4px;
    box-shadow: 0 8px 24px #202e3012;
  }
  body.tool-editorial #pane-calc .tool-intro-grid {
    grid-template-columns: minmax(0, 1fr) minmax(0, 1.04fr);
    grid-template-rows: auto auto auto;
    gap: 0 clamp(40px, 6vw, 88px);
    margin-bottom: 48px;
  }
  body.tool-editorial #pane-calc .tool-intro-grid > .shdr {
    margin: 5px 0 30px !important;
  }
  body.tool-editorial #pane-calc .tool-intro-grid .stitle {
    font-size: clamp(34px, 3.25vw, 43px) !important;
    line-height: 1.52 !important;
    letter-spacing: .01em !important;
    max-width: 10em;
    margin: 0 0 22px;
    text-wrap: balance;
    white-space: pre-line;
  }
  body.tool-editorial #pane-calc .tool-intro-grid [data-i18n="head.kicker"] {
    display: block !important;
    color: #506259 !important;
    font-size: 12px !important;
    font-weight: 600;
    letter-spacing: .12em !important;
    margin: 0 0 20px !important;
  }
  body.tool-editorial #pane-calc .tool-intro-grid [data-i18n="head.lede"] {
    display: block !important;
    font-size: 16px !important;
    line-height: 1.9;
    max-width: 25em;
    text-wrap: pretty;
  }
  body.tool-editorial #pane-calc .shdr .m-toggle-wrap,
  body.tool-editorial #pane-calc .shdr [data-i18n="head.sub"],
  body.tool-editorial #pane-calc .shdr > div > div:last-child:not([data-i18n]) {
    display: none !important;
  }

  /* Four-part editorial artwork, with accessible HTML labels kept separate. */
  body.tool-editorial #lead-energy-wheel {
    width: min(100%, 354px);
    justify-self: start;
    align-self: start;
    margin: 0 0 30px;
    filter: none;
  }
  body.tool-editorial #lead-energy-wheel img {
    filter: none;
    opacity: 1;
    clip-path: circle(48.3% at 50% 50%);
  }
  body.tool-editorial #lead-energy-wheel .ew-q {
    gap: 1.2cqw;
    text-shadow: none;
  }
  body.tool-editorial #lead-energy-wheel .ew-q svg { display: none; }
  body.tool-editorial #lead-energy-wheel .ew-q b { font-size: 8cqw; }
  body.tool-editorial #lead-energy-wheel .ew-q i { font-size: max(12px, 3.3cqw); font-weight: 500; letter-spacing: 0; }
  body.tool-editorial #lead-energy-wheel .ew-wind { left: 24%; top: 42%; }
  body.tool-editorial #lead-energy-wheel .ew-fire { left: 76%; top: 42%; }
  body.tool-editorial #lead-energy-wheel .ew-water { left: 24%; top: 61%; }
  body.tool-editorial #lead-energy-wheel .ew-earth { left: 76%; top: 61%; }
  body.tool-editorial #lead-energy-wheel .ew-wind b { color: #496456; }
  body.tool-editorial #lead-energy-wheel .ew-fire b { color: #8a4d34; }
  body.tool-editorial #lead-energy-wheel .ew-water b { color: #3a5b6c; }
  body.tool-editorial #lead-energy-wheel .ew-earth b { color: #75613b; }
  body.tool-editorial #lead-energy-wheel .ew-core strong { color: #4d5b4f; font-size: max(15px, 4.5cqw); }
  body.tool-editorial #lead-energy-wheel .ew-core em { color: #555f58; font-size: max(12px, 3.1cqw); letter-spacing: 0; }

  body.tool-editorial .birthday-input-card {
    padding: 32px !important;
    border: 1px solid #d5d6cb !important;
    border-top: 2px solid #40554b !important;
    background: #fcfaf6 !important;
    box-shadow: none !important;
  }
  body.tool-editorial .tool-form-heading {
    padding-bottom: 22px;
    margin-bottom: 26px;
  }
  body.tool-editorial .tool-form-heading > span { display: none; }
  body.tool-editorial .tool-form-heading h2 {
    font-size: 25px;
    line-height: 1.5;
    letter-spacing: .02em;
  }
  body.tool-editorial .birthday-input-card label {
    font-size: 14px !important;
    font-weight: 500 !important;
    margin-bottom: 9px !important;
  }
  body.tool-editorial .birthday-input-card :is(input[type="text"], select) {
    box-sizing: border-box;
    height: 50px !important;
    min-height: 50px !important;
    padding: 12px 14px !important;
    font: inherit;
    font-size: 16px !important;
    line-height: 24px !important;
    border-radius: 3px !important;
    border-color: #b9beb2 !important;
    box-shadow: none !important;
    transition: border-color .15s ease, outline-color .15s ease;
  }
  body.tool-editorial .birthday-input-card select {
    -webkit-appearance: none;
    appearance: none;
    padding-right: 34px !important;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3E%3Cpath d='m4 6 4 4 4-4' fill='none' stroke='%23546358' stroke-width='1.4' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") !important;
    background-size: 16px 16px !important;
    background-position: right 12px center !important;
    background-repeat: no-repeat !important;
    cursor: pointer;
  }
  body.tool-editorial .birthday-input-card :is(input, select):hover { border-color: #788b7a !important; }
  body.tool-editorial .birthday-input-card :is(input, select):focus-visible {
    outline: 2px solid #405c4d !important;
    outline-offset: 3px;
    border-color: #405c4d !important;
  }
  body.tool-editorial .birthday-input-card input::placeholder { color: #788076; opacity: 1; }
  body.tool-editorial #c-era-wrap { margin-bottom: 22px !important; }
  body.tool-editorial .tool-birthday-fields { margin-bottom: 22px !important; }
  body.tool-editorial #c-privacy-note {
    font-size: 12px !important;
    line-height: 1.9 !important;
    margin-top: 13px !important;
    color: #616a62;
  }
  body.tool-editorial #calc-empty {
    margin-top: 24px;
    padding-top: 17px !important;
    font-size: 13px !important;
  }
  body.tool-editorial #lead-member-entry {
    grid-column: 1 / -1;
    grid-row: 4;
    justify-content: flex-end;
    align-items: center;
    gap: 16px;
    padding: 20px 0 0 !important;
  }
  body.tool-editorial #lead-member-entry > div {
    display: flex;
    align-items: baseline;
    flex-wrap: wrap;
    gap: 5px 12px;
  }
  body.tool-editorial #lead-member-entry [data-i18n="member.q"] { font-size: 13px !important; }
  body.tool-editorial #lead-member-entry [data-i18n="member.desc"] { font-size: 12px !important; margin: 0 !important; }
  body.tool-editorial #lead-member-entry button { border-radius: 3px !important; font-size: 13px !important; }
}

@media screen and (max-width: 960px) {
  body.tool-editorial #pane-calc { padding-top: 12px !important; }
  body.tool-editorial #lang-switcher { margin-bottom: 15px !important; }
  body.tool-editorial #pane-calc .tool-intro-grid { grid-template-columns: minmax(0, 1fr); }
  body.tool-editorial #pane-calc .tool-intro-grid > .shdr { grid-column: 1; grid-row: auto; margin: 0 0 26px !important; }
  body.tool-editorial #pane-calc .tool-intro-grid .stitle {
    font-size: clamp(28px, 7.7vw, 36px) !important;
    line-height: 1.5 !important;
    max-width: 9em;
    margin-bottom: 15px;
  }
  body.tool-editorial #pane-calc .tool-intro-grid [data-i18n="head.kicker"] { margin-bottom: 13px !important; font-size: 11px !important; }
  body.tool-editorial #pane-calc .tool-intro-grid [data-i18n="head.lede"] { font-size: 15px !important; }
  body.tool-editorial .birthday-input-card { grid-column: 1; grid-row: auto; padding: 24px 20px !important; }
  body.tool-editorial .tool-birthday-fields { grid-template-columns: repeat(3, minmax(0, 1fr)) !important; }
  body.tool-editorial .tool-form-heading h2 { font-size: 23px; }
  body.tool-editorial .tool-form-heading { margin-bottom: 22px; padding-bottom: 18px; }
  body.tool-editorial #lead-energy-wheel { grid-column: 1; grid-row: auto; justify-self: center; width: min(100%, 320px); margin: 28px 0; }
  body.tool-editorial #lead-member-entry { grid-column: 1; grid-row: auto; margin-top: 0 !important; justify-content: space-between; }
  body.tool-editorial #lead-member-entry > div { display: block; flex: 1 1 170px; }
}
@media screen and (max-width: 380px) {
  body.tool-editorial .birthday-input-card { padding-inline: 16px !important; }
  body.tool-editorial .birthday-input-card select {
    padding-left: 8px !important;
    padding-right: 22px !important;
    background-size: 12px 12px !important;
    background-position: right 5px center !important;
  }
}

/* Optional lookup tools stay compact; birthday input remains the main action. */
body.customer-lead-mode :is(#c-lookup-tools, #c-member-guide) { display: none; }
@media screen {
  .tool-editorial #c-lookup-tools {
    margin-bottom: 24px; border-bottom: 1px solid var(--editorial-line); padding-bottom: 16px;
  }
  .tool-editorial #c-lookup-tools > summary {
    display: flex; align-items: center; flex-wrap: wrap; gap: 4px 12px;
    min-height: 44px; cursor: pointer; list-style: none; color: var(--editorial-ink);
  }
  .tool-editorial #c-lookup-tools > summary::-webkit-details-marker { display: none; }
  .tool-editorial #c-lookup-tools > summary strong { font-size: 15px; font-weight: 600; }
  .tool-editorial #c-lookup-tools > summary span { font-size: 13px; color: var(--editorial-muted); }
  .tool-editorial #c-lookup-tools > summary::after {
    content: ""; width: 7px; height: 7px; margin-left: auto; margin-right: 4px;
    border-right: 1px solid currentColor; border-bottom: 1px solid currentColor;
    transform: rotate(45deg); transition: transform .15s;
  }
  .tool-editorial #c-lookup-tools[open] > summary::after { transform: rotate(225deg); }
  .tool-editorial #c-lookup-tools[open] > summary { margin-bottom: 20px; }
  .tool-editorial #c-lookup-tools > div:last-child { margin-bottom: 0 !important; }
  .tool-editorial #c-lookup-tools .btn { min-height: 44px; font-size: 14px !important; padding: 10px 12px !important; }
  .tool-editorial #c-lookup-tools :is(#c-taxid-result, #c-coname-result, #c-person-result):empty { display: none; }
  .tool-editorial #c-member-guide {
    grid-column: 1; grid-row: 3; align-self: start; width: min(100%, 354px);
    padding-top: 18px; border-top: 1px solid var(--editorial-line);
    font-size: 14px; line-height: 1.8; color: var(--editorial-muted);
  }
  .tool-editorial #c-member-guide ol { display: flex; flex-wrap: wrap; gap: 8px 16px; list-style: none; }
  .tool-editorial #c-member-guide span { margin-right: 5px; color: var(--editorial-accent); font-variant-numeric: tabular-nums; }
  .tool-editorial:not(.customer-lead-mode) .tool-intro-grid .stitle { max-width: none; }
  .tool-editorial:not(.customer-lead-mode) #c-gender-wrap { display: flex; gap: 0 !important; }
  .tool-editorial #c-gender-wrap label { display: block; }
}
@media screen and (max-width: 960px) {
  .tool-editorial #c-member-guide { grid-column: 1; grid-row: auto; justify-self: center; margin-bottom: 24px; }
  body.tool-editorial.has-calc-result :is(#lead-energy-wheel, #c-member-guide) { display: none; }
}