.tjdDrainageHero{display:grid;grid-template-columns:minmax(0,1.35fr) minmax(260px,.65fr);gap:24px;align-items:start}.tjdDrainageQuick,.tjdDrainageBox,.tjdDrainageChecker{border:1px solid #dfe5e2;border-radius:20px;background:#fff;padding:22px}.tjdDrainageQuick ol{padding-left:22px}.tjdDrainageTable{overflow-x:auto}.tjdDrainageTable table{width:100%;border-collapse:collapse;min-width:680px}.tjdDrainageTable th,.tjdDrainageTable td{padding:12px;border-bottom:1px solid #e7ecea;text-align:left;vertical-align:top}.tjdDrainageChecker form{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}.tjdDrainageChecker label{display:grid;gap:6px;font-weight:700}.tjdDrainageChecker select,.tjdDrainageChecker input{width:100%;padding:11px 12px;border:1px solid #cbd5d0;border-radius:10px;background:#fff}.tjdDrainageChecker button{grid-column:1/-1;padding:13px 18px;border:0;border-radius:12px;font-weight:800;cursor:pointer}.tjdDrainageResult{margin-top:16px}.tjdDrainageResult__head{display:flex;justify-content:space-between;gap:12px;flex-wrap:wrap;padding:14px;border-radius:12px;background:#f3f6f5}.tjdDrainageResult li{margin:.55rem 0}.tjdDrainageResult .is-high{font-weight:700}.tjdDrainageResult__note{font-size:.92rem}.tjdDrainageCallout{border-left:4px solid currentColor;padding:14px 16px;background:#f7f9f8;border-radius:10px}.tjdDrainageSources li{margin:.55rem 0}@media(max-width:820px){.tjdDrainageHero{grid-template-columns:1fr}.tjdDrainageChecker form{grid-template-columns:1fr}.tjdDrainageChecker button{grid-column:auto}}@media(max-width:480px){.tjdDrainageQuick,.tjdDrainageBox,.tjdDrainageChecker{padding:16px;border-radius:14px}.tjdDrainageTable{margin-inline:-4px}}