.cf-depth-ripple{margin:1rem 0;border:1px solid #b8c4cf;border-radius:12px;background:#fff;color:#182d3d;text-align:left}
.cf-depth-ripple>summary{min-height:48px;padding:12px 16px;cursor:pointer;font-weight:700;box-sizing:border-box}
.cf-depth-ripple-body{padding:0 16px 16px;font-size:.9rem;line-height:1.5}
.cf-depth-ripple p{margin:.75rem 0}
.cf-depth-ripple-controls{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}
.cf-depth-ripple label{display:grid;gap:4px;font-weight:600}
.cf-depth-ripple select,.cf-depth-ripple button{min-height:48px;width:100%;box-sizing:border-box;border:1px solid #91a1b0;border-radius:8px;background:#fff;color:#182d3d;padding:8px;font:inherit}
.cf-depth-ripple button{font-weight:700;cursor:pointer;background:#f2f6f8}
.cf-depth-ripple :disabled{opacity:.55;cursor:default}
.cf-depth-ripple :focus-visible{outline:3px solid #174b77;outline-offset:3px}
.cf-depth-ripple-note{color:#455767}
.cf-depth-ripple output{display:block;min-height:1.5em}
@media(max-width:420px){.cf-depth-ripple-controls{grid-template-columns:1fr}.cf-depth-ripple-body{padding:0 12px 12px}}