:root{--night:#0a0c08;--bone:#efeae3;--bone-hi:#f5f1ea;--ink:#16140f;--ink-soft:#46423a;--line:rgba(22,20,15,.16);--line-dark:rgba(239,234,227,.18);--accent:#55683f;--accent-hi:#a9bc8f;--margin:clamp(20px,5.4vw,88px);--serif:"Cormorant Garamond",Georgia,serif;--disp:Marcellus,Georgia,serif;--mono:"IBM Plex Mono",monospace}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--bone);color:var(--ink);font-family:var(--serif);font-size:20px;line-height:1.4}.skip{position:absolute;left:-999px}.skip:focus{left:1rem;top:1rem;z-index:20;background:var(--bone);padding:.7rem;color:var(--ink)}a{color:inherit;text-decoration:none}a:focus-visible,button:focus-visible,input:focus-visible,select:focus-visible{outline:2px solid var(--accent);outline-offset:3px}.site-header{display:flex;justify-content:space-between;align-items:baseline;padding:25px var(--margin);border-bottom:1px solid var(--line);font-family:var(--mono);font-size:11px;letter-spacing:.12em}.brand{font-family:var(--disp);letter-spacing:.34em;font-size:17px}.site-header nav{display:flex;gap:clamp(12px,2vw,32px)}.site-header nav a{padding:10px 0}.eyebrow,.mono{font-family:var(--mono);font-size:11px;letter-spacing:.14em;line-height:1.45}.hero{min-height:67vh;display:flex;flex-direction:column;justify-content:center;padding:clamp(84px,12vw,170px) var(--margin);background:radial-gradient(circle at 78% 24%,rgba(85,104,63,.16),transparent 28%),var(--night);color:var(--bone)}h1,h2,h3,p{margin-top:0}h1,h2,h3{font-weight:400}h1{font-family:var(--disp);font-size:clamp(47px,8vw,114px);line-height:.98;letter-spacing:-.035em;max-width:950px;margin:18px 0 28px}h1 em{font-family:var(--serif);font-weight:400}h2{font-family:var(--disp);font-size:clamp(36px,4vw,68px);line-height:1.03;letter-spacing:-.025em}h3{font-family:var(--disp);font-size:clamp(29px,3vw,44px);line-height:1.1;margin-bottom:12px}.hero-copy{max-width:610px;font-size:clamp(20px,2vw,27px);color:rgba(239,234,227,.78)}.link-arrow{font-family:var(--mono);font-size:11px;letter-spacing:.13em;display:inline-block;margin-top:18px}.calculator-section{padding:clamp(70px,10vw,140px) var(--margin)}.section-head{display:flex;justify-content:space-between;align-items:baseline;gap:30px;border-bottom:1px solid var(--line);padding-bottom:30px;margin-bottom:0}.section-head h2{margin:0}.calculator-layout{display:grid;grid-template-columns:minmax(230px,.68fr) minmax(0,1.32fr);border-bottom:1px solid var(--line)}.calculator-list{padding:25px 32px 35px 0;border-right:1px solid var(--line)}.calc-choice{display:flex;gap:16px;width:100%;border:0;border-bottom:1px solid var(--line);background:none;padding:16px 0;text-align:left;font:500 16px var(--serif);color:var(--ink-soft);cursor:pointer}.calc-choice span{font:10px var(--mono);padding-top:6px;color:var(--ink-soft)}.calc-choice:hover,.calc-choice.active{color:var(--accent)}.calculator-panel{padding:34px 0 44px clamp(26px,5vw,82px)}.calc-intro{max-width:650px}.calc-intro>p:not(.eyebrow){color:var(--ink-soft);max-width:570px}.fields{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:17px;margin:30px 0}.field{display:flex;flex-direction:column;gap:7px;font-family:var(--mono);font-size:10px;letter-spacing:.08em}.field.full{grid-column:1/-1}.field input,.field select{appearance:none;border:1px solid var(--line);border-radius:0;background:var(--bone-hi);padding:13px 12px;color:var(--ink);font:16px var(--serif);letter-spacing:0}.calc-submit,.button{border:1px solid var(--ink);background:var(--ink);color:var(--bone);padding:14px 17px;font:10px var(--mono);letter-spacing:.12em;cursor:pointer;display:inline-block}.calc-submit:hover,.button:hover{background:var(--accent);border-color:var(--accent)}.result{margin-top:29px;padding:23px;border:1px solid var(--line);min-height:104px;background:rgba(255,255,255,.22)}.result .mono{color:var(--ink-soft);margin:0}.result-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(145px,1fr));gap:17px}.result-value{display:block;font:clamp(27px,3vw,42px) var(--disp);line-height:1.05;margin-top:5px}.result-note{margin:17px 0 0;color:var(--ink-soft);font-size:18px}.disclaimer{font-size:15px;line-height:1.35;color:var(--ink-soft);margin:19px 0 0;max-width:700px}.pathway{display:grid;grid-template-columns:1fr 1fr;gap:clamp(32px,9vw,150px);padding:clamp(70px,10vw,140px) var(--margin);border-top:1px solid var(--line)}.pathway>div:last-child{max-width:580px;font-size:24px}.pathway-start{background:#ddd8cd}.pathway-workspace{background:var(--night);color:var(--bone)}.pathway-workspace p{color:rgba(239,234,227,.76)}footer{display:flex;justify-content:space-between;gap:20px;padding:24px var(--margin);background:var(--night);color:rgba(239,234,227,.65);font:10px var(--mono);letter-spacing:.11em}@media(max-width:760px){body{font-size:18px}.site-header{align-items:flex-start}.site-header nav{flex-direction:column;gap:1px;text-align:right}.hero{min-height:61vh}.calculator-layout,.pathway{grid-template-columns:1fr}.calculator-list{border-right:0;border-bottom:1px solid var(--line);padding-right:0}.calculator-panel{padding-left:0}.fields{grid-template-columns:1fr}.pathway>div:last-child{font-size:21px}.section-head{display:block}.section-head h2{margin-top:15px}footer{flex-direction:column}.site-header nav a{padding:2px 0}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}
/* Local-only saved calculation panel */
.save-card {
  margin-top: 1.25rem;
  padding: clamp(1.25rem, 3vw, 2.25rem);
  border: 1px solid var(--line, rgba(21, 29, 25, .18));
  background: var(--paper, #f5f3ed);
}

.save-card h4,
.save-card h5 {
  margin: 0;
  font-family: var(--font-display, "Marcellus", serif);
  font-weight: 400;
  letter-spacing: .02em;
}

.save-card > p {
  max-width: 52rem;
  margin: .65rem 0 1.25rem;
  color: var(--muted, #5e665f);
}

.save-form {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: .9rem 1rem;
}

.save-form label {
  display: grid;
  gap: .42rem;
  font: 600 .7rem/1.2 var(--font-mono, "IBM Plex Mono", monospace);
  letter-spacing: .1em;
  color: var(--ink, #152019);
}

.save-form label:last-of-type {
  grid-column: 1 / -1;
}

.save-form input,
.save-form textarea {
  width: 100%;
  box-sizing: border-box;
  padding: .78rem .85rem;
  border: 1px solid var(--line, rgba(21, 29, 25, .26));
  border-radius: 0;
  background: rgba(255,255,255,.58);
  color: var(--ink, #152019);
  font: 400 .95rem/1.45 var(--font-body, "Cormorant Garamond", serif);
}

.save-form textarea {
  min-height: 5.75rem;
  resize: vertical;
}

.save-actions {
  display: flex;
  flex-wrap: wrap;
  gap: .75rem;
  grid-column: 1 / -1;
  margin-top: .2rem;
}

.saved-calculations {
  display: grid;
  gap: .65rem;
  margin-top: 1.2rem;
}

.saved-calculations:empty {
  display: none;
}

.saved-calculations h5 {
  font: 600 .68rem/1.2 var(--font-mono, "IBM Plex Mono", monospace);
  letter-spacing: .12em;
}

.saved-item {
  display: flex;
  align-items: start;
  justify-content: space-between;
  gap: 1rem;
  padding: .85rem 0;
  border-top: 1px solid var(--line, rgba(21, 29, 25, .18));
}

.saved-item strong {
  font-family: var(--font-display, "Marcellus", serif);
  font-weight: 400;
}

.saved-item p {
  margin: .25rem 0 0;
  color: var(--muted, #5e665f);
  font-size: .88rem;
}

.delete-save {
  padding: 0;
  border: 0;
  background: transparent;
  color: var(--ink, #152019);
  cursor: pointer;
  font: 600 .65rem/1.2 var(--font-mono, "IBM Plex Mono", monospace);
  letter-spacing: .1em;
  text-decoration: underline;
  text-underline-offset: .22em;
}

@media (max-width: 760px) {
  .save-form { grid-template-columns: 1fr; }
  .save-form label:last-of-type { grid-column: auto; }
}

@media print {
  .site-header,
  .hero-actions,
  .save-card,
  .calculator-list,
  footer { display: none !important; }
  body { background: #fff; color: #000; }
  .calculator-stage { display: block; }
}
