/* Compact shared disclosure, with the full privacy information still available. */
.feedback-mobile-label{display:none}.privacy-notice-details{flex:1 1 260px;min-width:0;font-size:12px;line-height:1.75}.privacy-notice-details summary{cursor:pointer;font-weight:700;color:#047857}.privacy-notice-details p{margin:10px 0 2px;max-width:850px}.privacy-notice-details a{text-decoration:underline;text-underline-offset:3px}.dark .privacy-notice-details summary{color:#6ee7b7}
@media screen and (max-width:767px){
 html{-webkit-text-size-adjust:100%;text-size-adjust:100%}body{line-height:1.65}.calc-view,.calc-view div,.calc-view label,header>div{min-width:0}
 /* Give search its own full-width row instead of shrinking it between the brand and actions. */
 #appBody>header>div:first-child{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:10px 8px;padding:12px 14px;align-items:center}
 #appBody>header>div:first-child>div:first-child{grid-column:1;grid-row:1;min-width:0}
 #appBody>header>div:first-child>div:last-child{grid-column:2;grid-row:1;gap:6px}
 #brandHomeBtn{min-width:0;gap:8px}#brandHomeBtn>div:first-child{width:34px;height:34px;flex-shrink:0;border-radius:10px}#brandHomeBtn>div:last-child{min-width:0}#brandHomeBtn .text-lg{font-size:18px}#brandHomeBtn p{font-size:10px;line-height:1.5;max-width:174px;word-break:keep-all;overflow-wrap:anywhere}
 #brandHomeBtn .text-\[11px\]{display:none}.feedback-desktop-label{display:none}.feedback-mobile-label{display:inline}#openFeedbackModalBtn{padding:8px;font-size:12px;white-space:nowrap}#darkModeToggleBtn{width:40px;padding:8px}
 #searchContainerWrapper{grid-column:1/-1;grid-row:2;width:100%;max-width:none;margin:0}#calcSearchInput{height:44px;font-size:16px;padding-right:46px}#clearSearchBtn{width:40px;height:40px;padding:0}#searchDropdownMenu{max-height:min(55dvh,400px);overscroll-behavior:contain}#searchDropdownMenu button{white-space:normal;text-align:left;line-height:1.5;padding:12px}
 #categoryNavContainer{flex-wrap:nowrap;max-height:none;gap:6px;padding:8px 14px;scroll-padding-inline:14px}#categoryNavContainer button{min-height:44px;white-space:nowrap;flex-shrink:0}
 #appBody>header{position:static} /* Tall sticky chrome must not cover inputs when the keyboard opens. */
 #appBody>header+div{padding:12px 12px 0}.privacy-notice-details{flex-basis:100%}.privacy-notice-details summary{padding:5px 0;font-size:12px;word-break:keep-all}#resetAllInputsNoticeBtn{min-height:40px;font-size:12px;margin-left:auto;white-space:normal;text-align:left}
 .site-main{padding:16px 12px}.site-main .calc-view>div:not(.calculator-tools):not(.validation-notice){max-width:100%}
 .calc-view h1,.calc-view h2,.calc-view h3,.basis-card h2,.practical-tips h2{word-break:keep-all;overflow-wrap:anywhere;line-height:1.5}.calc-view h1,.calc-view h2{font-size:21px}.calc-view p,.basis-card,.usage-steps,.practical-tips{word-break:keep-all;overflow-wrap:anywhere}
 /* The desktop flex-basis used to become a 240px vertical space on phones. */
 .calculator-tools{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:10px;padding:14px;align-items:center}.calculator-tools .input-status{grid-column:1/-1;flex:none;min-height:0;line-height:1.7;font-size:13px;display:block}.calculator-tools button{min-height:44px;white-space:normal}.calculator-tools [data-reset-current]{grid-column:2;grid-row:2;align-self:stretch}.calculator-tools .manual-calculate-button{grid-column:1;grid-row:2;width:100%;align-self:stretch;padding:11px 14px}
 .calc-view>div.p-5,.calc-view>div.p-6,.calc-view>div.p-8{padding:18px}.basis-card,.evidence-fields,.release-field{padding:18px;border-radius:14px}.subtool-nav{display:grid;grid-template-columns:1fr;gap:8px}.subtool-nav button{white-space:normal;text-align:left;line-height:1.5;padding:10px 14px;min-height:44px;border-radius:10px}
 .calc-view input:not([type=checkbox]):not([type=radio]),.calc-view select,.calc-view textarea{font-size:16px!important;min-height:46px;line-height:1.5;max-width:100%}.calc-view textarea{min-height:130px}.calc-view input[type=date]{width:100%;appearance:none;-webkit-appearance:none}.calc-view label{line-height:1.65}.money-hint{font-size:12px;line-height:1.7;word-break:normal;overflow-wrap:anywhere}.extra-fields{gap:18px}.extra-fields label{font-size:14px}
 .calc-view button{min-height:44px;max-width:100%;line-height:1.5}.calc-view .flex.flex-wrap{row-gap:10px}.calc-view .flex.justify-between{gap:10px;flex-wrap:wrap}.calc-view [data-result-value]{font-variant-numeric:tabular-nums;overflow-wrap:anywhere;word-break:normal}.extra-result{padding:16px;font-size:14px;line-height:1.9}
 #view-dashboard>.bg-gradient-hero{padding:24px 20px;border-radius:18px}.hero-content{row-gap:12px}#view-dashboard h1{white-space:normal;font-size:clamp(24px,6.5vw,31px);line-height:1.45;margin:8px 0}.hero-content>p{font-size:14px;line-height:1.85;margin:0}.hero-wordmark{margin-top:8px;font-size:clamp(42px,12vw,60px)}.hero-wordmark span{font-size:17px;margin-top:6px;letter-spacing:.08em}.hero-content>div:first-child span{font-size:11px;line-height:1.6;word-break:keep-all}.directory-heading{align-items:flex-start;gap:12px}.directory-heading h2{font-size:21px;line-height:1.45}.directory-heading #categoryCount{font-size:11px;padding-top:7px}.field-tabs{gap:8px}.field-tabs button{font-size:12px;min-height:42px;padding:9px 12px}.calc-card-item{padding:20px}.calc-card-item h3{font-size:18px;line-height:1.55;word-break:keep-all}.calc-card-item p{font-size:13px}.calc-card-item .open-calc-card-btn{min-height:44px;display:inline-flex;align-items:center;padding:10px 16px}
 #calculatorSpecificGuide>.basis-card{padding:20px 16px;grid-template-columns:1fr;row-gap:10px}#calculatorSpecificGuide>.basis-card>h2{font-size:20px;padding-bottom:12px}#calculatorSpecificGuide>.basis-card>h3{font-size:14px;margin-top:8px;padding-top:0}#calculatorSpecificGuide>.basis-card>p{padding:10px 12px;font-size:14px;line-height:1.85}.usage-steps{padding:14px 14px 14px 30px}.practical-tips{padding:20px 16px}.tip-step{padding:18px 16px}
 #universalReportActionBar>div{display:block}#universalReportActionBar .flex.flex-wrap.items-center.gap-1\.5{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin-top:14px}#universalReportActionBar button{min-height:46px;white-space:normal}#openReportPreviewBtn{grid-column:1/-1}
 /* Keep the original table on desktop; labelled ingredient cards on mobile. */
 .ingredient-table,.ingredient-table tbody{display:block;width:100%}.ingredient-table thead{display:none}.ingredient-table tbody{display:grid;gap:14px}.ingredient-table tbody tr{display:grid;grid-template-columns:1fr 1fr;gap:14px 12px;padding:16px;border:1px solid #dce1ef;border-radius:12px;background:#f8fafc}.ingredient-table td{display:flex;flex-direction:column;gap:7px;padding:0!important;text-align:left;min-width:0;border:0}.ingredient-table td::before{content:attr(data-mobile-label);font-size:12px;font-weight:650;color:#64748b}.ingredient-table td:first-child{grid-column:1/-1}.ingredient-table input{width:100%!important}.ingredient-table td:last-child{align-items:flex-end}.ingredient-table td:last-child button{width:44px}.dark .ingredient-table tbody tr{background:#172238;border-color:#334155}.dark .ingredient-table td::before{color:#cbd5e1}
 #reportModal,#feedbackModal,#policyModal{padding:8px;padding-top:max(8px,env(safe-area-inset-top));padding-bottom:max(8px,env(safe-area-inset-bottom));align-items:center}#reportModal>div,.dialog-panel{max-height:calc(100dvh - 16px);padding:18px!important;border-radius:14px;overscroll-behavior:contain;min-width:0}#reportModalHeaderTitle{font-size:18px;line-height:1.5;word-break:keep-all}#closeReportModalBtn{flex-shrink:0;min-width:44px}#reportModal>div>div:first-child{align-items:flex-start}#reportModal .flex.flex-wrap.items-center.gap-2{display:grid;grid-template-columns:1fr 1fr;width:100%;gap:8px}#modalPrintReportBtn,#modalDownloadPdfBtn{grid-column:1/-1}#reportModal button,#reportModal [data-report-download]{width:100%;min-height:46px;padding:10px;font-size:13px;white-space:normal;text-align:center}#printableReportArea{padding:16px!important}#printableReportArea h3{font-size:19px;line-height:1.5;word-break:keep-all}#printableReportArea table,#printableReportArea tbody,#printableReportArea tr,#printableReportArea th,#printableReportArea td{display:block;width:100%!important;text-align:left!important}#printableReportArea tr{border:1px solid #e2e8f0;border-radius:10px;margin-bottom:10px;overflow:hidden}#printableReportArea th{background:#f1f5f9;font-weight:700}#printableReportArea th,#printableReportArea td{font-size:13px;line-height:1.8;padding:10px 12px!important}#printableReportArea .grid{grid-template-columns:1fr}.report-export-help,.report-export-status{padding:12px;font-size:12px}.report-save-link{word-break:break-all}
 #cookieConsentBanner{padding:14px 16px;padding-bottom:max(14px,env(safe-area-inset-bottom));max-height:40dvh;overflow-y:auto}#cookieConsentBanner button{min-height:44px}#appBody>footer{padding:24px 16px}#appBody>footer p{line-height:1.85}#appBody>footer a{display:inline-flex;align-items:center;min-height:44px}
}
@media screen and (max-width:600px){
 .calc-view:not(#view-scientific) .grid-cols-2,.calc-view:not(#view-scientific) .grid-cols-3{grid-template-columns:minmax(0,1fr)}
 .pension-detail dl>div{display:block}.pension-detail dd{text-align:left;margin-top:4px}.pension-metric>strong{font-size:clamp(23px,6.5vw,28px)}
 #view-percent .flex.items-center.gap-2.text-sm{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:8px}#view-percent .flex.items-center.gap-2.text-sm input{width:100%;min-width:0}#view-percent [id^=pct][id$=Result]{display:block;max-width:100%;margin-top:8px}
 #sciMainDisplay{font-size:28px}#view-scientific .grid-cols-5{gap:6px}#view-scientific [data-sci]{min-width:0;min-height:46px;padding:8px 2px;font-size:14px}#view-scientific .p-6{padding:16px}
 #view-cost .ingredient-table{min-width:0}#copyCostProposalBtn{white-space:normal}#view-cost .flex.items-center.justify-between{align-items:flex-start}
}
@media screen and (max-width:359px){#appBody>header>div:first-child{padding:10px 12px;column-gap:4px}#brandHomeBtn p{font-size:10px;max-width:140px}#openFeedbackModalBtn{font-size:11px;padding:7px}#darkModeToggleBtn{width:36px}#brandHomeBtn{gap:6px}.hero-wordmark{font-size:42px}.directory-heading h2{font-size:19px}.ingredient-table tbody tr{grid-template-columns:1fr}.ingredient-table td:first-child{grid-column:1}}

@media screen and (max-width:767px){#modalDownloadZipBtn{grid-column:1/-1}}