/* Shared transitions between ownership tools and guided observations. */
.ownership-navigation { border-top: 1px solid #d8dcd9; padding-block: 24px 36px; margin-block: 20px; color: #18232b; }
.ownership-navigation-label { display: block; color: #53616a; font-size: 14px; margin-bottom: 18px; }
.ownership-navigation > div { display: grid; grid-template-columns: repeat(5,minmax(0,1fr)); }
.ownership-navigation a { display: flex; align-items: center; gap: 11px; padding: 10px 20px; min-height: 48px; font-size: 16px; color: #18232b; }
.ownership-navigation a:first-child { padding-inline-start: 0; }
.ownership-navigation a:not(:last-child) { border-inline-end: 1px solid #d8dcd9; }
.ownership-navigation a[aria-current] { color: #254eff; font-weight: 600; }
.ownership-navigation a:hover { color: #254eff; }
.ownership-navigation .icon { flex: 0 0 21px; width: 21px; height: 21px; }
.ownership-navigation a > .icon:last-child { width: 16px; height: 16px; flex-basis: 16px; margin-inline-start: auto; }
.decision-lab { background: #fff; color: #18232b; border: 1px solid #d8dcd9; border-radius: 4px; padding: 28px; margin-bottom: 24px; }
.decision-lab h2 { font-size: 25px; font-weight: 600; line-height: 1.5; margin-block: 8px 12px; }
.decision-lab p { color: #53616a; font-size: 16px; line-height: 1.9; }
.decision-lab :is(label,input,select) { color: #18232b; }
.decision-lab .eyebrow { color: #53616a; font-size: 14px; }
.decision-options { display: flex; gap: 12px; flex-wrap: wrap; }
.decision-options label { padding: 12px 18px; border: 1px solid #d8dcd9; border-radius: 4px; cursor: pointer; }
.decision-options label:has(:checked) { background: #eef1ff; border-color: #254eff; color: #18232b; }
.calculator-paths { display: grid; grid-template-columns: repeat(auto-fit,minmax(min(220px,100%),1fr)); gap: 16px; }
.calculator-paths > :is(article,a) { padding: 22px; border: 1px solid #d8dcd9; border-radius: 4px; background: #f7f8f4; color: #18232b; min-width: 0; }
.calculator-paths h3,.calculator-paths span { font-size: 19px; font-weight: 600; line-height: 1.6; }
.calculator-paths p,.calculator-paths small { font-size: 15px; line-height: 1.85; color: #53616a; }
.observation-builder { background: #fff; border: 1px solid #d8dcd9; border-radius: 4px; padding: 30px; margin-block: 26px 32px; color: #18232b; }
.observation-builder h2 { font-size: 29px; font-weight: 600; margin-block: 10px 16px; }
.observation-builder > p { font-size: 18px; color: #53616a; line-height: 1.85; max-width: 800px; }
.observation-builder fieldset { border: 0; border-block: 1px solid #d8dcd9; margin-block: 25px; padding: 24px 0; min-width: 0; }
.observation-builder legend { padding-inline-end: 16px; font-size: 18px; font-weight: 600; }
.observation-builder .form-grid { margin-block: 20px; gap: 20px; }
.observation-builder .field { font-size: 14px; }
.observation-builder :is(input,select) { font-size: 16px; }
.observation-builder output { display: block; white-space: pre-wrap; padding: 25px; background: #e9ece4; margin-top: 24px; font-size: 18px; line-height: 2; border-inline-start: 3px solid #254eff; }
.observation-builder output:empty { display: none; }
.observation-builder [hidden] { display: none !important; }
@media (max-width: 1000px) { .ownership-navigation a { font-size: 14px; padding-inline: 12px; gap: 8px; } }
@media (max-width: 800px) { .ownership-navigation > div { grid-template-columns: repeat(3,minmax(0,1fr)); gap: 14px 0; }.ownership-navigation a { padding-inline: 12px; }.ownership-navigation a:first-child { padding-inline-start: 12px; }.ownership-navigation a:nth-child(3) { border-inline-end: 0; } }
@media (max-width: 480px) { .ownership-navigation > div { grid-template-columns: repeat(2,minmax(0,1fr)); }.ownership-navigation a:nth-child(even) { border-inline-end: 0; }.ownership-navigation a:nth-child(3) { border-inline-end: 1px solid #d8dcd9; }.ownership-navigation a > .icon:last-child { display: none; }.decision-lab,.observation-builder { padding: 20px; }.observation-builder h2 { font-size: 26px; }.observation-builder .form-grid { grid-template-columns: minmax(0,1fr); }.observation-builder output { padding: 20px; } }