/* DCCC Plot Size & Land Area Converter — working UI v3.0 */
:root{--p3-red:#e30613;--p3-yellow:#ffd400;--p3-ink:#111318;--p3-muted:#666b73;--p3-line:#dde1e5;--p3-soft:#f4f5f6;--p3-dark:#0e1116;--p3-max:1480px}
body.dccc-plot-v3{overflow-x:hidden;background:#fff}body.dccc-plot-v3 #app{overflow:clip;background:#fff}
body.dccc-plot-v3 .site-brand{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:1px;min-width:142px;text-align:center;line-height:1}body.dccc-plot-v3 .site-brand .site-logo{width:92px;height:46px;object-fit:contain}body.dccc-plot-v3 .site-brand .brand-copy{display:block!important;width:150px;margin:0;text-align:center;line-height:1.05}body.dccc-plot-v3 .site-brand .brand-copy strong{display:none!important}body.dccc-plot-v3 .site-brand .brand-copy small{display:block!important;max-width:150px;margin:0 auto;color:#111;font-size:7px;font-weight:800;line-height:1.08;white-space:normal}
body.dccc-plot-v3 .desktop-nav a.dplot3-current-nav,body.dccc-plot-v3 .mobile-menu a.dplot3-current-nav{position:relative;color:var(--p3-red)!important;font-weight:850}body.dccc-plot-v3 .desktop-nav a.dplot3-current-nav::after{content:"";position:absolute;left:10%;right:10%;bottom:-9px;height:3px;border-radius:99px;background:var(--p3-red)}
.dplot3-kicker{margin:0;color:#fff;font-size:12px;font-weight:900;letter-spacing:.22em;text-transform:uppercase}.dplot3-hero{position:relative;height:330px;min-height:330px;overflow:hidden;color:#fff;background:#101318}.dplot3-hero-carousel{position:absolute!important;inset:0;width:100%;height:100%}.dplot3-hero-carousel .dplot-carousel-stage{position:absolute;inset:0}.dplot3-hero-carousel .dplot-slide{position:absolute;inset:0;opacity:0;transition:opacity .8s ease}.dplot3-hero-carousel .dplot-slide.is-active{opacity:1;z-index:1}.dplot3-hero-carousel canvas,.dplot3-hero-carousel img{width:100%!important;height:100%!important;object-fit:cover}.dplot3-hero .dplot-arrow{position:absolute;z-index:8;top:50%;width:40px;height:40px;margin-top:-20px;border:1px solid rgba(255,255,255,.52);border-radius:50%;color:#fff;background:rgba(8,12,18,.35);font-size:26px}.dplot3-hero .dplot-arrow.prev{left:20px}.dplot3-hero .dplot-arrow.next{right:20px}.dplot3-hero .dplot-dots{position:absolute;z-index:8;left:42px;bottom:14px;display:flex;gap:8px}.dplot3-hero .dplot-dots button{width:10px;height:10px;padding:0;border:1px solid #fff;border-radius:50%;background:rgba(255,255,255,.25)}.dplot3-hero .dplot-dots button.is-active{width:24px;border-radius:99px;background:var(--p3-red);border-color:var(--p3-red)}
.dplot3-hero-shade{position:absolute;z-index:3;inset:0;background:linear-gradient(90deg,rgba(3,6,10,.92) 0%,rgba(3,6,10,.76) 35%,rgba(3,6,10,.38) 60%,rgba(3,6,10,.1) 100%),linear-gradient(0deg,rgba(3,6,10,.55),transparent 42%)}.dplot3-hero-copy{position:relative;z-index:5;width:min(var(--p3-max),calc(100% - 86px));height:100%;margin:auto;display:flex;flex-direction:column;justify-content:center;align-items:flex-start;padding:20px 0}.dplot3-hero-copy h1{margin:7px 0 0;max-width:800px;font-size:clamp(36px,4.3vw,66px);line-height:.95;letter-spacing:-.04em;text-transform:uppercase;text-shadow:0 4px 20px rgba(0,0,0,.25)}.dplot3-hero-copy h1 span{color:var(--p3-red)}.dplot3-hero-copy h2{margin:9px 0 0;font-size:clamp(17px,1.55vw,25px);font-weight:750;line-height:1.1}.dplot3-hero-copy>p:last-child{max-width:710px;margin:8px 0 0;color:rgba(255,255,255,.88);font-size:13px;line-height:1.45}.dplot3-hero-panel{position:absolute;z-index:6;right:max(28px,calc((100% - var(--p3-max))/2 + 8px));top:60px;display:flex;gap:12px;align-items:flex-start;padding:10px 12px;background:rgba(9,12,17,.28);backdrop-filter:blur(4px)}.dplot3-hero-panel>span{width:4px;min-height:80px;background:var(--p3-red)}.dplot3-hero-panel p{margin:0;font-size:13px;font-weight:900;line-height:1.16;letter-spacing:.03em;text-shadow:0 2px 8px #000}
.dplot3-workspace{width:min(var(--p3-max),calc(100% - 40px));margin:12px auto 26px}.dplot3-panel,.dplot3-side-card{border:1px solid var(--p3-line);border-radius:5px;background:#fff;box-shadow:0 3px 12px rgba(13,18,27,.035)}.dplot3-panel-head{display:flex;align-items:flex-start;gap:12px;padding:13px 15px 10px;border-bottom:1px solid #eceef0}.dplot3-panel-head>span{flex:0 0 auto;width:34px;height:34px;display:grid;place-items:center;border-radius:6px;background:var(--p3-red);color:#fff;font-size:18px;font-weight:900}.dplot3-panel-head h2{margin:1px 0 0;color:var(--p3-ink);font-size:19px;line-height:1.05;letter-spacing:-.02em}.dplot3-panel-head p{margin:4px 0 0;color:var(--p3-muted);font-size:10px;line-height:1.35}.dplot3-location{margin-bottom:11px}.dplot3-location-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;padding:12px 15px 8px}.dplot3-location label,.dplot3-input label,.dplot3-project-select,.dplot3-authority-entry label{display:block}.dplot3-location label>span,.dplot3-input label>span,.dplot3-project-select>span,.dplot3-authority-entry label>span{display:block;margin-bottom:5px;color:#22262c;font-size:10px;font-weight:800}.dplot3-location select,.dplot3-location input,.dplot3-input select,.dplot3-input input,.dplot3-project-select select,.dplot3-authority-entry input{width:100%;height:38px;padding:0 10px;border:1px solid #d8dce0;border-radius:4px;background:#f8f9fa;color:#191c20;font:inherit;font-size:12px;outline:none}.dplot3-location select:focus,.dplot3-location input:focus,.dplot3-input select:focus,.dplot3-input input:focus,.dplot3-project-select select:focus,.dplot3-authority-entry input:focus{border-color:var(--p3-red);box-shadow:0 0 0 3px rgba(227,6,19,.08);background:#fff}.dplot3-context-note{margin:0;padding:0 15px 10px;color:#70757c;font-size:9px}
.dplot3-work-grid{display:grid;grid-template-columns:minmax(0,1.55fr) minmax(250px,.66fr) minmax(320px,.94fr);gap:10px;align-items:start}.dplot3-left,.dplot3-middle,.dplot3-right{display:grid;gap:10px}.dplot3-standard-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:9px;padding:12px}.dplot3-standard-card{position:relative;min-height:112px;padding:13px 13px 12px 39px;border:1px solid #dfe2e5;border-radius:5px;background:#fff;color:#202328;text-align:left;cursor:pointer}.dplot3-standard-card:hover{border-color:#c7cbd0}.dplot3-standard-card.is-active{border:2px solid var(--p3-red);padding:12px 12px 11px 38px;box-shadow:0 0 0 2px rgba(227,6,19,.05)}.dplot3-standard-card>i{position:absolute;left:13px;top:15px;width:18px;height:18px;border:2px solid #bfc4ca;border-radius:50%}.dplot3-standard-card.is-active>i{border:5px solid var(--p3-red)}.dplot3-standard-card strong{display:block;font-size:12px;line-height:1.15}.dplot3-standard-card>b{display:block;margin-top:4px;font-size:17px;line-height:1.05}.dplot3-standard-card small{display:block;margin-top:7px;color:#686d74;font-size:9.5px;line-height:1.32}.dplot3-inline-number{display:flex;align-items:center;gap:6px;margin-top:7px}.dplot3-inline-number input{width:88px;height:30px;padding:0 7px;border:1px solid #d7dade;border-radius:4px;background:#f3f5f6;font-size:12px}.dplot3-inline-number span{font-size:10px}.dplot3-confirm{display:flex!important;align-items:flex-start;gap:6px;margin-top:7px;color:#555a61;font-size:8.8px;line-height:1.25}.dplot3-confirm input{flex:0 0 auto;width:15px;height:15px;margin:0}.dplot3-authority-entry{margin:0 12px 12px;padding:11px;border:1px dashed #d2d6da;border-radius:4px;background:#fafafa}.dplot3-authority-entry label>div{display:flex;align-items:center;gap:6px}.dplot3-authority-entry label>div span{font-size:10px}
.dplot3-mode-list{display:grid;gap:7px;padding:11px}.dplot3-mode-list button{display:grid;grid-template-columns:35px 1fr;gap:10px;align-items:center;min-height:58px;padding:8px 10px;border:1px solid #e0e3e6;border-radius:5px;background:#f6f7f8;color:#1c2025;text-align:left;cursor:pointer}.dplot3-mode-list button:hover{border-color:#c9cdd2}.dplot3-mode-list button.is-active{border-color:var(--p3-red);background:var(--p3-red);color:#fff}.dplot3-mode-list button>span{width:31px;height:31px;display:grid;place-items:center;font-size:19px;font-weight:900}.dplot3-mode-list strong{display:block;font-size:11px;line-height:1.15}.dplot3-mode-list small{display:block;margin-top:3px;color:#6f747b;font-size:8.7px;line-height:1.25}.dplot3-mode-list button.is-active small{color:rgba(255,255,255,.82)}
.dplot3-input #p3InputBody{padding:11px 12px 0}.dplot3-input-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.dplot3-input-grid .wide{grid-column:span 1}.dplot3-irregular{margin:8px 0 0;padding:7px 9px;border-radius:4px;background:#fff7e4;color:#755400;font-size:9px;line-height:1.3}.dplot3-quick{padding:10px 12px}.dplot3-quick>strong{display:block;margin-bottom:6px;font-size:10px}.dplot3-quick>div{display:flex;gap:6px;flex-wrap:wrap}.dplot3-quick button{min-height:30px;padding:0 10px;border:1px solid #dfe2e5;border-radius:4px;background:#f1f3f4;color:#30343a;font-size:9px;font-weight:800;cursor:pointer}.dplot3-quick button:hover{border-color:var(--p3-red);color:var(--p3-red)}.dplot3-calc{width:calc(100% - 24px);min-height:40px;margin:0 12px 9px;border:0;border-radius:4px;background:var(--p3-red);color:#fff;font-weight:850;cursor:pointer}.dplot3-calc:disabled{opacity:.55;cursor:wait}.dplot3-message{min-height:16px;margin:0;padding:0 12px 10px;color:#27734c;font-size:9px;line-height:1.3}.dplot3-message.error{color:#b51d27}.dplot3-project-select{margin:0 12px 10px}
.dplot3-using{display:grid;grid-template-columns:auto 1fr auto;gap:3px 8px;align-items:center;margin:10px 12px 0;padding:8px 10px;border-radius:4px;background:#fff3bd}.dplot3-using span{font-size:9px}.dplot3-using strong{font-size:11px}.dplot3-using small{grid-column:2;font-size:9px}.dplot3-using em{grid-column:3;grid-row:1/3;padding:4px 6px;border-radius:99px;background:#fff;color:#5e5f63;font-size:8px;font-style:normal;font-weight:800}.dplot3-using em.verified{color:#147a4c;background:#def6e8}.dplot3-using em.warn{color:#9a5b00;background:#fff0cf}.dplot3-result-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:7px;padding:10px 12px 12px}.dplot3-result-grid>div{min-width:0;min-height:61px;padding:8px;border:1px solid #e0e3e6;border-radius:4px;background:#f8f9fa;text-align:center}.dplot3-result-grid>div.accent{border:2px solid var(--p3-red);padding:7px;background:#fff}.dplot3-result-grid span{display:block;color:#555a61;font-size:8.4px;line-height:1.1}.dplot3-result-grid strong{display:block;margin-top:4px;color:#17191d;font-size:15px;line-height:1.05}.dplot3-empty{grid-column:1/-1!important;display:grid;place-items:center;min-height:75px!important;color:#787d84;font-size:10px!important}
.dplot3-side-card{overflow:hidden}.dplot3-side-card>header{padding:10px 12px;border-bottom:1px solid #eceef0}.dplot3-side-card h3{margin:0;color:#1a1d21;font-size:13px;line-height:1.12}.dplot3-side-card header p{margin:4px 0 0;color:#70757c;font-size:8.8px;line-height:1.3}.dplot3-table-wrap{overflow-x:auto}.dplot3-side-card table{width:100%;border-collapse:collapse;font-size:8.7px}.dplot3-side-card th{padding:7px 6px;background:#f0f2f4;text-align:left;font-size:8.2px}.dplot3-side-card td{padding:7px 6px;border-top:1px solid #eceef0;vertical-align:top}.dplot3-side-card td:nth-child(n+2),.dplot3-side-card th:nth-child(n+2){text-align:center}.dplot3-side-card td strong{display:block;font-size:8.7px}.dplot3-side-card td small{display:block;margin-top:2px;color:#777c83;font-size:7.5px}.dplot3-side-card tr.active td{color:var(--p3-red);font-weight:850;background:#fff7f7}.dplot3-formulas #p3FormulaBody{padding:8px 12px}.dplot3-formulas p{margin:5px 0;color:#555a61;font-size:8.7px;line-height:1.25}.dplot3-formulas p b{color:#22262b}.dplot3-notes ul{margin:0;padding:9px 12px 7px 26px;color:#5e636a;font-size:8.5px;line-height:1.32}.dplot3-notes li{margin-bottom:4px}.dplot3-notes>strong{display:block;margin:0 12px 11px;padding:7px 8px;border-radius:4px;background:#11151a;color:#fff;font-size:10px;text-align:center;letter-spacing:.04em}
.dplot3-actions{display:grid;grid-template-columns:repeat(3,1fr);gap:6px;padding:10px;border:1px solid var(--p3-line);border-radius:5px;background:#fff}.dplot3-actions button,.dplot3-actions a{min-height:38px;display:flex;align-items:center;justify-content:center;padding:0 9px;border:0;border-radius:4px;background:#11151a;color:#fff;font-size:9px;font-weight:850;text-align:center;text-decoration:none;cursor:pointer}.dplot3-actions button:first-child{background:var(--p3-yellow);color:#111}.dplot3-actions a{grid-column:1/-1;background:var(--p3-red)}
/* Mandatory bottom footer: text only, never render any graphical DCCC mark. */
.dplot3-footer{color:#fff;background:#101318}.dplot3-footer *{background-image:none!important}.dplot3-footer img,.dplot3-footer video,.dplot3-footer svg{display:none!important}.dplot3-footer-grid{width:min(var(--p3-max),calc(100% - 40px));margin:auto;display:grid;grid-template-columns:1.35fr 1fr 1fr .75fr 1fr;gap:28px;align-items:start;padding:28px 0}.dplot3-footer-brand>strong{display:block;max-width:350px;font-size:17px;line-height:1.14;letter-spacing:.02em}.dplot3-footer-brand p{max-width:280px;margin:11px 0 0;color:rgba(255,255,255,.68);font-size:10px;line-height:1.4}.dplot3-footer-grid section>b{font-size:11px}.dplot3-footer-grid nav{display:grid;gap:6px;margin-top:9px}.dplot3-footer-grid a{color:rgba(255,255,255,.75);font-size:9px;text-decoration:none}.dplot3-footer-grid a:hover{color:#fff;text-decoration:underline}.dplot3-tag{align-self:center;font-size:11px;line-height:1.35;letter-spacing:.08em}.dplot3-tag strong{font-size:12px}.dplot3-tag::after{content:"";display:block;width:43px;height:3px;margin-top:8px;background:var(--p3-red)}.dplot3-footer-bottom{min-height:40px;padding:10px max(20px,calc((100% - var(--p3-max))/2));display:flex;align-items:center;justify-content:space-between;gap:16px;border-top:1px solid rgba(255,255,255,.1);background:#0a0d11;color:rgba(255,255,255,.57);font-size:8.5px}.dplot3-footer-bottom nav{display:flex;flex-wrap:wrap;gap:15px}.dplot3-footer-bottom a{color:rgba(255,255,255,.7);text-decoration:none}
@media(max-width:1200px){.dplot3-work-grid{grid-template-columns:minmax(0,1.45fr) minmax(230px,.72fr)}.dplot3-right{grid-column:1/-1;grid-template-columns:repeat(2,minmax(0,1fr))}.dplot3-location-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.dplot3-result-grid{grid-template-columns:repeat(4,minmax(0,1fr))}.dplot3-footer-grid{grid-template-columns:1.3fr 1fr 1fr 1fr}.dplot3-footer-grid>section:nth-child(4){display:none}}
@media(max-width:900px){body.dccc-plot-v3 .site-brand{min-width:104px}body.dccc-plot-v3 .site-brand .site-logo{width:76px;height:39px}body.dccc-plot-v3 .site-brand .brand-copy{width:112px}body.dccc-plot-v3 .site-brand .brand-copy small{max-width:112px;font-size:6.2px}.dplot3-hero{height:360px;min-height:360px}.dplot3-hero-copy{width:calc(100% - 52px)}.dplot3-hero-panel{display:none}.dplot3-work-grid{grid-template-columns:1fr}.dplot3-left,.dplot3-middle{grid-column:1}.dplot3-right{grid-column:1;grid-template-columns:repeat(2,minmax(0,1fr))}.dplot3-middle{grid-template-columns:1fr 1fr}.dplot3-actions{align-self:start}.dplot3-footer-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.dplot3-footer-grid>section:nth-child(4){display:block}}
@media(max-width:640px){body.dccc-plot-v3 .site-brand{min-width:88px}body.dccc-plot-v3 .site-brand .site-logo{width:66px;height:34px}body.dccc-plot-v3 .site-brand .brand-copy{display:block!important;width:96px}body.dccc-plot-v3 .site-brand .brand-copy small{display:block!important;max-width:96px;font-size:5.5px;line-height:1.04}.dplot3-hero{height:500px;min-height:500px}.dplot3-hero-shade{background:linear-gradient(0deg,rgba(3,6,10,.94) 8%,rgba(3,6,10,.78) 68%,rgba(3,6,10,.48))}.dplot3-hero-copy{width:calc(100% - 28px);justify-content:flex-end;padding:35px 0 44px}.dplot3-hero-copy h1{font-size:clamp(36px,11vw,50px)}.dplot3-hero-copy h2{font-size:17px}.dplot3-hero-copy>p:last-child{font-size:11px}.dplot3-hero .dplot-arrow{display:none}.dplot3-workspace{width:calc(100% - 20px);margin-top:10px}.dplot3-location-grid{grid-template-columns:1fr}.dplot3-work-grid{display:block}.dplot3-left,.dplot3-middle,.dplot3-right{display:grid;margin-top:10px}.dplot3-middle{grid-template-columns:1fr}.dplot3-right{grid-template-columns:1fr}.dplot3-standard-grid{grid-template-columns:1fr}.dplot3-standard-card{min-height:100px}.dplot3-input-grid{grid-template-columns:1fr}.dplot3-result-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.dplot3-result-grid strong{font-size:14px}.dplot3-actions{grid-template-columns:1fr}.dplot3-actions a{grid-column:auto}.dplot3-table-wrap{overflow-x:auto}.dplot3-side-card table{min-width:330px}.dplot3-footer-grid{width:calc(100% - 28px);grid-template-columns:1fr;gap:22px}.dplot3-footer-grid>section:nth-child(4){display:block}.dplot3-footer-brand>strong{font-size:16px}.dplot3-footer-bottom{padding:12px 14px;flex-direction:column;align-items:flex-start}.dplot3-footer-bottom nav{gap:10px 14px}}
@media print{body.dccc-plot-v3 .site-header,body.dccc-plot-v3 .mobile-menu,body.dccc-plot-v3 .dplot3-hero,body.dccc-plot-v3 .dplot3-location,body.dccc-plot-v3 .dplot3-standards,body.dccc-plot-v3 .dplot3-modes,body.dccc-plot-v3 .dplot3-input,body.dccc-plot-v3 .dplot3-actions,body.dccc-plot-v3 .dplot3-footer{display:none!important}body.dccc-plot-v3 .dplot3-workspace{width:100%;margin:0}body.dccc-plot-v3 .dplot3-work-grid{display:block}body.dccc-plot-v3 .dplot3-results,body.dccc-plot-v3 .dplot3-right{display:block!important;break-inside:avoid}body.dccc-plot-v3 .dplot3-side-card{margin-top:10px;box-shadow:none}.dplot3-result-grid{grid-template-columns:repeat(4,1fr)}}
@media(prefers-reduced-motion:reduce){.dplot3-hero-carousel .dplot-slide,.dplot3-standard-card{transition:none!important}}