/* DRYVE Tools Hub V2 — original page and component styling. */
.tools-back{display:inline-flex;margin-top:20px;padding:12px 16px;border-radius:6px;text-decoration:none;color:#bfffea;border:1px solid #659d87;font-size:11px;font-weight:900;letter-spacing:.09em}
.tools-back:hover,.tools-back:focus-visible{background:#234c3d;outline:2px solid #bdfce6;outline-offset:2px}
.tools-hub{padding:46px 0 5px;border-bottom:1px solid #34574c}
.tools-hub-heading{display:flex;align-items:end;justify-content:space-between;gap:18px;margin-bottom:22px}
.tools-hub-heading h2{font-size:clamp(31px,3.5vw,50px);margin:8px 0;letter-spacing:-.045em}
.tools-hub-heading p{font-size:14px;color:#c6dfd4;max-width:470px;line-height:1.7}
.tools-hub-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:13px;margin:0 0 30px}
.tools-hub-card{border:1px solid #478573;border-radius:12px;background:radial-gradient(ellipse at 90% 10%,rgba(75,175,144,.15),transparent 60%),linear-gradient(155deg,#173932,#0c2423);padding:25px;display:flex;flex-direction:column;min-height:235px;text-decoration:none;color:#f5fff9;transition:border-color .2s,transform .2s}
.tools-hub-card:hover,.tools-hub-card:focus-visible{border-color:#b0ffe5;transform:translateY(-2px);outline-offset:3px}
.tools-hub-card small{font-size:10px;color:#a1f6dd;font-weight:900;letter-spacing:.09em}
.tools-hub-card h3{font-size:clamp(21px,2vw,28px);letter-spacing:-.03em;margin:13px 0 10px}
.tools-hub-card p{font-size:13px;color:#c6e2d7;line-height:1.65;margin:0 0 20px}
.tools-hub-card strong{font-size:11px;color:#9cf9e1;margin-top:auto;letter-spacing:.07em}
.tools-hub-subheading{margin:0 0 16px;font-size:12px;letter-spacing:.13em;color:#a1f6dd}
.volume-columns,.compare-pickers,.compare-results{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}
.volume-panel-heading h3{font-size:25px;letter-spacing:-.04em;margin:0}.volume-panel-heading p{font-size:13px;color:#c4dfd4;margin:7px 0 16px}
.volume-rows{display:grid;gap:10px}.volume-row{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr) 35px;gap:8px;align-items:end;border-bottom:1px solid #345b50;padding-bottom:12px}
.volume-field{display:grid;gap:6px;min-width:0}.volume-field span{font-size:10px;font-weight:900;letter-spacing:.05em;color:#b3ddcd}
.volume-field input,.compare-search,.compare-pickers select{width:100%;min-width:0;background:#0e2421;border:1px solid #5b9684;border-radius:6px;color:#edfff5;padding:11px;font:inherit;min-height:44px}
.volume-field input:focus-visible,.compare-search:focus-visible,.compare-pickers select:focus-visible{outline:2px solid #aeffe5;outline-offset:2px}
.volume-remove{background:#203e38;border:1px solid #48766a;border-radius:5px;min-height:43px;color:#f0fff7;font-size:19px;font-weight:700}
.volume-remove:hover,.volume-remove:focus-visible{border-color:#aefee5;background:#375d51}
.volume-add{display:inline-block;margin-top:18px;border:1px solid #9cddc8;background:#174337;color:#eafff6;border-radius:6px;padding:12px 15px;font-size:11px;letter-spacing:.07em;font-weight:900}
.volume-add:hover,.volume-add:focus-visible{background:#22604b}
.volume-summary{margin-top:17px;gap:16px}
.volume-metrics{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:15px}
.volume-metrics>div{display:flex;flex-direction:column;gap:7px}
.volume-metrics span{font-size:10px;font-weight:900;letter-spacing:.08em;color:#aadcca}
.volume-metrics strong{font-size:clamp(17px,2.3vw,31px);letter-spacing:-.045em;overflow-wrap:anywhere}
.volume-bars{display:grid;gap:14px;margin:12px 0}
.volume-bar-line{display:grid;grid-template-columns:100px 1fr;gap:13px;align-items:center;font-size:11px;font-weight:850;color:#d1e8dd}
.volume-track{height:23px;background:#0c2623;border-radius:6px;overflow:hidden;border:1px solid #36695b}
.volume-bar{height:100%;background:linear-gradient(90deg,#417d68,#81cdb0);border-radius:5px;transition:width .15s}
.volume-bar-new{background:linear-gradient(90deg,#4fb08c,#b0ffe1)}
.compare-pickers{margin-bottom:18px}.compare-pickers .tools-panel{padding:23px}
.compare-pickers .tools-label{margin:0 0 12px}.compare-search{margin-bottom:12px}.compare-pickers select{max-width:100%;white-space:normal}
.compare-results{margin:18px 0}.compare-card{border:1px solid #417b69;border-radius:12px;overflow:hidden;padding:22px;min-width:0;background:linear-gradient(150deg,#18372f,#0e2222)}
.compare-artwork{display:flex;align-items:center;justify-content:center;min-height:270px;max-height:310px;background:radial-gradient(ellipse,#285347,#0a201d 75%);border-radius:9px;margin-bottom:20px;overflow:hidden}
.compare-artwork img{display:block;max-height:305px;max-width:100%;width:auto;object-fit:contain;filter:drop-shadow(0 12px 18px rgba(0,0,0,.3))}
.compare-image-fallback{color:#c8dcd5;font-size:13px;text-align:center;padding:30px}
.compare-card h3{font-size:clamp(23px,2.5vw,35px);line-height:1.08;letter-spacing:-.04em;margin:0 0 17px}
.compare-tags{display:flex;flex-wrap:wrap;gap:7px;margin-bottom:15px}.compare-chip{border:1px solid #639e8b;background:#1c4738;border-radius:99px;font-size:10px;padding:7px 10px;color:#dbf6e8;font-weight:800}
.compare-line{display:grid;grid-template-columns:minmax(105px,.4fr) 1fr;gap:12px;border-top:1px solid #3d6256;padding:14px 0;align-items:start}
.compare-line strong{font-size:10px;letter-spacing:.05em;color:#95efd1}.compare-line span{font-size:13px;line-height:1.6;color:#e0f3e9}
.compare-technique{margin:18px 0;color:#d1e7db;font-size:13px;line-height:1.75}
.compare-details-link{display:inline-flex;color:#afffe8;margin-top:14px;border-bottom:1px solid #88c8b0;text-decoration:none;font-size:11px;font-weight:900;letter-spacing:.05em}
.compare-placeholder{padding:20px;border:1px dashed #477f70;border-radius:10px;color:#cde5d8;grid-column:1/-1}
.compare-disclaimer{border-left:3px solid #82d6ba;background:#112e27;padding:19px 22px;margin:22px 0}
.compare-disclaimer p{color:#d0e5da;font-size:13px;line-height:1.8}.compare-disclaimer a{font-size:12px;color:#a9ffe1;font-weight:900}
@media(max-width:900px){.tools-hub-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.volume-metrics{gap:8px}.volume-columns{gap:10px}}
@media(max-width:690px){.tools-hub-grid,.volume-columns,.compare-pickers,.compare-results{grid-template-columns:1fr}.tools-hub-heading{display:block}.tools-hub-card{min-height:195px}.compare-artwork{min-height:220px}.volume-metrics{grid-template-columns:1fr 1fr}.volume-bar-line{grid-template-columns:85px 1fr}}
@media(max-width:380px){.volume-row{grid-template-columns:minmax(0,1fr) minmax(0,1fr) 32px;gap:5px}.volume-field input{padding:9px 7px}.compare-card{padding:15px}.compare-line{grid-template-columns:1fr;gap:5px}.tools-hub-card{padding:20px}}
@media(prefers-reduced-motion:reduce){.tools-hub-card,.volume-bar{transition:none}}