.macro-page{max-width:900px;margin:0 auto;padding:100px 1.25rem 4rem}.macro-header{margin-bottom:2rem}.macro-title{color:var(--color);margin-bottom:.75rem;font-size:clamp(1.9rem,5vw,2.6rem);font-weight:700}.macro-intro{color:#ffffffa6;max-width:70ch;font-size:1rem;line-height:1.7}.macro-layout{flex-direction:column;gap:1.5rem;display:flex}.macro-card{background:var(--card-color);border:1px solid var(--border-primary);box-shadow:var(--shadow-strong);border-radius:16px;padding:1.75rem}.macro-form{flex-direction:column;gap:1.5rem;display:flex}.macro-grid{grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:1.1rem;display:grid}.macro-field{flex-direction:column;gap:.4rem;min-width:0;display:flex}.macro-field label,.macro-field-label{color:#ffffffbf;font-size:.85rem}.macro-optional{color:#fff6;font-size:.72rem}.macro-field input,.macro-field select{border:1px solid var(--border-primary);color:#fff;background:#ffffff08;border-radius:10px;width:100%;padding:.9rem;font-size:.95rem;transition:border-color .2s,box-shadow .2s}.macro-field select{appearance:none;background-image:linear-gradient(45deg, transparent 50%, var(--primary) 50%), linear-gradient(135deg, var(--primary) 50%, transparent 50%);background-position:calc(100% - 18px) calc(1em + 2px),calc(100% - 13px) calc(1em + 2px);background-repeat:no-repeat;background-size:5px 5px,5px 5px;padding-right:2.5rem}.macro-field select option{color:#fff;background:#111}.macro-field input:focus,.macro-field select:focus{border-color:var(--primary);box-shadow:var(--shadow-glow)}.macro-hint{color:#fff6;font-size:.72rem;line-height:1.45}.macro-split{gap:.5rem;display:flex}.macro-split-item{flex:1;min-width:0;position:relative}.macro-split-item input{border:1px solid var(--border-primary);color:#fff;background:#ffffff08;border-radius:10px;width:100%;padding:.9rem 2rem .9rem .9rem;font-size:.95rem}.macro-split-item input:focus{border-color:var(--primary);box-shadow:var(--shadow-glow)}.macro-unit{color:#fff6;pointer-events:none;font-size:.78rem;position:absolute;top:50%;right:.75rem;transform:translateY(-50%)}.macro-fieldset{border:none;flex-direction:column;gap:.55rem;min-width:0;margin:0;padding:0;display:flex}.macro-legend{color:#ffffffbf;padding:0;font-size:.85rem}.macro-visually-hidden{clip:rect(0, 0, 0, 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.macro-segmented{flex-wrap:wrap;gap:.5rem;display:flex}.macro-pill{border:1px solid var(--border-primary);color:#ffffffb3;cursor:pointer;border-radius:999px;justify-content:center;align-items:center;padding:.55rem 1.1rem;font-size:.85rem;transition:border-color .2s,color .2s,background .2s;display:inline-flex}.macro-pill:hover{border-color:var(--border-strong);color:var(--color)}.macro-pill.is-active{background:var(--badge-clr);border-color:var(--primary);color:var(--primary)}.macro-pill:focus-within,.macro-goal:focus-within{outline:2px solid var(--primary);outline-offset:2px}.macro-goals{grid-template-columns:repeat(auto-fit,minmax(190px,1fr));gap:.6rem;display:grid}.macro-goal{border:1px solid var(--border-primary);cursor:pointer;border-radius:12px;flex-direction:column;gap:.25rem;padding:.85rem 1rem;transition:border-color .2s,background .2s;display:flex}.macro-goal:hover{border-color:var(--border-strong)}.macro-goal.is-active{background:var(--badge-clr);border-color:var(--primary)}.macro-goal-title{color:var(--color);font-size:.92rem;font-weight:600}.macro-goal.is-active .macro-goal-title{color:var(--primary)}.macro-goal-hint{color:#ffffff73;font-size:.72rem;line-height:1.4}.macro-card--results{background:var(--surface-glass)}.macro-results{flex-direction:column;gap:1rem;display:flex}.macro-results-head{justify-content:space-between;align-items:center;gap:1rem;display:flex}.macro-results-heading{color:var(--color);font-size:1.25rem;font-weight:700}.macro-reset{border:1px solid var(--border-primary);color:#fff9;border-radius:999px;padding:.4rem .85rem;font-size:.78rem;transition:border-color .2s,color .2s}.macro-reset:hover{border-color:var(--border-strong);color:var(--color)}.macro-restored,.macro-formula{color:#ffffff80;font-size:.78rem;line-height:1.5}.macro-restored{color:var(--primary)}.macro-basis{border-bottom:1px solid var(--hr-color);grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:.75rem;padding-bottom:1rem;display:grid}.macro-basis-item{flex-direction:column;gap:.2rem;display:flex}.macro-basis-label{letter-spacing:.12em;text-transform:uppercase;color:var(--primary);font-size:.7rem}.macro-basis-value{color:var(--color);font-size:1.35rem;font-weight:700}.macro-results-grid{grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:.75rem;display:grid}.macro-result{border:1px solid var(--border-primary);border-radius:12px;flex-direction:column;gap:.3rem;padding:.9rem 1rem;display:flex}.macro-result.is-active{border-color:var(--primary);background:var(--badge-clr);box-shadow:var(--shadow-soft)}.macro-result-head{justify-content:space-between;align-items:center;gap:.5rem;display:flex}.macro-result-label{color:#ffffffb3;font-size:.8rem}.macro-result-badge{letter-spacing:.1em;text-transform:uppercase;background:var(--primary);color:#0a0a0a;white-space:nowrap;border-radius:999px;padding:.15rem .45rem;font-size:.6rem;font-weight:700}.macro-result-value{color:var(--color);font-size:1.5rem;font-weight:700;line-height:1.2}.macro-result.is-active .macro-result-value{color:var(--primary)}.macro-result-unit{color:#fff6;font-size:.75rem;font-weight:500}.macro-result-explain{color:#ffffff73;font-size:.72rem;line-height:1.5}.macro-macros{border-top:1px solid var(--hr-color);grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:.75rem;padding-top:1rem;display:grid}.macro-macro{border:1px solid var(--border-primary);background:#ffffff05;border-radius:12px;flex-direction:column;gap:.35rem;padding:.9rem 1rem;display:flex}.macro-macro-head{justify-content:space-between;align-items:baseline;gap:.5rem;display:flex}.macro-macro-label{color:#ffffffb3;font-size:.8rem}.macro-macro-value{color:var(--primary);font-size:1.35rem;font-weight:700}.macro-macro-unit{color:#fff6;margin-left:2px;font-size:.75rem;font-weight:500}.macro-recs{margin-top:.5rem}.macro-recs-heading{color:var(--color);margin-bottom:.5rem;font-size:1.15rem;font-weight:700}.macro-recs-intro{color:#ffffff80;margin-bottom:1rem;font-size:.85rem;line-height:1.6}.macro-recs-roadmaps{margin-top:2rem}.macro-disclaimer{margin-top:2.5rem}@media (max-width:640px){.macro-page{padding:90px 1rem 3rem}.macro-card{padding:1.25rem}.macro-grid,.macro-goals,.macro-results-grid,.macro-macros,.macro-basis{grid-template-columns:1fr}}
