/* Additive styles, loaded only on the IB pages and homepage. */
.ib-page {max-width:1080px;margin:0 auto;padding:52px 24px 72px}
.ib-page [hidden] {display:none!important}
.ib-page-header {padding-bottom:30px;border-bottom:1px solid var(--line2)}
.ib-eyebrow,.ib-step {font:11px/1.6 var(--mono);letter-spacing:.13em;text-transform:uppercase;color:#a1a1ab}
.ib-eyebrow {margin:0 0 18px}
.ib-page-header h1 {max-width:22ch;font-size:clamp(40px,5.2vw,64px)}
.ib-lead {max-width:66ch;color:#b5b5bf;font-size:19px;line-height:1.65;margin:24px 0 0}
.ib-notice {border-left:2px solid var(--blue);background:var(--bg2);padding:18px 22px;font-size:15px;color:#b5b5bf;margin:24px 0}
.ib-notice p {margin:0}
.ib-notice strong {color:var(--ink);font-weight:600}
.ib-page a {text-underline-offset:4px}
.ib-page a:hover {color:#9dc0ea}
.ib-page :focus-visible,.ib-home a:focus-visible {outline:2px solid #9dc0ea;outline-offset:5px}
.ib-guide {display:grid;grid-template-columns:235px minmax(0,1fr);column-gap:52px}
.ib-guide>.ib-page-header,.ib-guide>.ib-notice {grid-column:1/-1}
.ib-toc {grid-column:1;grid-row:3/span 9;align-self:start;position:sticky;top:calc(var(--mast-height,148px) + 24px);margin-top:14px}
.ib-toc ol {list-style:none;counter-reset:ib-toc;padding:0;margin:0}
.ib-toc li {counter-increment:ib-toc;border-top:1px solid var(--line);padding:13px 0;font-size:14px;line-height:1.45}
.ib-toc li::before {content:counter(ib-toc,decimal-leading-zero);font:10px var(--mono);color:var(--blue);margin-right:9px}
.ib-toc a {text-decoration:none}
.ib-guide>.ib-intro,.ib-guide>.ib-section {grid-column:2}
.ib-intro {margin:12px 0 20px;color:#b5b5bf}
.ib-section {padding:32px 0 14px;border-bottom:1px solid var(--line);scroll-margin-top:calc(var(--mast-height,148px) + 18px)}
.ib-section h2,.ib-results h2 {font:400 32px/1.15 var(--serif);letter-spacing:-.01em;margin:0 0 18px}
.ib-section p {margin:14px 0;color:#b5b5bf}
.ib-section .ib-step {color:#9dc0ea;margin:0 0 14px}
.ib-policy {max-width:810px}
.ib-calculator .ib-section {max-width:78ch}
.ib-form {margin:34px 0 0}
.ib-fieldset {min-width:0;padding:24px;border:1px solid var(--line2);margin:0 0 24px;background:var(--bg2)}
.ib-fieldset legend {padding:0 10px;font:12px/1.5 var(--mono);text-transform:uppercase;letter-spacing:.1em;color:#9dc0ea}
.ib-fields {display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:24px}
.ib-field {min-width:0}
.ib-field label {display:block;font-size:16px;line-height:1.5;margin-bottom:9px}
.ib-field input {width:100%;min-height:46px;background:var(--bg);border:1px solid var(--control);border-radius:0;color:var(--ink);padding:10px 12px;font:16px/1.5 var(--mono);color-scheme:dark}
.ib-field input[aria-invalid] {border-color:#f39388}
.ib-field small {display:block;color:#aaaab5;font-size:13px;line-height:1.5;margin-top:8px}
.ib-scenario-grid {display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:24px}
.ib-scenario-grid .ib-fields {grid-template-columns:1fr}
.ib-actions {display:flex;gap:12px;flex-wrap:wrap}
.ib-button {border:1px solid var(--ink);background:var(--ink);color:var(--bg);font:12px/1.5 var(--mono);padding:14px 18px;cursor:pointer;min-height:46px}
.ib-button:hover {background:white}
.ib-button-secondary {background:transparent;border-color:var(--control);color:var(--ink)}
.ib-button-secondary:hover {background:var(--bg3)}
.ib-form-note,.ib-status {font-size:14px;color:#aaaab5}
.ib-form-error {border-left:2px solid #f39388;padding:14px 18px;color:#ffc3bb;background:#261516}
.ib-results {padding:30px;margin:26px 0;background:var(--bg2);border:1px solid var(--blue)}
.ib-results p {font-size:15px;color:#b5b5bf}
.ib-table-wrap {overflow-x:auto}
.ib-breakdown {border-collapse:collapse;width:100%;font-size:14px}
.ib-breakdown caption {text-align:left;color:#aaaab5;font-size:13px;margin:0 0 12px}
.ib-breakdown th,.ib-breakdown td {padding:14px 10px;border-bottom:1px solid var(--line2);text-align:right}
.ib-breakdown th:first-child {text-align:left;font-weight:400}
.ib-breakdown td {font-family:var(--mono);font-size:12px;white-space:nowrap}
.ib-breakdown tfoot {background:#16212e;color:#d2e6ff}
.ib-results .ib-difference {color:var(--ink);font-size:20px}
.ib-home {padding:40px 0;border-bottom:1px solid var(--line);background:var(--bg2)}
.ib-home-grid {display:grid;grid-template-columns:1fr 1.15fr;gap:60px;align-items:center}
.ib-home h2 {font:400 40px/1.07 var(--serif);margin:0 0 16px}
.ib-home p:not(.ib-eyebrow) {color:#b5b5bf;font-size:15px;max-width:45ch;margin:0 0 18px}
.ib-home-status {font:10px/1.5 var(--mono);color:#a1a1ab}
.ib-home-links {list-style:none;padding:0;margin:0}
.ib-home-links li {border-top:1px solid var(--line2)}
.ib-home-links li:last-child {border-bottom:1px solid var(--line2)}
.ib-home-links a {display:flex;align-items:center;gap:18px;text-decoration:none;padding:18px 4px}
.ib-home-links a:hover {background:var(--bg2)}
.ib-home-links span {color:#9dc0ea;font:11px var(--mono)}
.ib-home-links div {flex:1}
.ib-home-links strong {display:block;font-size:19px;font-weight:400;line-height:1.35}
.ib-home-links small {display:block;color:#a1a1ab;font-size:13px;margin-top:5px}
.ib-home-links b {color:#9dc0ea;font-weight:400}
@media(max-width:860px){
  .ib-guide {display:block}
  .ib-toc {position:static;margin:32px 0}
  .ib-toc ol {columns:2;column-gap:28px}
  .ib-toc li {break-inside:avoid}
  .ib-section {scroll-margin-top:calc(var(--mast-height,74px) + 18px)}
  .ib-home-grid {gap:30px}
}
@media(max-width:620px){
  .ib-page {padding:32px 20px 48px}
  .ib-page-header h1 {font-size:42px}
  .ib-lead {font-size:17px}
  .ib-notice {padding:16px;font-size:14px}
  .ib-toc ol {columns:1}
  .ib-scenario-grid,.ib-fields,.ib-home-grid {grid-template-columns:1fr}
  .ib-scenario-grid {gap:0}
  .ib-fieldset {padding:20px 16px}
  .ib-button {width:100%}
  .ib-results {padding:20px 14px}
  .ib-breakdown th,.ib-breakdown td {padding:12px 5px}
  .ib-breakdown th {font-size:12px}
  .ib-breakdown td {font-size:11px}
  .ib-home {padding:32px 0}
}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}

/* Printed guides and calculations retain readable labels and semantic accents. */
@media print{
  .ib-guide {display:block}
  .ib-toc {position:static}
  .ib-page,.ib-home {color:#111;background:#fff}
  .ib-lead,.ib-notice,.ib-intro,.ib-section p,.ib-results p,.ib-home p:not(.ib-eyebrow) {color:#222}
  .ib-eyebrow,.ib-step,.ib-field small,.ib-form-note,.ib-status,.ib-breakdown caption,.ib-home-status,.ib-home-links small {color:#444}
  .ib-section .ib-step,.ib-fieldset legend,.ib-toc li::before,.ib-home-links span,.ib-home-links b {color:#24568b}
  .ib-page a,.ib-page a:hover {color:#174a7a;text-decoration:underline}
  .ib-notice,.ib-fieldset,.ib-results {background:#fff}
  .ib-notice,.ib-results {border-color:#24568b}
  .ib-field label,.ib-notice strong,.ib-results .ib-difference {color:#111}
  .ib-field input {color:#111;background:#fff;border-color:#666;color-scheme:light}
  .ib-field input[aria-invalid] {border-color:#9b251c}
  .ib-button,.ib-button:hover,.ib-button-secondary:hover {color:#111;background:#fff;border-color:#666}
  .ib-form-error {color:#9b251c;background:#fff;border-color:#9b251c}
  .ib-breakdown th,.ib-breakdown td {border-color:#aaa}
  .ib-breakdown tfoot {color:#111;background:#fff;font-weight:700}
  .ib-breakdown tfoot th,.ib-breakdown tfoot td {border-top:2px solid #111;font-weight:700}
}
