/* Tool pages reuse Trading's hero, primary/secondary buttons, surfaces, cards,
   profile layout, typography and responsive breakpoints. Only tool-specific
   form controls and content placement belong here. */
.mg-tools-page .tr-subnav a:first-child{color:var(--muted)}
.mg-tools-page .tr-subnav a[aria-current=page]{color:var(--pink-ink);font-weight:600}
.tt-directory .tt-tool-icon,.tt-profile-head .tt-tool-icon{color:var(--pink-ink);background:linear-gradient(145deg,var(--raised),var(--surface));border-color:var(--line)}
.tt-tool-icon svg{width:38px;height:38px;flex:none}
.tt-tags span{font-size:13px;line-height:1.35;border-radius:30px;padding:4px 10px;background:var(--raised);color:var(--muted)}
.tt-directory .tr-firm-row{grid-template-rows:auto 1fr}
.tt-directory .tr-row-actions{align-self:end;flex-wrap:wrap;gap:14px}
.tt-price{min-width:0;flex:1;font-size:14px}
.tt-price strong,.tt-price span{display:block}.tt-price span{margin-top:5px;line-height:1.5}
.tt-directory .tr-row-actions .primary{flex:none;white-space:nowrap}
.tt-filters{align-items:end;gap:12px}
.tt-filter-label{display:grid;gap:8px;font-size:13px;font-weight:600;color:var(--muted);flex:1;min-width:140px}
.tt-filter-label:first-child{flex:1.25;min-width:185px}
.tt-filter-label input,.tt-filter-label select,.tt-guide-row select{width:100%;min-width:0;min-height:45px;padding:10px 12px;border:1px solid var(--line);border-radius:8px;background:var(--bg);color:var(--text);font:inherit;font-size:14px}
.tt-filter-label select{padding-right:28px}.tt-pagination{justify-content:center;margin-top:30px}
.tt-empty{grid-column:1/-1;text-align:center;padding:32px}.tt-empty h3{font-size:23px}.tt-empty p{font-size:16px}
.tt-note h2{font-size:22px;margin:0 0 12px}.tt-note p{font-size:15px;margin:0;max-width:900px}
.tt-back{display:inline-block;margin:12px 0 24px}
.tt-profile-head .tt-tool-icon{width:100px;min-height:100px}
.tt-profile-head .tr-tags{margin-top:14px}
.tt-profile-grid{margin-bottom:30px}.tt-overview h2,.tt-checks h2{font-size:25px;margin:12px 0 16px}
.tt-overview p,.tt-checks li,.tt-detail-section li{font-size:16px;line-height:1.7}
.tt-checks{margin-top:24px}.tt-detail-section{padding-top:22px;margin-top:24px;border-top:1px solid var(--line)}
.tt-profile-grid section,.tt-profile-grid div[id]{scroll-margin-top:110px}
.tt-plan-price{font-size:22px;line-height:1.4;display:block}
.tt-purchase p{font-size:14px}.tt-purchase .primary,.tt-profile-grid .tr-fit-panel .secondary{width:100%}
.tt-purchase small{display:block;margin-top:12px;line-height:1.6}
.tt-guide-header{margin-top:12px;margin-bottom:30px}
.tt-guide-header h1{line-height:1.15;letter-spacing:-.045em}.tt-guide-header h1 span{color:var(--pink)}
.tt-guide-header>p{font-size:17px;max-width:680px}
.tt-guide-form{max-width:820px;margin:0 auto 38px;padding:28px}
.tt-guide-form fieldset{border:0;padding:0;margin:0;min-width:0}
.tt-guide-form legend{font-size:20px;font-weight:600;margin-bottom:0}
.tt-guide-form b{display:inline-grid;place-items:center;width:28px;height:28px;border-radius:50%;background:color-mix(in srgb,var(--pink) 12%,var(--surface));color:var(--pink-ink);margin-right:8px;font-size:13px}
.tt-goals{margin:24px 0;gap:14px}
.tt-goals label{display:flex;gap:14px;align-items:center;padding:20px;border-radius:14px;min-height:90px;cursor:pointer;background:linear-gradient(125deg,color-mix(in srgb,var(--pink) 5%,var(--raised)),var(--surface));box-shadow:inset 0 1px var(--highlight);color:var(--text);transition:background .2s}
.tt-goals label:hover{background:color-mix(in srgb,var(--pink) 10%,var(--card))}
.tt-goals label:has(input:checked){background:linear-gradient(135deg,#c60068,#79234e);color:white;box-shadow:0 12px 35px #c000671c}
.tt-goals label:has(input:focus-visible){outline:2px solid var(--pink-ink);outline-offset:3px}
.tt-goals input{accent-color:var(--pink);width:18px;height:18px;flex:none}
.tt-goals span{font-size:17px;font-weight:600;line-height:1.4}.tt-goals small{display:block;font-size:13px;font-weight:400;opacity:.8;margin-top:6px;line-height:1.5}
.tt-guide-row{display:grid;grid-template-columns:1fr 1fr;gap:20px;margin:24px 0}
.tt-guide-row label{display:grid;gap:12px;font-size:15px;font-weight:600}.tt-guide-form>button{min-width:180px}
.tt-buying-lessons{margin:38px 0}.tt-buying-lessons h2{font-size:28px;line-height:1.3;margin-top:20px}
.tt-buying-lessons article+article{padding-top:18px;margin-top:18px;border-top:1px solid var(--line)}.tt-buying-lessons b{font-size:16px}.tt-buying-lessons p{font-size:15px;margin:8px 0 0}
@media(max-width:1000px){.tt-filters .tr-actions{flex-basis:100%}.tt-filters .tt-filter-label{min-width:160px}.tt-directory .tr-row-actions{grid-column:1/-1}}
@media(max-width:760px){.tt-directory{grid-template-columns:1fr}.tt-directory .tr-firm-row{grid-template-columns:66px minmax(0,1fr);padding:18px;gap:16px}.tt-directory .tr-logo{width:66px;height:66px;min-height:66px}.tt-tool-icon svg{width:30px;height:30px}.tt-directory .tr-firm-copy h3{font-size:21px}.tt-directory .tr-firm-copy>p{font-size:14px}.tt-directory .tr-row-actions{grid-column:1/-1}.tt-directory .tr-row-actions .primary{flex:none}.tt-filters{gap:14px}.tt-filter-label:first-child{flex-basis:100%}.tt-filters .tt-filter-label{min-width:125px}.tt-filters input,.tt-filters select,.tt-guide-row select{font-size:16px}.tt-profile-head .tt-tool-icon{width:80px;min-height:80px}.tt-profile-head{gap:18px}.tt-profile-head .tr-profile-actions{width:100%}.tt-profile-grid aside{grid-template-columns:1fr}.tt-guide-form{padding:20px}.tt-goals{grid-template-columns:1fr;gap:12px}.tt-goals label{min-height:82px;padding:18px}.tt-guide-row{grid-template-columns:1fr;gap:20px}.tt-guide-form>button{width:100%}.tt-guide-header h1{font-size:36px}.tt-buying-lessons{grid-template-columns:1fr}.tt-buying-lessons h2{font-size:25px}.tt-price{font-size:13px}}
@media(prefers-reduced-motion:reduce){.tt-goals label{transition:none}}

/* Let the shared header wrap without covering navigation on narrow screens. */
@media(max-width:760px){.mg-tools-page .consumer-header{height:auto;min-height:60px;background:var(--surface)}.mg-tools-page .consumer-nav-inner{height:auto;min-height:60px;padding-top:12px;padding-bottom:12px;gap:12px}.mg-tools-page .consumer-header .brand{color:var(--text)}.mg-tools-page .ss-header-actions{width:100%;justify-content:space-between}.mg-tools-page .mg-business-nav{font-size:12px}.mg-tools-page .tr-subnav{justify-content:flex-start;scrollbar-width:thin}}