/* Below-hero layout follows Patents/Webinar typography and card geometry.
   Tables follow the Industrial QA buying-guide matrix (horizontal rules, muted header).
   The approved hero continues to use its existing Methods Generator CSS unchanged. */
.dlab-sfe-page [hidden]{display:none!important}
.dlab-sfe-page .sfe-section{padding:64px 0;background:#fff;color:#344054}
.dlab-sfe-page .sfe-section--tint{background:#f9fafb}
.dlab-sfe-page .sfe-section h2{font:500 36px/44px Inter,sans-serif!important;letter-spacing:-.02em!important;margin:0 0 16px!important;color:#101828!important}
.dlab-sfe-page .sfe-section h3{font:500 20px/29px Inter,sans-serif!important;letter-spacing:normal!important;margin:0 0 12px!important;color:#101828!important}
.dlab-sfe-page .sfe-section p{font:400 16px/26px Inter,sans-serif;color:#344054;margin:0}
.dlab-sfe-page .sfe-section-heading{margin-bottom:28px}.sfe-section-heading p{max-width:960px}
.dlab-sfe-page .sfe-section button,.dlab-sfe-page .sfe-section .btn-primary{white-space:normal!important;overflow-wrap:anywhere;transition:background-color .15s,border-color .15s!important}
.dlab-sfe-page .sfe-section .btn-primary,.dlab-sfe-page .sfe-section .btn-ghost{min-height:46px;padding:10px 18px;border:1px solid #d0d5dd;border-radius:4px!important;font:500 15px/24px Inter,sans-serif!important;text-decoration:none!important;box-shadow:none!important}
.dlab-sfe-page .sfe-section .btn-primary{background:#175cd3!important;border-color:#175cd3!important;color:#fff!important}
.dlab-sfe-page .sfe-section .btn-primary:hover,.dlab-sfe-page .sfe-section .btn-primary:focus{background:#1849a9!important;border-color:#1849a9!important}
.dlab-sfe-page .sfe-section .btn-ghost{background:#fff!important;border-color:#d0d5dd!important;color:#344054!important}
.dlab-sfe-page .sfe-section .btn-ghost:hover,.dlab-sfe-page .sfe-section .btn-ghost:focus{background:#f9fafb!important;border-color:#98a2b3!important;color:#344054!important}
/* Preserve the previous hero's button colour states. */
.dlab-sfe-page .dlab-methods-hero .btn-primary{background:#175cd3!important;color:white!important;border-color:#175cd3!important}.dlab-sfe-page .dlab-methods-hero .btn-primary:hover,.dlab-sfe-page .dlab-methods-hero .btn-primary:focus{background:#1849a9!important}.dlab-sfe-page .dlab-methods-hero .btn-ghost{background:white!important;color:#344054!important;border-color:#d0d5dd!important}.dlab-sfe-page .dlab-methods-hero .btn-ghost:hover,.dlab-sfe-page .dlab-methods-hero .btn-ghost:focus{background:#f5faff!important;color:#175cd3!important}
.sfe-methods{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px;margin-bottom:28px;align-items:stretch}
.dlab-sfe-page .sfe-section button.sfe-method{display:flex;align-items:flex-start;gap:14px;padding:24px;text-align:left;border:1px solid #d0d5dd!important;border-radius:8px!important;background:#fff!important;color:#101828!important;box-shadow:none!important;width:100%;min-width:0;white-space:normal!important;line-height:normal}
.dlab-sfe-page .sfe-section button.sfe-method[aria-pressed=true]{background:#f5f8ff!important;border-color:#175cd3!important}.sfe-method-copy{flex:1;min-width:0;text-align:left;white-space:normal!important;overflow-wrap:anywhere}.sfe-method-copy strong{display:block;font:500 20px/29px Inter,sans-serif;margin:0 0 8px}.sfe-method-copy>span{display:block;font:400 14px/23px Inter,sans-serif;color:#667085;white-space:normal!important}.sfe-radio{flex:0 0 18px;width:18px;height:18px;border:1px solid #98a2b3;border-radius:50%;margin-top:5px;background:white}.sfe-method[aria-pressed=true] .sfe-radio{border:5px solid #175cd3}
.sfe-form,.sfe-result,.sfe-info-card{padding:40px;background:#fff;border:1px solid #e4e7ec;border-radius:8px;box-shadow:0 12px 34px rgba(15,23,42,.04);min-width:0}
.sfe-form-head,.sfe-result-head{display:flex;justify-content:space-between;align-items:flex-start;gap:24px}.sfe-form-head>div,.sfe-result-head>div{min-width:0;flex:1}.dlab-sfe-page .sfe-form-head p{max-width:940px;font-size:14px;line-height:23px;color:#667085}#sfe-method-badge{display:inline-flex;align-items:center;min-height:30px;padding:4px 12px;border-radius:20px;background:#eff4fe;color:#175cd3;font:500 13px/20px Inter,sans-serif;flex-shrink:0}
.dlab-sfe-page .sfe-section .sfe-note,.dlab-sfe-page .sfe-section #sfe-example{margin:24px 0;padding:16px 18px;border-left:3px solid #175cd3;background:#f5faff;color:#475467;font:400 14px/23px Inter,sans-serif}
#sfe-rows{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:24px;margin-top:24px}.sfe-liquid{border:1px solid #e4e7ec;border-radius:8px;padding:24px;min-width:0;background:#fff}.sfe-liquid:last-child:nth-child(odd){grid-column:1/-1}.sfe-liquid-head{display:flex;align-items:center;justify-content:space-between;gap:16px;padding-bottom:16px;margin-bottom:20px;border-bottom:1px solid #e4e7ec}.sfe-liquid-head strong{font:500 16px/24px Inter,sans-serif;color:#101828}
.dlab-sfe-page .sfe-section button.sfe-remove{display:inline-flex;align-items:center;min-height:30px;padding:4px 9px;background:white!important;color:#667085!important;border:1px solid #d0d5dd!important;border-radius:4px!important;font:400 12px/20px Inter,sans-serif!important;box-shadow:none!important}
.sfe-fields,.sfe-components{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}.sfe-fields>.sfe-field:nth-child(3){grid-column:1/-1}.sfe-components{display:flex;gap:16px;margin-top:20px}.sfe-components>.sfe-field{display:flex;flex-direction:column;flex:1;min-width:0}.sfe-components label{flex:1}.sfe-field{min-width:0}.sfe-field label{display:block;margin:0 0 7px;font:500 13px/21px Inter,sans-serif;color:#101828;white-space:normal}.sfe-components label{min-height:0}.dlab-sfe-page .sfe-field input,.dlab-sfe-page .sfe-field select{display:block;width:100%;min-width:0;height:48px;padding:10px 12px;border:1px solid #d0d5dd;border-radius:8px;background:#fff;color:#101828;font:400 15px/24px Inter,sans-serif;box-shadow:0 1px 2px rgba(16,24,40,.04);outline-offset:2px}.dlab-sfe-page .req{color:#d92d20}.sfe-form-footer{display:flex;justify-content:space-between;align-items:center;gap:20px;margin-top:28px;padding-top:24px;border-top:1px solid #e4e7ec}.sfe-row-actions{display:flex;flex-wrap:wrap;gap:10px}.sfe-form-footer>#sfe-calculate{flex-shrink:0;min-width:140px}
.sfe-result{margin-top:40px;scroll-margin-top:140px}.sfe-result-head .btn-primary{flex-shrink:0}.dlab-sfe-page #sfe-result-method{font:500 13px/20px Inter,sans-serif;color:#667085}#sfe-metrics{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px;margin:28px 0}.sfe-metric{padding:24px;border:1px solid #e4e7ec;background:#f9fafb;border-radius:8px;min-width:0}.sfe-metric:only-child{grid-column:1/-1}.sfe-metric span{display:block;color:#667085;font:400 14px/22px Inter,sans-serif}.sfe-metric strong{display:block;margin:8px 0;color:#101828;font:600 30px/38px Inter,sans-serif}.sfe-metric small{color:#667085;font:400 12px/20px Inter,sans-serif}.sfe-analysis{display:grid;grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);gap:28px;margin-top:28px}.sfe-analysis>article{min-width:0;padding-top:24px;border-top:1px solid #e4e7ec}#sfe-chart svg{display:block;width:100%;height:auto}.dlab-sfe-page #sfe-fit{margin-top:14px;color:#667085;font:400 13px/22px Inter,sans-serif}
/* Same horizontal-rule table pattern as Industrial QA; column widths suit this data. */
.sfe-table-wrap{width:100%;overflow-x:auto;border:1px solid #e4e7ec;border-radius:8px;background:#fff;margin-top:20px}.dlab-sfe-page .sfe-table-wrap table{width:100%;min-width:560px;border:0;border-collapse:collapse;background:#fff;margin:0;table-layout:auto}.dlab-sfe-page .sfe-table-wrap th,.dlab-sfe-page .sfe-table-wrap td{padding:20px 24px!important;border:0!important;border-top:1px solid #e4e7ec!important;text-align:left;vertical-align:top;color:#344054;background:#fff;font:400 15px/22px Inter,sans-serif!important;overflow-wrap:anywhere}.dlab-sfe-page .sfe-table-wrap thead th{border-top:0!important;background:#f9fafb;font-weight:600!important;color:#101828}.dlab-sfe-page .sfe-table-wrap tbody th{font-weight:500!important;color:#101828;width:30%}.dlab-sfe-page .sfe-table-wrap table tbody tr:nth-child(odd) td,.dlab-sfe-page .sfe-table-wrap table tbody tr:nth-child(even) td{background:#fff}.sfe-reference-table{min-width:640px!important}
.sfe-explanation-grid{display:grid;grid-template-columns:minmax(0,1.2fr) minmax(0,.8fr);gap:28px;align-items:start}.sfe-info-card p+p{margin-top:16px!important}.dlab-sfe-page .sfe-section .sfe-equation{padding:18px;margin:24px 0;background:#f5faff;border:1px solid #d1e9ff;border-radius:8px;color:#101828;font:500 16px/26px Inter,sans-serif;overflow-wrap:anywhere}.sfe-reference-list{margin:0;padding-left:22px}.sfe-reference-list li{padding:16px 0;border-bottom:1px solid #e4e7ec;font:400 15px/25px Inter,sans-serif;color:#344054}.sfe-reference-list li:first-child{padding-top:0}.sfe-reference-list li:last-child{border:0;padding-bottom:0}.sfe-reference-list a{color:#175cd3;text-decoration:none}.sfe-closing{max-width:760px;margin:auto;text-align:center}.sfe-closing .btn-primary{margin-top:26px}.sfe-field input{scroll-margin-top:150px}.dlab-sfe-page input[aria-invalid=true]{border-color:#d92d20!important;background:#fffafa}.sfe-field-error{display:block;font:400 13px/20px Inter,sans-serif;color:#b42318;margin-top:6px}.dlab-sfe-page .sfe-section #sfe-error{padding:14px;margin-top:16px;border:1px solid #fecdca;border-radius:8px;background:#fff1f0;color:#b42318;font:400 14px/23px Inter,sans-serif}.dlab-sfe-page .sfe-section button:disabled{opacity:.45;cursor:not-allowed}
@media(max-width:1100px){.sfe-analysis,.sfe-explanation-grid{grid-template-columns:1fr}.sfe-methods{gap:16px}.dlab-sfe-page .sfe-section button.sfe-method{padding:20px}.sfe-form,.sfe-result,.sfe-info-card{padding:28px}#sfe-rows{gap:16px}.sfe-liquid{padding:20px}}
@media(max-width:900px){.sfe-methods{grid-template-columns:1fr}#sfe-rows{grid-template-columns:1fr}.sfe-method-copy strong{margin-bottom:4px}.sfe-form-footer{flex-wrap:wrap}}
@media(max-width:767px){.dlab-sfe-page .sfe-section{padding:44px 0}.dlab-sfe-page .sfe-section h2{font-size:30px!important;line-height:38px!important}.sfe-section-heading{margin-bottom:24px}.sfe-form,.sfe-result,.sfe-info-card{padding:24px 20px}.sfe-form-head,.sfe-result-head{flex-wrap:wrap}.sfe-result-head .btn-primary{width:100%}.sfe-liquid{padding:20px 16px}.sfe-fields{grid-template-columns:1fr}.sfe-components{flex-direction:column;gap:16px}.sfe-components label{min-height:0}.sfe-form-footer{display:block}.sfe-row-actions{display:grid;grid-template-columns:1fr;gap:10px}.sfe-form-footer>#sfe-calculate{width:100%;margin-top:16px}.sfe-result{margin-top:28px}#sfe-metrics{grid-template-columns:1fr;gap:14px;margin:24px 0}.sfe-metric{padding:20px}.sfe-analysis{gap:24px}.dlab-sfe-page .sfe-table-wrap th,.dlab-sfe-page .sfe-table-wrap td{padding:16px 18px!important}.sfe-section.product-comparison-faqs .product-comparison-faqs__heading-wrap{padding:0!important}.sfe-section.product-comparison-faqs .product-comparison-faqs__section{gap:28px!important}.sfe-closing .btn-primary{width:100%}}

@media(max-width:1280px){.sfe-analysis{grid-template-columns:1fr}}

/* A single Zisman tension input fills its row instead of reserving component columns. */
.sfe-components:has(>.sfe-field:only-child){grid-template-columns:1fr}.sfe-components:has(>.sfe-field:only-child) label{min-height:0}

#sfe-calculator{scroll-margin-top:80px}