/* Roxish Tools - plain, fast, and easy to use on any device or age.
   Simple like Craigslist, but readable: large text, big touch targets, high contrast. */
.naveq-wrap{font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Arial,sans-serif;font-size:18px;line-height:1.6;color:#111;max-width:780px;margin:0 auto;}
.naveq-wrap h1{font-size:26px;margin:0 0 6px;line-height:1.25;}
.naveq-wrap h2{font-size:20px;margin:26px 0 8px;border-bottom:2px solid #111;padding-bottom:3px;}
.naveq-wrap h3{font-size:17px;margin:16px 0 4px;}
.naveq-wrap a{color:#0a58ca;text-decoration:underline;}
.naveq-wrap a:visited{color:#5b3bbf;}
.naveq-wrap p{margin:10px 0;}
.naveq-answer{font-weight:bold;font-size:19px;margin:8px 0 16px;}

/* ---- Calculator UI ---- */
.naveq-tool{margin:12px 0;}
.nv-tbl{border-collapse:collapse;margin:10px 0;width:100%;}
.nv-tbl th,.nv-tbl td{border:1px solid #aaa;padding:8px;text-align:left;font-size:16px;}
.nv-tbl th{background:#f0f0f0;}
.naveq-wrap table.facts{border-collapse:collapse;margin:10px 0;width:100%;}
.naveq-wrap table.facts th,.naveq-wrap table.facts td{border:1px solid #aaa;padding:8px;font-size:16px;}
.naveq-wrap table.facts th{background:#f0f0f0;text-align:left;}

.nv-field{margin:12px 0;}
.nv-field label{display:block;font-size:16px;font-weight:600;margin-bottom:5px;}
.naveq-wrap input[type=text],.naveq-wrap input[type=number],.naveq-wrap input[type=date],
.naveq-wrap input[type=time],.naveq-wrap input[type=search],.naveq-wrap select{
  font-size:17px;font-family:inherit;box-sizing:border-box;min-height:46px;padding:8px 10px;
  border:2px solid #888;border-radius:6px;background:#fff;color:#111;}
.naveq-wrap input:focus,.naveq-wrap select:focus,.naveq-wrap button:focus{outline:3px solid #0a58ca;outline-offset:1px;}
.nv-field input[type=number],.nv-field input[type=date],.nv-field input[type=time]{width:200px;max-width:100%;}
.nv-field input[type=text]{width:100%;max-width:420px;}
.naveq-wrap button{font-family:inherit;font-size:16px;font-weight:600;min-height:46px;padding:8px 18px;
  cursor:pointer;border:2px solid #111;border-radius:6px;background:#f3f3f3;color:#111;}
.naveq-wrap button:hover{background:#e3e3e3;}
.nv-del{min-height:38px!important;padding:4px 12px!important;}
.nv-ctrl{margin:12px 0;display:flex;gap:8px;flex-wrap:wrap;}

.nv-result{border:3px solid #111;padding:14px 16px;margin:14px 0;background:#f7f7f7;border-radius:8px;}
.nv-big{font-size:40px;font-weight:bold;line-height:1.1;word-break:break-word;}
.nv-sub{color:#444;font-size:15px;margin-top:4px;}
.nv-keys{display:grid;grid-template-columns:repeat(5,1fr);gap:5px;margin:8px 0;max-width:360px;}
.nv-keys .nv-k{min-height:48px;padding:0;font-size:16px;}

.naveq-formula{background:#f3f3f3;border:1px solid #aaa;border-radius:6px;padding:12px 14px;
  font-family:"Courier New",monospace;font-size:15px;white-space:pre-wrap;line-height:1.5;}
.naveq-wrap ul{margin:8px 0;padding-left:24px;}
.naveq-wrap li{margin:5px 0;}
.naveq-faq dt{font-weight:bold;font-size:17px;margin-top:14px;}
.naveq-faq dd{margin:4px 0 0;padding-left:0;}
.naveq-related a{display:inline-block;margin:0 8px 8px 0;padding:8px 12px;border:1px solid #bbb;
  border-radius:6px;text-decoration:none;background:#fafafa;font-size:16px;}
.naveq-related a:hover{background:#eef3ff;border-color:#0a58ca;}
.naveq-muted{color:#555;font-size:15px;}
.naveq-wrap hr{border:none;border-top:1px solid #ccc;margin:22px 0;}

/* ---- Search (Google-style finder) ---- */
.roxish-search{position:relative;margin:0 0 20px;}
.roxish-search #rx-q{width:100%;font-size:19px;min-height:54px;padding:12px 16px;border:2px solid #888;
  border-radius:30px;box-shadow:0 1px 4px rgba(0,0,0,.08);box-sizing:border-box;}
.roxish-search #rx-q:focus{border-color:#0a58ca;outline:3px solid rgba(10,88,202,.25);}
.rx-results{list-style:none;margin:6px 0 0;padding:0;}
.rx-results li{margin:0;border-bottom:1px solid #eee;}
.rx-results li a{display:block;padding:12px 14px;text-decoration:none;color:#0a58ca;font-size:17px;border-radius:6px;}
.rx-results li a:hover{background:#eef3ff;}
.rx-results .rx-none{padding:12px 14px;color:#666;font-size:16px;}

/* ---- Hub / home ---- */
.naveq-hub .cluster{margin:18px 0;}
.naveq-hub .cluster h2{margin-bottom:6px;}

/* ---- Footer (modeled on ARBITRIX) ---- */
.roxish-footer{font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Arial,sans-serif;
  background:#f4f4f4;border-top:1px solid #ddd;padding:22px 16px;text-align:center;color:#444;margin-top:30px;}
.roxish-footer-nav{margin-bottom:10px;line-height:2;}
.roxish-footer-nav a{color:#0a58ca;text-decoration:none;margin:0 10px;font-size:15px;white-space:nowrap;}
.roxish-footer-nav a:hover{text-decoration:underline;}
.roxish-footer-disc{max-width:680px;margin:8px auto;font-size:13px;color:#666;line-height:1.5;}
.roxish-footer-copy{font-size:13px;color:#777;margin:6px 0 0;}

/* ---- Mobile ---- */
@media (max-width:560px){
  .naveq-wrap{font-size:17px;}
  .naveq-wrap h1{font-size:23px;}
  .nv-field input[type=number],.nv-field input[type=date],.nv-field input[type=time]{width:100%;}
  .nv-big{font-size:34px;}
  .nv-keys{grid-template-columns:repeat(5,1fr);gap:4px;}
  .nv-keys .nv-k{min-height:52px;}
  .naveq-related a{display:block;margin:0 0 8px;}
  .roxish-footer-nav a{display:inline-block;}
}

/* ---- Progression tables (finance) ---- */
.nv-table-wrap{overflow-x:auto;-webkit-overflow-scrolling:touch;margin:12px 0;border:1px solid #ddd;border-radius:6px;}
.nv-table-wrap .nv-tbl{min-width:440px;margin:0;border:none;}
.nv-table-wrap .nv-tbl th{position:sticky;top:0;}