/* Tools use the landing page's cream, ink and orange. Keep controls native-sized. */
[data-mp-tools] {
  --tool-paper: #f6f4ed;
  --tool-navy: #101d2d;
  --tool-ink: #142132;
  --tool-orange: #ff6846;
  --tool-orange-ink: #d94728;
  --tool-rule: #d4cfc4;
  --tool-muted: #53606c;
}
[data-mp-tools] .page-hero {padding-block:clamp(22px,3.3vw,50px) clamp(25px,3.3vw,50px)}
[data-mp-tools] .page-hero .breadcrumbs {font-size:13px;color:var(--tool-muted);line-height:1.45;flex-wrap:wrap}
[data-mp-tools] .page-hero .eyebrow {margin-top:26px;color:var(--tool-muted)}
[data-mp-tools] .page-hero h1 {font:500 clamp(43px,5.4vw,86px)/1.02 Newsreader,Georgia,serif;letter-spacing:-.052em;max-width:23ch;text-wrap:balance}
[data-mp-tools] .page-hero h1 em {color:var(--tool-orange-ink);font-weight:500}
[data-mp-tools] .page-hero>p {line-height:1.55;color:var(--tool-muted);max-width:59ch}
[data-mp-tools="directory"] .page-hero {padding-bottom:clamp(28px,3vw,46px)}
.tools-directory-lead {display:grid;grid-template-columns:minmax(0,1.02fr) minmax(0,.98fr);align-items:center;gap:clamp(30px,6vw,85px);margin-top:clamp(22px,3.5vw,50px)}
[data-mp-tools="directory"] .tools-directory-lead h1 {font-size:clamp(58px,6.5vw,102px);max-width:11.6ch;line-height:.97;margin:0 0 20px}
.tools-directory-lead>div>p {font-size:clamp(16px,1.45vw,20px);line-height:1.5;color:var(--tool-muted);max-width:36ch;margin:0}
.map-feature {position:relative;isolation:isolate;overflow:hidden;align-self:stretch;display:flex;align-items:end;min-height:285px;border-radius:15px;background-color:var(--tool-navy);color:white;text-decoration:none}
.map-feature>img {position:absolute;z-index:-2;inset:0;width:100%;height:100%;object-fit:cover;object-position:54% 31%;opacity:.87}
.map-feature::after {content:"";position:absolute;z-index:-1;inset:0;background:linear-gradient(180deg,transparent 0%,rgba(16,29,45,.1) 14%,rgba(16,29,45,.87) 70%,#101d2d 100%)}
.map-feature-copy {padding:clamp(20px,2.3vw,34px);max-width:53ch}
.map-feature-copy h2 {margin:0 0 6px;font:500 clamp(32px,3vw,47px)/1.02 Newsreader,Georgia,serif;letter-spacing:-.045em;color:#fff}
.map-feature-copy p {margin:0 0 14px;color:#eef0f0;font-size:14px;line-height:1.45}
.map-feature .tool-link {display:inline-block;color:white;border-bottom:2px solid var(--tool-orange);padding:0 0 3px;font-weight:700;font-size:13px}
.map-feature:hover .tool-link {color:var(--tool-orange)}
[data-mp-tools="directory"] .bilt-promo {border:0;border-left:4px solid var(--tool-orange);border-radius:0 10px 10px 0;background:#eae6dc;padding:16px 23px;margin-bottom:clamp(40px,5vw,68px);box-sizing:border-box}
[data-mp-tools="directory"] .bilt-promo [href] {color:var(--tool-navy);text-underline-offset:3px}
[data-mp-tools="directory"] .bilt-promo p {color:var(--tool-muted)}
[data-mp-tools="directory"] .tool-collections {display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:clamp(24px,5.5vw,78px);padding-bottom:clamp(46px,6vw,86px)}
.tool-collections .tools-group {width:100%;min-width:0;margin:0;padding:0}
.tool-collections .tools-group>h2 {font:500 clamp(35px,3.6vw,56px)/1 Newsreader,Georgia,serif;color:var(--tool-navy);letter-spacing:-.047em;margin:0 0 8px}
.tool-collections .tools-group>p {margin:0 0 20px;color:var(--tool-muted);font-size:15px;line-height:1.48}
[data-mp-tools="directory"] .tools-group .tool-grid {display:block;padding:0;border-top:2px solid var(--tool-ink);gap:0}
[data-mp-tools="directory"] .tools-group .tool-card {position:relative;display:grid;grid-template-columns:minmax(0,1fr);gap:6px;min-height:0;padding:17px 42px 18px 0;border:0;border-bottom:1px solid var(--tool-rule);border-radius:0;background:transparent;box-shadow:none;transform:none;color:var(--tool-navy);transition:none}
.tool-collections .tool-card::after {content:'→' / '';position:absolute;right:6px;top:50%;transform:translateY(-50%);font:600 22px/1 "DM Sans",Arial,sans-serif;color:var(--tool-orange-ink)}
.tool-collections .tool-number {font:700 11px/1.2 "DM Sans",Arial,sans-serif;color:var(--tool-muted);text-transform:uppercase;letter-spacing:.11em}
.tool-collections .tool-card h3 {font:500 clamp(24px,2.04vw,33px)/1.07 Newsreader,Georgia,serif;letter-spacing:-.031em;margin:0}
.tool-collections .tool-card p {max-width:49ch;font-size:14px;line-height:1.45;color:var(--tool-muted);margin:0}
.tool-collections .tool-card .tool-link {position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip-path:inset(50%)}
.tool-collections .tool-card:hover h3 {text-decoration:underline;text-underline-offset:4px;text-decoration-thickness:1px}
[data-mp-tools] :is(.calc-card,.map-app,.valuation-panel,.transfer-panel,.alliance-panel,.bilt-panel) {background:#fffdf8;color:var(--tool-ink);border:1px solid var(--tool-rule);border-radius:15px;box-shadow:none}
[data-mp-tools] .calc-card h3 {color:var(--tool-navy);font:500 clamp(25px,2.3vw,33px)/1.12 Newsreader,Georgia,serif;letter-spacing:-.025em;margin-bottom:9px}
[data-mp-tools] .calculator-copy h2 {font-size:clamp(35px,4vw,60px);font-weight:500;max-width:15ch}
[data-mp-tools] :is(.tool-example-actions,.calculator-actions) {gap:9px}
[data-mp-tools] :is(.input-wrap input,input[type=search],.map-field select,.tool-bank-control select) {border-color:#bcbab2;border-radius:8px;background:#fff;min-height:46px;color:var(--tool-ink)}
[data-mp-tools] .calculate-button {background:var(--tool-orange);color:var(--tool-navy);border-radius:8px;min-height:45px}
[data-mp-tools] .calculate-button:hover {background:var(--tool-orange);box-shadow:inset 0 0 0 2px var(--tool-navy)}
[data-mp-tools] :is(.result,.bonus-result) {border-radius:11px;background:var(--tool-navy);color:#fff}
[data-mp-tools] .return-value {color:var(--tool-orange)}
[data-mp-tools] .bonus-result .result-label {color:#d9dfe4!important}
[data-mp-tools] .bonus-result .assumption-note {color:#e4e8ec}
[data-mp-tools] .result-breakdown {border-color:#ffffff38;background:#ffffff38}
[data-mp-tools] .breakdown-item {background:var(--tool-navy);color:#fff}
[data-mp-tools] .breakdown-item span {color:#d9dfe4}
[data-mp-tools] .result .rating {color:var(--tool-navy)}
[data-mp-tools] .result .rating[style*="57, 76, 99"],[data-mp-tools] .result .rating[style*="123, 101, 112"] {color:#fff}
[data-mp-tools] :is(.transfer-controls,.alliance-controls,.valuation-table th) {background:#ebe8df}
[data-mp-tools] :is(.tool-secondary,.filter-button,.mode-button) {border-radius:8px}
[data-mp-tools] .tool-secondary {border-color:#c6c1b9;background:transparent}
[data-mp-tools] .tool-secondary:hover {border-color:var(--tool-ink)}
[data-mp-tools] :is(input,select,button,a):focus-visible {outline:2px solid var(--tool-orange-ink);outline-offset:3px}
@media(max-width:760px){
  .tools-directory-lead{grid-template-columns:1fr;gap:22px;margin-top:22px}
  [data-mp-tools="directory"] .tools-directory-lead h1{font-size:clamp(49px,10.4vw,70px)!important;max-width:16ch;margin-bottom:10px}
  .map-feature{min-height:210px}
  .map-feature>img{object-position:center 34%}
  [data-mp-tools="directory"] .tool-collections{grid-template-columns:1fr;gap:35px}
  [data-mp-tools="directory"] .bilt-promo{margin-bottom:34px}
  [data-mp-tools] .page-hero .eyebrow {margin-top:18px}
  [data-mp-tools] .calc-card{padding:20px}
}
