/* DCCC Plot Size & Land Area Converter — approved default UI v4 */
:root{--p4-red:#e30613;--p4-ink:#111318;--p4-line:#dde2e6;--p4-soft:#f5f7f8;--p4-dark:#0b1016;--p4-yellow:#ffd400;--p4-max:1540px}
body.dccc-plot-v4{overflow-x:hidden;background:#f5f6f7;color:var(--p4-ink)}body.dccc-plot-v4 #app{max-width:none;padding:0;overflow:clip;background:#f5f6f7}body.dccc-plot-v4 .desktop-nav a.dplot4-active,body.dccc-plot-v4 .mobile-menu a.dplot4-active{position:relative;color:var(--p4-red)!important;font-weight:900}body.dccc-plot-v4 .desktop-nav a.dplot4-active:after{content:"";position:absolute;left:9%;right:9%;bottom:-9px;height:3px;border-radius:99px;background:var(--p4-red)}
.dplot4-hero{height:410px;min-height:410px}.dplot4-hero .dplot3-hero-copy{padding:28px 360px 105px 0}.dplot4-hero .dplot3-kicker{font-size:10px;letter-spacing:.16em}.dplot4-hero .dplot3-hero-copy h1{max-width:880px;font-size:clamp(38px,4vw,62px)}.dplot4-hero .dplot3-hero-copy h2{max-width:780px;font-size:clamp(15px,1.35vw,21px)}.dplot4-hero .dplot3-hero-copy>p:last-child{max-width:790px;font-size:12px}.dplot4-breadcrumb{display:flex;gap:7px;align-items:center;flex-wrap:wrap;margin:0 0 9px;color:#ffffffba;font-size:8px}.dplot4-breadcrumb a{color:#fff;text-decoration:none}.dplot4-breadcrumb strong{color:#fff}.dplot4-capabilities{position:absolute;z-index:7;left:max(43px,calc((100% - var(--p4-max))/2));right:300px;bottom:18px;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));color:#fff}.dplot4-capabilities article{min-width:0;display:grid;grid-template-columns:28px 1fr;gap:8px;align-items:center;padding:0 14px;border-right:1px solid #ffffff55}.dplot4-capabilities article:first-child{padding-left:0}.dplot4-capabilities article:last-child{border-right:0}.dplot4-capabilities i{font-style:normal;color:var(--p4-red);font-size:20px}.dplot4-capabilities b,.dplot4-capabilities small{display:block}.dplot4-capabilities b{font-size:7.7px}.dplot4-capabilities small{margin-top:2px;color:#ffffffbf;font-size:6.3px;line-height:1.25}.dplot4-hero .dplot3-hero-panel{top:87px;right:max(34px,calc((100% - var(--p4-max))/2));max-width:225px;padding:13px 14px;background:#071019b8;border:1px solid #ffffff54;border-radius:6px}.dplot4-hero .dplot3-hero-panel p{font-size:12px;line-height:1.17}
.dplot4-workspace{width:min(var(--p4-max),calc(100% - 34px));margin:10px auto 14px}.dplot4-workspace .dplot3-work-grid{grid-template-columns:minmax(250px,.82fr) minmax(520px,1.75fr) minmax(300px,1fr);gap:9px}.dplot4-workspace .dplot3-left,.dplot4-workspace .dplot3-middle,.dplot4-workspace .dplot3-right{gap:9px}.dplot4-workspace .dplot3-location{margin:0}.dplot4-workspace .dplot3-location-grid{grid-template-columns:1fr;gap:8px;padding:10px}.dplot4-workspace .dplot3-context-note{padding:0 10px 10px;font-size:8px;line-height:1.35}.dplot4-workspace .dplot3-standard-grid{grid-template-columns:1fr;gap:7px;padding:10px}.dplot4-workspace .dplot3-standard-card{min-height:86px;padding:10px 10px 9px 36px}.dplot4-workspace .dplot3-standard-card.is-active{padding:9px 9px 8px 35px}.dplot4-workspace .dplot3-standard-card strong{font-size:10px}.dplot4-workspace .dplot3-standard-card>b{font-size:13px}.dplot4-workspace .dplot3-standard-card small{margin-top:4px;font-size:7.6px}.dplot4-workspace .dplot3-confirm{font-size:7px}.dplot4-workspace .dplot3-panel-head{gap:9px;padding:9px 10px 8px}.dplot4-workspace .dplot3-panel-head>span{width:29px;height:29px;font-size:14px}.dplot4-workspace .dplot3-panel-head h2{font-size:13px}.dplot4-workspace .dplot3-panel-head p{font-size:7.5px}.dplot4-workspace .dplot3-mode-list{grid-template-columns:repeat(5,minmax(0,1fr));gap:6px;padding:8px}.dplot4-workspace .dplot3-mode-list button{grid-template-columns:26px 1fr;gap:5px;min-height:62px;padding:7px 6px}.dplot4-workspace .dplot3-mode-list button>span{width:25px;height:25px;font-size:15px}.dplot4-workspace .dplot3-mode-list strong{font-size:8px}.dplot4-workspace .dplot3-mode-list small{font-size:6.2px}.dplot4-workspace .dplot3-input #p3InputBody{padding:9px 10px 0}.dplot4-workspace .dplot3-input-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:7px}.dplot4-workspace .dplot4-dim-grid{grid-template-columns:repeat(5,minmax(0,1fr))}.dplot4-workspace .dplot3-input label>span{font-size:8px}.dplot4-workspace .dplot3-input select,.dplot4-workspace .dplot3-input input{height:34px;font-size:9px}.dplot4-known-area{display:grid;grid-template-columns:1fr .75fr;gap:8px;margin-top:8px;padding:8px;border:1px dashed #d1d6da;border-radius:4px;background:#fafbfb}.dplot4-known-area[hidden]{display:none}.dplot4-workspace .dplot3-quick{padding:8px 10px}.dplot4-workspace .dplot3-quick>strong{font-size:8px}.dplot4-workspace .dplot3-quick button{min-height:27px;padding:0 8px;font-size:7px}.dplot4-workspace .dplot3-calc{width:calc(100% - 20px);min-height:37px;margin:0 10px 8px}.dplot4-workspace .dplot3-message{padding:0 10px 8px;font-size:7.5px}.dplot4-input-summary{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:5px;margin:8px 10px 0;padding:7px 8px;border:1px solid #f1c7ca;border-radius:4px;background:#fff5f6;color:#4c5259;font-size:7px}.dplot4-input-summary span{min-width:0;overflow-wrap:anywhere}.dplot4-input-summary b{display:block;margin-bottom:2px;color:#15191e;font-size:7px}.dplot4-workspace .dplot3-result-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:6px;padding:8px 10px 10px}.dplot4-workspace .dplot3-result-grid>div{min-height:56px;padding:7px}.dplot4-workspace .dplot3-result-grid span{font-size:7.2px}.dplot4-workspace .dplot3-result-grid strong{font-size:13px}.dplot4-workspace .dplot3-using{margin:8px 10px 0;padding:7px 8px}.dplot4-workspace .dplot3-using span,.dplot4-workspace .dplot3-using small{font-size:7px}.dplot4-workspace .dplot3-using strong{font-size:9px}.dplot4-workspace .dplot3-using em{font-size:6.5px}.dplot4-workspace .dplot3-side-card h3{font-size:10px}.dplot4-workspace .dplot3-side-card header p{font-size:7px}.dplot4-workspace .dplot3-side-card table{font-size:7px}.dplot4-workspace .dplot3-side-card th{font-size:6.7px}.dplot4-workspace .dplot3-side-card td{padding:6px 5px}.dplot4-comparison header{background:#fff6f6}.dplot4-comparison header h3{color:var(--p4-red)}.dplot4-formula-toggle{margin-left:auto;padding:0;border:0;background:transparent;color:#1b62a5;font-size:7px;font-weight:850;cursor:pointer}.dplot3-formulas>header{display:flex;align-items:center;gap:8px}.dplot4-formula-more{padding:0 12px 8px;border-top:1px dashed #e0e4e7}.dplot4-formula-more[hidden]{display:none}.dplot4-important{border-color:#f0c5c9!important;background:#fff7f8!important}.dplot4-important header{background:#fdecee}.dplot4-important h3{color:var(--p4-red)!important}.dplot4-important p{margin:0;padding:10px 12px;color:#5d3035;font-size:7.4px;line-height:1.45}.dplot4-important>strong{display:block;padding:0 12px 10px;color:#b5101c;font-size:9px}.dplot4-actions{display:grid!important;grid-template-columns:repeat(3,minmax(0,1fr));gap:6px!important;padding:8px!important}.dplot4-actions button,.dplot4-actions a{display:flex!important;align-items:center!important;justify-content:center!important;min-height:34px!important;padding:0 8px!important;border:1px solid #cfd4d8!important;border-radius:4px!important;background:#fff!important;color:#20252a!important;font-size:7px!important;font-weight:850!important;text-align:center!important;text-decoration:none!important;cursor:pointer!important}.dplot4-actions #p3Save,.dplot4-actions #p3Continue{border-color:var(--p4-red)!important;background:var(--p4-red)!important;color:#fff!important}.dplot4-actions #p3Continue{grid-column:span 2}.dplot4-actions button:hover,.dplot4-actions a:hover{border-color:var(--p4-red)!important}
.dplot4-banner{position:relative;height:175px;margin-top:8px;overflow:hidden;color:#fff;background:#090d12}.dplot4-banner-carousel,.dplot4-banner-carousel .dplot-carousel-stage,.dplot4-banner-carousel .dplot-slide{position:absolute!important;inset:0!important;width:100%!important;height:100%!important}.dplot4-banner-carousel .dplot-slide{opacity:0;transition:opacity .8s ease}.dplot4-banner-carousel .dplot-slide.is-active{opacity:1}.dplot4-banner-carousel canvas,.dplot4-banner-carousel img{display:block;width:100%!important;height:100%!important;object-fit:cover}.dplot4-banner-shade{position:absolute;z-index:3;inset:0;background:linear-gradient(90deg,#080b10ee 0%,#080b10d6 42%,#080b1070 72%,#080b1018 100%)}.dplot4-banner-copy{position:relative;z-index:4;width:min(var(--p4-max),calc(100% - 72px));height:100%;margin:auto;display:flex;flex-direction:column;align-items:flex-start;justify-content:center}.dplot4-banner-copy h2{margin:0;font-size:27px;line-height:1;text-transform:uppercase}.dplot4-banner.global .dplot4-banner-copy h2{font-size:31px}.dplot4-banner-copy p{max-width:720px;margin:7px 0 11px;color:#ffffffdc;font-size:9px;line-height:1.4}.dplot4-banner-copy a{display:inline-flex;align-items:center;min-height:37px;padding:0 15px;border-radius:4px;background:var(--p4-red);color:#fff;font-size:8px;font-weight:900;text-decoration:none}.dplot4-banner.global .dplot4-banner-copy a{background:#fff;color:#111318}.dplot4-footer{min-height:54px;display:flex;align-items:center;justify-content:center;padding:15px 18px;background:#090d12;color:#fff;text-align:center;font-size:12px;font-weight:850;letter-spacing:.01em}.dplot4-footer img,.dplot4-footer video,.dplot4-footer svg,.dplot4-footer picture{display:none!important}.dplot4-footer:before,.dplot4-footer:after{content:none!important;display:none!important}
@media(max-width:1260px){.dplot4-hero .dplot3-hero-copy{padding-right:270px}.dplot4-capabilities{right:235px}.dplot4-hero .dplot3-hero-panel{max-width:175px}.dplot4-workspace .dplot3-work-grid{grid-template-columns:minmax(240px,.9fr) minmax(470px,1.7fr)}.dplot4-workspace .dplot3-right{grid-column:1/-1;grid-template-columns:repeat(2,minmax(0,1fr))}.dplot4-workspace .dplot3-right .dplot4-important,.dplot4-workspace .dplot3-right .dplot3-formulas{min-height:100%}}
@media(max-width:900px){.dplot4-hero{height:500px;min-height:500px}.dplot4-hero .dplot3-hero-copy{width:calc(100% - 48px);padding:30px 185px 145px 0}.dplot4-hero .dplot3-hero-panel{right:24px;top:115px;max-width:145px}.dplot4-capabilities{left:24px;right:24px;bottom:18px;grid-template-columns:repeat(2,minmax(0,1fr));row-gap:8px}.dplot4-capabilities article:nth-child(2){border-right:0}.dplot4-workspace .dplot3-work-grid{grid-template-columns:1fr}.dplot4-workspace .dplot3-right{grid-column:auto;grid-template-columns:repeat(2,minmax(0,1fr))}.dplot4-workspace .dplot3-mode-list{grid-template-columns:repeat(3,minmax(0,1fr))}.dplot4-workspace .dplot3-mode-list button:nth-child(n+4){min-height:55px}.dplot4-workspace .dplot4-dim-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.dplot4-banner-copy{width:calc(100% - 48px)}}
@media(max-width:600px){.dplot4-hero{height:610px;min-height:610px}.dplot4-hero .dplot3-hero-shade{background:linear-gradient(0deg,#05080de8 12%,#05080db8 67%,#05080d4d)}.dplot4-hero .dplot3-hero-copy{width:calc(100% - 28px);justify-content:flex-end;padding:30px 0 205px}.dplot4-breadcrumb{font-size:6.8px}.dplot4-hero .dplot3-kicker{font-size:8px}.dplot4-hero .dplot3-hero-copy h1{font-size:clamp(31px,10.5vw,43px)}.dplot4-hero .dplot3-hero-copy h2{font-size:13px}.dplot4-hero .dplot3-hero-copy>p:last-child{font-size:10px}.dplot4-hero .dplot3-hero-panel{display:none}.dplot4-capabilities{left:14px;right:14px;bottom:18px;grid-template-columns:1fr 1fr}.dplot4-capabilities article{padding:0 6px;border-right:0}.dplot4-capabilities i{display:none}.dplot4-capabilities b{font-size:6.8px}.dplot4-capabilities small{font-size:5.7px}.dplot4-workspace{width:calc(100% - 14px)}.dplot4-workspace .dplot3-location-grid,.dplot4-workspace .dplot3-standard-grid,.dplot4-workspace .dplot3-input-grid,.dplot4-workspace .dplot4-dim-grid,.dplot4-known-area{grid-template-columns:1fr}.dplot4-workspace .dplot3-mode-list{display:flex;overflow-x:auto;scroll-snap-type:x mandatory;padding-bottom:6px}.dplot4-workspace .dplot3-mode-list button{min-width:78%;scroll-snap-align:start}.dplot4-input-summary{grid-template-columns:1fr}.dplot4-workspace .dplot3-result-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.dplot4-workspace .dplot3-right{grid-template-columns:1fr}.dplot4-actions{grid-template-columns:1fr}.dplot4-actions #p3Continue{grid-column:auto}.dplot4-banner{height:220px}.dplot4-banner-copy{width:calc(100% - 28px)}.dplot4-banner-copy h2,.dplot4-banner.global .dplot4-banner-copy h2{font-size:24px}.dplot4-banner-copy p{font-size:8.5px}.dplot4-footer{font-size:10px}.dplot4-workspace table{max-width:100%}.dplot4-workspace .dplot3-table-wrap{overflow-x:auto}.dplot4-workspace .dplot3-side-card table{min-width:360px}}
@media(prefers-reduced-motion:reduce){.dplot4-banner-carousel .dplot-slide{transition:none!important}}
@media print{body.dplot4-printing .site-header,body.dplot4-printing .mobile-menu,body.dplot4-printing .dplot4-hero,body.dplot4-printing .dplot4-banner,body.dplot4-printing .dplot4-footer,body.dplot4-printing .dplot3-modes,body.dplot4-printing .dplot4-actions,body.dplot4-printing .dplot3-project-select{display:none!important}body.dplot4-printing #app{background:#fff!important}body.dplot4-printing .dplot4-workspace{width:100%!important;margin:0!important}body.dplot4-printing .dplot3-work-grid{display:block!important}body.dplot4-printing .dplot3-left,body.dplot4-printing .dplot3-middle,body.dplot4-printing .dplot3-right{display:block!important}body.dplot4-printing .dplot3-panel,body.dplot4-printing .dplot3-side-card{break-inside:avoid;box-shadow:none!important;margin:0 0 8px!important}body.dplot4-printing .dplot3-input,body.dplot4-printing .dplot3-results,body.dplot4-printing .dplot3-location,body.dplot4-printing .dplot3-standards,body.dplot4-printing .dplot4-comparison,body.dplot4-printing .dplot4-important{display:block!important}}