.vv-dutch-bucket-detail{--green:#17633f;--green2:#2f8a65;--blue:#2384a3;--aqua:#4cb4cb;--ink:#10251c;--muted:#5e7068;--line:#c9dfd5;--wash:#f2f8f5;--sand:#f3a83b}.vv-dutch-bucket-detail *{box-sizing:border-box}.vv-dutch-bucket-detail{scroll-behavior:smooth;background:#fff}.vv-dutch-bucket-detail{margin:0;color:var(--ink);background:#fff;font-family:Arial,Helvetica,sans-serif;font-size:17px;line-height:1.65}.vv-dutch-bucket-detail a{color:#006ea5;text-underline-offset:3px}.vv-dutch-bucket-detail .page-shell{padding:38px 24px 80px;background:linear-gradient(90deg,#fff 0,#f7fbf9 15%,#f7fbf9 85%,#fff 100%)}.vv-dutch-bucket-detail .detail-page{max-width:1200px;margin:auto}.vv-dutch-bucket-detail .hero{min-height:405px;padding:66px 72px;border-radius:26px;display:grid;grid-template-columns:1fr 190px;align-items:center;gap:48px;color:#fff;background:linear-gradient(110deg,#155b3c,#358e6c);box-shadow:0 24px 48px rgba(19,74,52,.14)}.vv-dutch-bucket-detail .hero h1{margin:12px 0 22px;color:#fff;font-size:clamp(48px,6vw,76px);line-height:1.02;letter-spacing:-.045em}.vv-dutch-bucket-detail .hero-lead{max-width:820px;margin:0;font-size:21px;line-height:1.6}.vv-dutch-bucket-detail .eyebrow{margin:0 0 8px;color:var(--blue);font-size:13px;font-weight:800;letter-spacing:.16em;text-transform:uppercase}.vv-dutch-bucket-detail .eyebrow.light{color:#fff}.vv-dutch-bucket-detail .hero-tags{display:flex;flex-wrap:wrap;gap:10px;margin-top:28px}.vv-dutch-bucket-detail .hero-tags span{border:1px solid rgba(255,255,255,.45);border-radius:999px;padding:7px 14px;font-size:13px}.vv-dutch-bucket-detail .hero-mark{width:180px;height:180px;border:1px solid rgba(255,255,255,.55);border-radius:50%;display:flex;flex-direction:column;align-items:center;justify-content:center}.vv-dutch-bucket-detail .hero-mark strong{font-size:43px;line-height:1}.vv-dutch-bucket-detail .hero-mark span{margin-top:18px;font-size:13px}.vv-dutch-bucket-detail .contents,.vv-dutch-bucket-detail .chapter{position:relative;margin-top:30px;padding:54px 64px;background:#fff;border:1px solid var(--line);border-radius:24px;overflow:hidden}.vv-dutch-bucket-detail .contents h2,.vv-dutch-bucket-detail .chapter h2{margin:0 0 22px;color:var(--green);font-size:36px;line-height:1.2;letter-spacing:-.025em}.vv-dutch-bucket-detail .contents ol{display:grid;grid-template-columns:1fr 1fr;gap:0 54px;margin:22px 0 0;padding:0;list-style:none}.vv-dutch-bucket-detail .contents li a{display:flex;align-items:center;gap:14px;padding:13px 0;border-bottom:1px solid #dbe8e2;text-decoration:none}.vv-dutch-bucket-detail .contents li span{width:32px;height:28px;display:grid;place-items:center;border-radius:50%;color:var(--green);background:#edf7f2;font-size:12px;font-weight:800}.vv-dutch-bucket-detail .chapter{min-height:260px}.vv-dutch-bucket-detail .chapter p{max-width:1030px}.vv-dutch-bucket-detail .chapter-number{position:absolute;right:34px;top:2px;color:#dcece5;font-size:66px;font-weight:800;line-height:1}.vv-dutch-bucket-detail .callout{margin-top:28px;padding:20px 25px;border-left:5px solid var(--green2);border-radius:12px;background:#eaf5ef}.vv-dutch-bucket-detail .callout.warning{border-color:var(--sand);background:#fff6e6}.vv-dutch-bucket-detail .diagram-card{margin:30px 0 0;padding:26px;border:1px solid var(--line);border-radius:20px;background:var(--wash);text-align:center}.vv-dutch-bucket-detail .system-diagram,.vv-dutch-bucket-detail .bucket-detail-diagram{display:block;width:min(900px,100%);height:auto;margin:auto}.vv-dutch-bucket-detail .detail-card{background:linear-gradient(180deg,#f8fcfa,#edf7f2)}.vv-dutch-bucket-detail .svg-title{fill:#17633f;font:700 22px Arial}.vv-dutch-bucket-detail .diagram-card figcaption{margin-top:14px;color:var(--muted);font-size:14px}.vv-dutch-bucket-detail .svg-label{fill:#10251c;font:700 17px Arial}.vv-dutch-bucket-detail .svg-small{fill:#435c50;font:14px Arial}.vv-dutch-bucket-detail .compare-grid,.vv-dutch-bucket-detail .fault-grid{display:grid;grid-template-columns:1fr 1fr;gap:18px;margin-top:26px}.vv-dutch-bucket-detail .compare-grid>div,.vv-dutch-bucket-detail .fault-grid>div{padding:24px;border:1px solid var(--line);border-radius:17px;background:var(--wash)}.vv-dutch-bucket-detail .compare-grid h3{margin:0 0 10px;color:var(--green)}.vv-dutch-bucket-detail .compare-grid ul{margin-bottom:0;padding-left:20px}.vv-dutch-bucket-detail .mode-panel{margin-top:28px;padding:24px;border:1px solid var(--line);border-radius:20px;background:var(--wash)}.vv-dutch-bucket-detail .mode-tabs{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}.vv-dutch-bucket-detail .mode-tabs button{min-height:52px;padding:9px 12px;border:1px solid var(--line);border-radius:13px;color:var(--ink);background:#fff;font-weight:700;cursor:pointer}.vv-dutch-bucket-detail .mode-tabs button[aria-selected=true]{color:#fff;border-color:var(--blue);background:var(--blue)}.vv-dutch-bucket-detail .mode-result{margin-top:18px;padding:28px;border-radius:16px;background:#fff}.vv-dutch-bucket-detail .mode-result h3{color:var(--green)}.vv-dutch-bucket-detail .mode-visual{display:flex;align-items:center;gap:18px;color:var(--blue);font-weight:800}.vv-dutch-bucket-detail .tank-icon,.vv-dutch-bucket-detail .bucket-icon{min-width:105px;padding:18px;border:3px solid var(--blue);border-radius:12px;text-align:center;background:#e4f3f6}.vv-dutch-bucket-detail .mode-drain .mode-visual span:last-child{color:#a45e05}.vv-dutch-bucket-detail .mode-flush .mode-visual span:last-child{color:#8b481e}.vv-dutch-bucket-detail .mode-note{color:var(--muted)}.vv-dutch-bucket-detail .check-list{display:grid;gap:9px;padding-left:22px}.vv-dutch-bucket-detail table{width:100%;margin-top:28px;border-collapse:separate;border-spacing:0;overflow:hidden;border:1px solid var(--line);border-radius:17px}.vv-dutch-bucket-detail th,.vv-dutch-bucket-detail td{padding:16px;border-bottom:1px solid var(--line);text-align:left;vertical-align:top}.vv-dutch-bucket-detail thead th{color:#fff;background:var(--green)}.vv-dutch-bucket-detail tbody th{width:23%}.vv-dutch-bucket-detail tr:last-child th,.vv-dutch-bucket-detail tr:last-child td{border-bottom:0}.vv-dutch-bucket-detail .formula{margin-top:28px;padding:24px;display:grid;grid-template-columns:180px 1fr;align-items:center;border:1px solid #9bcdbb;border-radius:17px;background:#f0faf6}.vv-dutch-bucket-detail .formula strong{color:var(--green);font-size:26px}.vv-dutch-bucket-detail .formula small{grid-column:2;color:var(--muted)}.vv-dutch-bucket-detail .steps{display:grid;grid-template-columns:repeat(3,1fr);gap:13px;margin-top:26px}.vv-dutch-bucket-detail .steps div{display:flex;gap:13px;align-items:center;padding:20px;border-radius:14px;background:var(--wash)}.vv-dutch-bucket-detail .steps b{width:34px;height:34px;display:grid;place-items:center;border-radius:50%;color:#fff;background:var(--blue)}.vv-dutch-bucket-detail blockquote{margin:26px 0 0;padding:22px 26px;border-left:5px solid var(--blue);background:#edf7fa;font-weight:700}.vv-dutch-bucket-detail .metric-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;margin-top:28px}.vv-dutch-bucket-detail .metric-grid div{padding:22px 14px;border:1px solid var(--line);border-radius:14px;text-align:center;background:var(--wash)}.vv-dutch-bucket-detail .metric-grid strong,.vv-dutch-bucket-detail .metric-grid span{display:block}.vv-dutch-bucket-detail .metric-grid strong{color:var(--green);font-size:25px}.vv-dutch-bucket-detail .fault-grid div{display:flex;flex-direction:column}.vv-dutch-bucket-detail .fault-grid strong{color:var(--green)}.vv-dutch-bucket-detail .fault-grid span{color:var(--muted)}.vv-dutch-bucket-detail .sources ol{padding-left:28px}.vv-dutch-bucket-detail .sources li{margin:0 0 17px}
@media(max-width:800px){.vv-dutch-bucket-detail .page-shell{padding:16px 10px 50px}.vv-dutch-bucket-detail .hero{padding:42px 28px;grid-template-columns:1fr}.vv-dutch-bucket-detail .hero-mark{display:none}.vv-dutch-bucket-detail .contents,.vv-dutch-bucket-detail .chapter{padding:38px 28px}.vv-dutch-bucket-detail .contents ol,.vv-dutch-bucket-detail .compare-grid,.vv-dutch-bucket-detail .fault-grid{grid-template-columns:1fr}.vv-dutch-bucket-detail .mode-tabs,.vv-dutch-bucket-detail .steps,.vv-dutch-bucket-detail .metric-grid{grid-template-columns:1fr}.vv-dutch-bucket-detail .formula{grid-template-columns:1fr}.vv-dutch-bucket-detail .formula small{grid-column:1}.vv-dutch-bucket-detail .chapter-number{font-size:50px}.vv-dutch-bucket-detail .system-diagram{min-width:0}.vv-dutch-bucket-detail table{font-size:14px}.vv-dutch-bucket-detail th,.vv-dutch-bucket-detail td{padding:10px}.vv-dutch-bucket-detail .mode-visual{flex-wrap:wrap}.vv-dutch-bucket-detail .hero h1{font-size:48px}}
@media print{.vv-dutch-bucket-detail .page-shell{padding:0;background:#fff}.vv-dutch-bucket-detail .hero,.vv-dutch-bucket-detail .contents,.vv-dutch-bucket-detail .chapter{box-shadow:none;break-inside:avoid}.vv-dutch-bucket-detail .mode-tabs{display:none}}