.cfu-tool-wrap{margin:0 auto 72px}.cfu-tool{grid-template-columns:minmax(0,1.15fr) minmax(0,1fr);align-items:start;gap:24px;font-size:14px;display:grid}.cfu-form,.cfu-preview{background:#fff;border:1px solid #dbe2ee;border-radius:16px;padding:24px}.cfu-form{gap:20px;display:grid}.cfu-preview{min-width:0;position:sticky;top:80px}.cfu-form label{gap:6px;font-weight:600;display:grid}.cfu-form input,.cfu-form select,.cfu-photo-controls select{background:#fff;border:1px solid #cbd5e1;border-radius:7px;width:100%;min-width:0;height:42px;padding:8px;font-weight:400}.cfu-inline{gap:12px;display:flex}.cfu-inline>label{flex:1;min-width:0}.cfu-field{border:0;margin:0;padding:0}.cfu-field legend{margin-bottom:6px;font-weight:600}.cfu-segment{background:#f1f5f9;border-radius:8px;flex-wrap:wrap;gap:4px;padding:4px;display:flex}.cfu-segment button{background:0 0;border:0;border-radius:6px;flex:1;min-height:40px;padding:6px}.cfu-segment button[aria-pressed=true]{background:#fff;box-shadow:0 1px 4px #0002}.cfu-segment button:hover{background:#e2e8f0}.cfu-sample{gap:16px;display:grid}.cfu-sample-title{align-items:end;gap:12px;display:flex}.cfu-sample-title label{flex:1}.cfu-scroll{outline-offset:3px;max-width:100%;overflow-x:auto}.cfu-scroll table{border-collapse:collapse;min-width:100%}.cfu-scroll th,.cfu-scroll td{text-align:left;vertical-align:top;min-width:100px;padding:5px}.cfu-scroll th:first-child{min-width:120px}.cfu-scroll th:last-child,.cfu-scroll td:last-child{min-width:40px}.cfu-scroll button:not(.pfd-btn){background:0 0;border:0;min-width:40px;min-height:40px}.cfu-count{min-width:120px;display:flex}.cfu-count input{width:72px}.cfu-form small{color:#b91c1c;font-weight:400;display:block}.cfu-actions{flex-wrap:wrap;gap:8px;margin-top:12px;display:flex}.cfu-result{color:#17326a;font-size:clamp(24px,3vw,34px)}.cfu-warning{background:#fff5d7;border-radius:6px;padding:8px 12px}.cfu-figure svg,.cfu-thumbnail svg,.cfu-static-chart svg{width:100%;height:auto;display:block}.cfu-examples{grid-template-columns:repeat(3,minmax(0,1fr));gap:20px;display:grid}.cfu-example{border:1px solid #dbe2ee;border-radius:12px;flex-direction:column;display:flex;overflow:hidden}.cfu-thumbnail{background:#fff}.cfu-example-body{flex-direction:column;flex:1;align-items:start;gap:8px;padding:16px;display:flex}.cfu-example-body h3,.cfu-example-body p{margin:0}.cfu-example-body p{color:#64748b}.cfu-example-body button{margin-top:auto}main.ga2#top.cfu-page .pfd-landing .pfd-steps{grid-template-columns:repeat(4,minmax(0,1fr));display:grid}main.ga2#top.cfu-page .pfd-landing .step-art .art-panel{height:120px;padding:20px}.cfu-reading h3{margin-top:30px}.cfu-modal-backdrop{z-index:1000;background:#0f172a99;place-items:center;padding:16px;display:grid;position:fixed;inset:0}.cfu-modal{background:#fff;border-radius:12px;width:min(900px,100%);max-height:90vh;padding:20px;overflow:auto}.cfu-modal-header{justify-content:space-between;gap:20px;display:flex}.cfu-file{display:inline-block;position:relative;overflow:hidden}.cfu-file input{opacity:0;cursor:pointer;position:absolute;inset:0}.cfu-photo-controls{flex-wrap:wrap;align-items:center;gap:12px;margin:12px 0;display:flex}.cfu-photo-scroll{max-height:55vh;overflow:auto}.cfu-photo-image{cursor:crosshair;position:relative}.cfu-photo-image img{width:100%;display:block}.cfu-sector{pointer-events:none;width:100%;height:100%;position:absolute;inset:0}.cfu-sector line{stroke:#2563eb;stroke-width:.4px}.cfu-marker{background:0 0;border:0;place-items:center;width:44px;height:44px;display:grid;position:absolute;transform:translate(-50%,-50%)}.cfu-marker span{color:#fff;background:#2563eb;border:2px solid #fff;border-radius:50%;place-items:center;min-width:24px;height:24px;display:grid}@media (width<=900px){.cfu-tool{grid-template-columns:1fr}.cfu-preview{position:static}.cfu-examples,main.ga2#top.cfu-page .pfd-landing .pfd-steps{grid-template-columns:repeat(2,1fr)}}@media (width<=600px){.cfu-form,.cfu-preview{padding:16px}.cfu-segment button{min-height:44px}.cfu-examples,main.ga2#top.cfu-page .pfd-landing .pfd-steps{grid-template-columns:1fr}.cfu-scroll button:not(.pfd-btn){min-width:44px;min-height:44px}}.cfu-count{border-radius:7px}.cfu-count.cfu-in-range input{background:#dceee5}.cfu-count.cfu-low input{background:#fff2d8}.cfu-count.cfu-high input,.cfu-count.cfu-tntc input{background:#fde6e2}.cfu-count.cfu-used{outline:2px solid #2563eb}.cfu-count button{background:inherit!important}.cfu-export{position:relative}.cfu-export summary{cursor:pointer;list-style:none}.cfu-export[open]{flex-wrap:wrap;gap:6px;display:flex}.cfu-comparison{border:1px solid #dbe2ee;border-radius:12px;margin-top:24px;padding:16px}.cfu-table-wrap{border:1px solid #dbe2ee;border-radius:8px;margin:20px 0}.cfu-table-wrap table{border-collapse:collapse}.cfu-table-wrap th,.cfu-table-wrap td{border-bottom:1px solid #e2e8f0;padding:12px}.cfu-table-wrap thead{background:#f1f5f9}.cfu-table-wrap tr>:first-child{z-index:1;background:#fff;position:sticky;left:0}.cfu-table-wrap thead th:first-child{background:#f1f5f9}.cfu-reading .cfu-table-wrap thead th{font-size:13px}.cfu-figure-mobile{display:none}@media (width<=600px){.cfu-figure-desktop{display:none}.cfu-figure-mobile{display:block}}.cfu-file:focus-within{outline-offset:2px;outline:3px solid #2563eb}.cfu-art-stack{text-align:left;gap:4px;width:100%;font-size:13px;line-height:1.4;display:grid}.cfu-art-stack>b{font-size:12px}.cfu-art-segment{background:#e8edf3;border-radius:5px;align-items:center;gap:4px;padding:4px;display:flex}.cfu-art-segment>*{text-align:center;white-space:nowrap;flex:1;padding:7px 3px;font-size:12px}.cfu-art-segment strong{background:#fff;border-radius:4px;box-shadow:0 1px 3px #0002}.cfu-art-table{border-collapse:collapse;width:100%;font-size:13px}.cfu-art-table :is(th,td){text-align:left;white-space:nowrap;border-bottom:1px solid #dde3ea;padding:3px}.cfu-art-table svg{vertical-align:middle;display:inline}.cfu-art-used{background:#dceee5;border:1px solid #315dff;border-radius:4px;width:fit-content;padding:0 4px;line-height:16px}.cfu-export-menu{z-index:5;background:#fff;border:1px solid #dbe2ee;border-radius:8px;min-width:180px;padding:6px;display:grid;position:absolute;top:100%;right:0;box-shadow:0 6px 24px #17255433}.cfu-export-menu button{text-align:left}@media (width<=600px){.cfu-figure-mobile svg text{font-size:14px}.cfu-chart-mobile svg text{font-size:18px}}main.ga2#top.cfu-page .cfu-tool-wrap{max-width:1136px;margin-inline:auto}.cfu-form,.cfu-example-body,.cfu-reading{text-align:left}.cfu-form{min-inline-size:0}.cfu-scroll th{position:relative}@media (width<=600px){.cfu-actions .pfd-btn,.cfu-sample-title .pfd-btn,.cfu-photo-controls .pfd-btn,.cfu-file{min-height:44px}.cfu-photo-controls label{align-items:center;gap:8px;min-height:44px;display:flex}}main.ga2#top.cfu-page section.unified-faq{padding-bottom:96px}@media (width<=600px){main.ga2#top.cfu-page section.unified-faq{padding-bottom:72px}}.cfu-table-shell{margin:20px 0;position:relative}.cfu-table-shell .cfu-wide-table{margin:0}.cfu-scroll-fade{z-index:3;pointer-events:none;background:linear-gradient(90deg,#0000,#fff);width:16px;position:absolute;top:0;bottom:0;right:0}@media (width>=901px){.cfu-preview{flex-direction:column;max-height:calc(100vh - 96px);display:flex}.cfu-figure-desktop{flex:0 auto;justify-content:center;align-self:center;align-items:center;width:100%;min-height:0;display:flex}.cfu-figure-desktop svg{width:100%;max-width:100%;height:auto}}.cfu-examples{grid-template-columns:repeat(2,minmax(0,1fr))}.cfu-thumbnail svg text{font-size:10.8px}@media (width<=1050px){.cfu-thumbnail svg text{font-size:14.2px}}main.ga2#top.cfu-page .pfd-landing .cfu-reading h3{margin-top:32px;margin-bottom:12px;font-size:22px}:is(.cfu-table-shell:has(.cfu-plate-scroll),.cfu-table-shell:has(.cfu-comparison)){min-width:0;margin:0}.cfu-plate-scroll th:first-child,.cfu-plate-scroll td:first-child,.cfu-comparison th:first-child{z-index:2;background:#fff;position:sticky;left:0}.cfu-count{align-items:stretch}.cfu-count input{height:auto;min-height:42px}@media (width<=900px){.cfu-segment button{min-height:44px}.cfu-scroll button:not(.pfd-btn){min-width:44px;min-height:44px}.cfu-count input{min-height:44px}}@media (width<=600px){.cfu-examples{grid-template-columns:1fr}.cfu-segment{grid-template-columns:repeat(2,minmax(0,1fr));display:grid}.cfu-segment button{white-space:nowrap}}.cfu-figure-desktop svg text{font-size:var(--cfu-figure-font-size,11.8px)}@media (width<=600px){.cfu-segment-full{display:none}.cfu-segment-short{display:inline}}.cfu-warnings:not(:empty){gap:6px;margin-top:16px;display:grid}.cfu-plate-heading{white-space:nowrap;align-items:center;gap:6px;display:flex}.cfu-scroll button.cfu-icon-button{cursor:pointer;border:1px solid #cbd5e1;border-radius:6px;place-items:center;display:inline-grid;background:#f8fafc!important}.cfu-comparison.cfu-table-wrap thead th:first-child{background:#f1f5f9}.cfu-segment-full{display:none}.cfu-segment-short{display:inline}@media (width<=900px){.cfu-form input,.cfu-form select{height:44px;min-height:44px}}@media (width<=760px){.cfu-examples{grid-template-columns:1fr}}@media (width<=600px){.cfu-segment-3{grid-template-columns:repeat(3,minmax(0,1fr))}}.cfu-comparison.cfu-table-wrap{background:#fff}main.ga2#top.cfu-page .pfd-landing .cfu-reading{max-width:864px}.cfu-equations{grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;display:grid}.cfu-equations>:last-child:nth-child(odd){grid-column:1/-1}.cfu-equation{background:#f6f8fc;border:1px solid #dfe6ef;border-radius:12px;min-width:0;padding:18px 20px}.cfu-equation-label{color:#34445c;font-size:14px;font-weight:650;display:block}.cfu-equation math{color:#17243c;max-width:100%;margin:16px auto 18px;font-family:Times New Roman,serif;font-size:25px}main.ga2#top.cfu-page .pfd-landing .cfu-equation p{color:#52627a;text-align:left;margin:0;font-size:14px;line-height:1.55}.cfu-reading-block{border-top:1px solid #e2e8f0;margin-top:40px;padding-top:8px}main.ga2#top.cfu-page .pfd-landing .cfu-reading .cfu-sources{margin-top:24px}@media (width<=600px){.cfu-equations{grid-template-columns:1fr}.cfu-equations>:last-child:nth-child(odd){grid-column:auto}.cfu-equation math{font-size:22px}}main.ga2#top.cfu-page .pfd-landing .cfu-equation p.cfu-equation-note{margin-top:8px}.cfu-static-chart{width:100%;margin-inline:auto}main.ga2#top.cfu-page .pfd-landing .cfu-chart-caption{margin-top:16px}@media (width<=600px){.cfu-static-chart svg text{font-size:20px}}@media (width<=360px){.cfu-static-chart svg text{font-size:25px}}.cfu-equation math.cfu-long-equation{font-size:20px}@media (width<=600px){.cfu-equation math.cfu-long-equation{font-size:18px}}@media (width<=360px){.cfu-equation math.cfu-long-equation{font-size:15px}}@media (width<=340px){.cfu-chart-mobile svg text{font-size:20px}}.cfu-static-legend{flex-wrap:wrap;gap:10px 20px;margin:12px 0 0;padding:0;font-size:14px;line-height:1.4;list-style:none;display:flex}.cfu-static-legend li{align-items:center;gap:7px;min-width:0;display:flex}.cfu-legend-dot{background:currentColor;border-radius:50%;flex:none;width:8px;height:8px}.cfu-legend-dash{border-top:2px dashed;flex:none;width:18px}.cfu-legend-color-0{color:#2563eb}.cfu-legend-color-1{color:#dd6b20}@media (width<=600px){.cfu-static-legend{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px 12px;display:grid}}
