.calculator-wrap { max-width: 1080px; margin: 0 auto; padding: 56px 24px; }
.calculator-wrap > header { max-width: 720px; margin-bottom: 36px; }
.calculator-wrap h1 { font-size: clamp(2rem,5vw,3.6rem); line-height: 1.1; letter-spacing: -.03em; margin: 16px 0 24px; }
.calculator-wrap p { color: var(--text-2); line-height: 1.7; }
.calculator-wrap .calculator-kicker { color: var(--accent); font-size: .75rem; font-weight: 700; letter-spacing: .12em; }
.calculator-layout { display: grid; grid-template-columns: repeat(2,minmax(0,1fr)); gap: 24px; align-items: start; }
.calculator-panel { padding: 28px; border-radius: 20px; border: 1px solid var(--border-strong); background: var(--bg-card); }
.calculator-panel h2 { margin: 0 0 16px; font-size: 1.35rem; }
.calculator-fields { display: grid; grid-template-columns: repeat(3,minmax(0,1fr)); gap: 12px; }
.calculator-panel label { display: block; font-size: .9rem; color: var(--text-2); margin: 20px 0; }
.calculator-panel input,.calculator-panel select { display: block; width: 100%; min-height: 48px; padding: 12px; margin-top: 8px; background: var(--bg-card-2); color: var(--text); border: 1px solid var(--border-strong); border-radius: 10px; font: inherit; }
.calculator-panel input:focus,.calculator-panel select:focus { outline: 2px solid var(--accent); outline-offset: 3px; }
.calculator-panel button { width: 100%; min-height: 48px; }
.calculator-wrap .estimate-calories { color: var(--text); font-size: 2.5rem; font-weight: 700; margin: 16px 0; }
.estimate-macros { display: grid; grid-template-columns: repeat(3,1fr); gap: 12px; }
.estimate-macros dt { color: var(--text-2); font-size: .85rem; }
.estimate-macros dd { margin: 8px 0; font-size: 1.3rem; font-weight: 600; }
.calculator-explanation { max-width: 760px; margin-top: 48px; }
.calculator-result[hidden] { display: none; }
@media(max-width: 720px) { .calculator-layout { grid-template-columns: 1fr; } .calculator-wrap { padding: 36px 20px; } .calculator-panel { padding: 24px; } .calculator-fields { grid-template-columns: 1fr; gap: 0; } }
#calculator-placeholder[hidden], #sample-meals[hidden] { display: none; }
#sample-meals { margin-top: 48px; }
#sample-meals h2 { font-size: 2rem; margin-bottom: 12px; }
.sample-meal-grid { display: grid; grid-template-columns: repeat(2,minmax(0,1fr)); gap: 24px; margin-top: 24px; }
.sample-meal h3 { font-size: 1.25rem; margin: 8px 0; }
.sample-meal ul, .sample-meal ol { padding-left: 20px; color: var(--text-2); }
.sample-meal li { margin-bottom: 8px; }
.sample-meal summary { color: var(--accent); cursor: pointer; }
.sample-meal details { border-top: 1px solid var(--border); padding-top: 16px; margin-top: 24px; }
.sample-meal details p { font-size: .9rem; }
.calculator-wrap .sample-total { color: var(--text); font-weight: 600; }
@media(max-width:720px) { .sample-meal-grid { grid-template-columns: 1fr; } }
.calculator-panel select { appearance: none; -webkit-appearance: none; padding-right: 36px; background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 12 8'%3E%3Cpath d='m1 1 5 5 5-5' fill='none' stroke='%23aab4bb' stroke-width='1.5'/%3E%3C/svg%3E"); background-repeat: no-repeat; background-position: right 14px center; background-size: 12px 8px; }