/* NOTA CAPITAL financial tools: uses the existing pearl, navy and saffron tokens. */
.tools-page{background:var(--nc-page,var(--color-cream-200,#f7f2e8));color:var(--nc-ink,var(--color-ink-900,#121b24));min-height:60vh}
.tools-hero{padding:32px 0 56px;background:linear-gradient(180deg,#fffdf9 0%,var(--nc-page,var(--color-cream-200,#f7f2e8)) 100%);border-bottom:1px solid var(--nc-line,var(--border-soft,rgba(18,27,36,.12)))}
.tools-hero h1{max-width:850px}
.tools-hero .lead{max-width:820px}
.tools-breadcrumbs{display:flex;flex-wrap:wrap;align-items:center;gap:8px;margin:0 0 40px;color:var(--nc-muted,var(--text-muted,#4e5b64));font-size:14px}
.tools-breadcrumbs a{text-decoration:underline;text-decoration-color:var(--nc-line-strong,#b9c7ce);text-underline-offset:3px}
.tools-breadcrumbs a:hover{color:var(--nc-blue,var(--color-gold-700,#6f4c1f))}
.tools-content{padding-top:52px;padding-bottom:80px}
.tools-layout{display:grid;grid-template-columns:minmax(0,1fr) 270px;gap:52px;align-items:start}
.tools-layout>div{min-width:0}
.tools-aside{position:sticky;top:108px}
.tools-related{padding:22px;border:1px solid var(--nc-line,var(--border-soft));border-radius:var(--nc-radius-lg,18px);background:rgba(255,255,255,.72)}
.tools-related h2{font-size:20px;line-height:1.2;margin:0 0 10px}
.tools-related ul{padding:0;margin:0;list-style:none}
.tools-related li+li{border-top:1px solid var(--nc-line,var(--border-soft))}
.tools-related a{display:block;padding:12px 0;color:var(--nc-ink-soft,var(--text-secondary));font-size:14px;line-height:1.4}
.tools-related a:hover{color:var(--nc-blue,var(--color-gold-700))}
.tool-intro-panel,.tool-boundary,.tool-example{padding:28px 30px;border:1px solid var(--nc-line,var(--border-soft));border-radius:var(--nc-radius-lg,18px);background:var(--nc-surface,var(--surface-card,#fff));box-shadow:var(--nc-shadow,var(--shadow-sm))}
.tool-intro-panel h2,.tool-boundary h2,.tool-example h2{font-size:clamp(25px,2.4vw,34px);line-height:1.12;margin:0 0 12px}
.tool-intro-panel p,.tool-boundary p,.tool-example p{max-width:70ch;margin:0;color:var(--nc-ink-soft,var(--text-secondary))}
.tool-principles{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;padding:0;margin:24px 0 0;list-style:none}
.tool-principles li{padding:14px;border-left:3px solid var(--nc-saffron,#ffbf43);background:var(--nc-saffron-soft,#fff2d1);font-size:14px;line-height:1.45}
.tool-index-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;margin:20px 0}
.tool-index-card{display:flex;flex-direction:column;min-height:260px;padding:24px;border:1px solid var(--nc-line,var(--border-soft));border-radius:var(--nc-radius-lg,18px);background:var(--nc-surface,var(--surface-card,#fff));transition:transform .18s ease,box-shadow .18s ease,border-color .18s ease}
.tool-index-card:hover{transform:translateY(-2px);border-color:var(--nc-line-strong,#b9c7ce);box-shadow:var(--nc-shadow-lg,0 18px 46px rgba(20,39,53,.11))}
.tool-card-number{margin:0 0 20px;color:var(--nc-blue,var(--color-gold-700));font-size:13px;font-weight:800;letter-spacing:.14em}
.tool-index-card h2{margin:0 0 9px;font-size:25px;line-height:1.15}
.tool-index-card h2 a:hover{color:var(--nc-blue,var(--color-gold-700))}
.tool-index-card>p:not(.tool-card-number):not(.tool-card-note){margin:0;color:var(--nc-ink-soft,var(--text-secondary));font-size:16px;line-height:1.5}
.tool-card-note{margin:auto 0 12px;padding-top:20px;color:var(--nc-muted,var(--text-muted));font-size:14px;line-height:1.45}
.text-link{color:var(--nc-blue,var(--color-gold-700));font-size:14px;font-weight:800}
.text-link:hover{text-decoration:underline;text-underline-offset:3px}
.tool-boundary{margin-top:20px;background:var(--nc-navy,var(--color-navy-900));color:#fff;border-color:var(--nc-navy,var(--color-navy-900))}
.tool-boundary h2,.tool-boundary p{color:#fff}
.tool-boundary p{color:rgba(255,255,255,.82)}
.finance-tool-card,.readiness-card{padding:30px;border:1px solid var(--nc-line,var(--border-soft));border-radius:var(--nc-radius-lg,18px);background:var(--nc-surface,var(--surface-card,#fff));box-shadow:var(--nc-shadow,var(--shadow-sm))}
.tool-card-head{max-width:780px;margin-bottom:24px}
.tool-card-head h2{font-size:clamp(25px,2.4vw,34px);line-height:1.12;margin:0 0 12px}
.tool-card-head>p:last-child{margin:0;color:var(--nc-ink-soft,var(--text-secondary))}
.finance-form-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px 20px}
.finance-field{min-width:0}
.finance-field label{display:block;margin:0 0 7px;color:var(--nc-ink,var(--text-primary));font-size:15px;font-weight:800;line-height:1.35}
.finance-field label span{color:var(--nc-blue,var(--color-gold-700));font-weight:800}
.finance-input{width:100%;min-height:48px;border:1px solid #677b88;border-radius:10px;background:#fff;color:var(--nc-ink,var(--text-primary));padding:11px 13px;font-size:16px;line-height:1.35}
.finance-input::placeholder{color:#53616b;opacity:1}
.finance-input:hover{border-color:var(--nc-ink-soft,#425866)}
.finance-input:focus{border-color:var(--nc-blue,var(--color-gold-700));outline:3px solid rgba(138,91,0,.18);outline-offset:1px}
.finance-field-hint{margin:6px 0 0;color:var(--nc-muted,var(--text-muted));font-size:14px;line-height:1.4}
.finance-form .btn{margin-top:24px}
.finance-error{margin:18px 0 0;padding:11px 13px;border:1px solid #d9a5aa;border-radius:9px;background:#fff3f4;color:#7e3038;font-size:14px;line-height:1.45}
.finance-result{margin-top:26px;padding:22px;border-radius:12px;background:var(--nc-surface-soft,#edf1f3);border:1px solid var(--nc-line,var(--border-soft))}
.finance-result-empty{margin:0;color:var(--nc-ink-soft,var(--text));font-size:15px}
.finance-result-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}
.finance-metric{display:flex;flex-direction:column;min-width:0;padding:14px;border-radius:10px;background:#fff;border:1px solid var(--nc-line,var(--border-soft))}
.finance-metric span{color:var(--nc-muted,var(--text-muted));font-size:13px;line-height:1.35}
.finance-metric strong{margin-top:6px;color:var(--nc-navy,var(--color-navy-900));font-size:clamp(21px,2.2vw,30px);line-height:1.1;overflow-wrap:anywhere}
.finance-metric small{margin-top:6px;color:var(--nc-muted,var(--text-muted));font-size:12px;line-height:1.35}
.finance-result-note{margin:16px 0 0;color:var(--nc-ink-soft,var(--text-secondary));font-size:14px;line-height:1.5}
.finance-schedule,.finance-dscr-visual{margin-top:24px;padding-top:22px;border-top:1px solid var(--nc-line,var(--border-soft))}
.finance-schedule h3,.finance-dscr-visual h3{margin:0;color:var(--nc-navy,var(--color-navy-900));font-size:20px;line-height:1.25}
.finance-schedule-chart{margin-top:16px;padding:12px;border:1px solid var(--nc-line,var(--border-soft));border-radius:10px;background:#fff;overflow-x:auto}
.finance-schedule-svg,.finance-dscr-svg{display:block;width:100%;height:auto;min-width:560px;color:var(--nc-ink-soft,var(--text-secondary));font:12px/1.2 system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif}
.finance-schedule-svg text,.finance-dscr-svg text{fill:currentColor}
.finance-schedule-legend{display:flex;flex-wrap:wrap;gap:10px 18px;margin-top:16px;color:var(--nc-muted,var(--text-muted));font-size:12px}
.finance-schedule-legend span{display:inline-flex;align-items:center;gap:6px}
.finance-key{display:inline-block;width:11px;height:11px;border-radius:2px}
.finance-key-principal{background:#334e68}.finance-key-interest{background:#8b6f47}.finance-key-fees{background:#c3b091}.finance-key-balloon{background:#9a5a44}
.finance-schedule-details{margin-top:16px;border:1px solid var(--nc-line,var(--border-soft));border-radius:10px;background:#fff}
.finance-schedule-details summary{padding:13px 14px;cursor:pointer;color:var(--nc-navy,var(--color-navy-900));font-size:14px;font-weight:800}
.finance-schedule-details .finance-table-wrap{margin:0;border:0;border-top:1px solid var(--nc-line,var(--border-soft));border-radius:0}
.finance-schedule-table{min-width:780px}
.finance-schedule-table tfoot th,.finance-schedule-table tfoot td{font-weight:800;background:var(--nc-surface-soft,#edf1f3)}
.finance-dscr-svg{min-width:0;margin-top:16px;padding:12px;border:1px solid var(--nc-line,var(--border-soft));border-radius:10px;background:#fff}
.finance-dscr-table-wrap{margin-top:16px}
.finance-handoff{margin-top:22px;padding:16px;border:1px solid var(--nc-line-strong,#b9c7ce);border-radius:10px;background:#fffdf9}
.finance-handoff-preview{margin:0;color:var(--nc-ink-soft,var(--text-secondary));font-size:14px;line-height:1.5}
.finance-handoff-details{margin-top:12px}
.finance-handoff-details summary{cursor:pointer;color:var(--nc-navy,var(--color-navy-900));font-size:13px;font-weight:800}
.finance-handoff-details pre{max-height:180px;margin:10px 0 0;padding:10px;overflow:auto;border:1px solid var(--nc-line,var(--border-soft));border-radius:8px;background:var(--nc-surface-soft,#edf1f3);color:var(--nc-ink,var(--text-primary));font:12px/1.45 ui-monospace,SFMono-Regular,Menlo,monospace;white-space:pre-wrap;overflow-wrap:anywhere}
.finance-handoff .finance-handoff-button{margin-top:14px;min-width:0;max-width:100%;white-space:normal;text-align:center;overflow-wrap:anywhere}
.finance-handoff~.btn{margin-top:14px}
.finance-result>.btn{min-width:0;max-width:100%;white-space:normal;text-align:center;overflow-wrap:anywhere}
.finance-handoff+*{margin-top:0}
.finance-result>[data-copy-fallback]{position:absolute;left:-9999px;width:1px;height:1px}
.finance-table-wrap{overflow-x:auto;margin-top:18px;border:1px solid var(--nc-line,var(--border-soft));border-radius:10px;background:#fff}
.finance-table{width:100%;min-width:690px;border-collapse:collapse;font-size:13px;line-height:1.4}
.finance-table caption{padding:12px 14px;text-align:left;color:var(--nc-ink,var(--text-primary));font-size:14px;font-weight:800}
.finance-table th,.finance-table td{padding:11px 12px;border-top:1px solid var(--nc-line,var(--border-soft));text-align:right;white-space:nowrap}
.finance-table th:first-child,.finance-table td:first-child{text-align:left;white-space:normal}
.finance-table thead th{color:var(--nc-muted,var(--text-muted));font-size:12px;font-weight:800}
.finance-disclosure{margin:16px 0;padding:0 20px;border:1px solid var(--nc-line,var(--border-soft));border-radius:12px;background:rgba(255,255,255,.74)}
.finance-disclosure summary{padding:17px 0;cursor:pointer;color:var(--nc-navy,var(--color-navy-900));font-size:16px;font-weight:800}
.finance-disclosure p{max-width:75ch;margin:0 0 18px;color:var(--nc-ink-soft,var(--text-secondary));font-size:15px;line-height:1.55}
.tool-example{margin-top:16px;background:rgba(255,255,255,.72);box-shadow:none}
.readiness-head{display:flex;justify-content:space-between;gap:24px;align-items:flex-start;margin-bottom:24px}
.readiness-head h2{font-size:clamp(25px,2.4vw,34px);line-height:1.12;margin:0 0 12px}
.readiness-head p:last-child{max-width:68ch;margin:0;color:var(--nc-ink-soft,var(--text-secondary))}
.readiness-progress{flex:0 0 auto;min-width:130px;padding:14px 16px;border-radius:10px;background:var(--nc-saffron-soft,#fff2d1);text-align:center}
.readiness-progress strong{display:block;color:var(--nc-navy,var(--color-navy-900));font-size:22px;line-height:1.2}
.readiness-progress span{display:block;margin-top:4px;color:var(--nc-ink-soft,var(--text-secondary));font-size:12px}
.readiness-actions{display:flex;flex-wrap:wrap;gap:10px;margin-bottom:28px;padding-bottom:24px;border-bottom:1px solid var(--nc-line,var(--border-soft))}
.readiness-group+.readiness-group{margin-top:28px;padding-top:28px;border-top:1px solid var(--nc-line,var(--border-soft))}
.readiness-group-head h2{font-size:22px;line-height:1.2;margin:0 0 6px}
.readiness-group-head>p:last-child{margin:0;color:var(--nc-muted,var(--text-muted));font-size:14px}
.readiness-list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin-top:16px}
.readiness-item{position:relative;display:grid;grid-template-columns:22px 1fr;gap:10px;align-items:start;padding:13px;border:1px solid var(--nc-line,var(--border-soft));border-radius:10px;background:#fff;cursor:pointer}
.readiness-item:hover{border-color:var(--nc-line-strong,#b9c7ce)}
.readiness-item input{position:absolute;width:1px;height:1px;opacity:0}
.readiness-check{width:20px;height:20px;border:2px solid var(--nc-line-strong,#b9c7ce);border-radius:5px;background:#fff}
.readiness-item input:focus-visible~.readiness-check{outline:3px solid var(--focus-outline,#6f4c1f);outline-offset:2px}
.readiness-item input:checked~.readiness-check{border-color:var(--nc-navy,var(--color-navy-900));background:var(--nc-navy,var(--color-navy-900));box-shadow:inset 0 0 0 4px #fff}
.readiness-item strong{display:block;color:var(--nc-ink,var(--text-primary));font-size:14px;line-height:1.35}
.readiness-item small{display:block;margin-top:5px;color:var(--nc-muted,var(--text-muted));font-size:13px;line-height:1.4}
@media (max-width:980px){
  .tools-layout{grid-template-columns:minmax(0,1fr);gap:24px}.tools-aside{position:static}.tools-related{display:block}.tool-principles{grid-template-columns:1fr 1fr}
}
@media (max-width:680px){
  .tools-hero{padding-top:24px;padding-bottom:40px}.tools-breadcrumbs{margin-bottom:28px;font-size:13px}.tools-content{padding-top:34px;padding-bottom:56px}.finance-tool-card,.readiness-card,.tool-intro-panel,.tool-boundary,.tool-example{padding:22px 18px}.tool-index-grid,.finance-form-grid,.readiness-list{grid-template-columns:minmax(0,1fr)}.tool-principles{grid-template-columns:1fr}.finance-result-grid{grid-template-columns:1fr}.readiness-head{display:block}.readiness-progress{margin-top:18px;text-align:left}.readiness-progress strong{display:inline;margin-right:6px}.readiness-actions .btn{width:100%}.finance-table{font-size:12px}.finance-schedule-svg{min-width:520px}.finance-dscr-svg{min-width:0}.finance-handoff{padding:14px}
}
