.interest-depth{margin:24px 0;padding:20px;border:1px solid #b9ccc1;border-radius:16px;background:#f0f4ed;color:#19383c}
.interest-depth h3{font-size:19px;margin:0 0 8px}.interest-depth h3 small{margin-left:12px;font:11px sans-serif;color:#526964}
.depth-intro,.depth-hint,.depth-status,.interest-depth [data-empty]{font-size:12px;line-height:1.8;color:#526964;margin:8px 0 16px}
.depth-selects{display:grid;grid-template-columns:1fr 1fr;gap:12px}.interest-depth label{font-size:12px;display:block;line-height:1.5}
.interest-depth input,.interest-depth select{width:100%;min-width:0;margin-top:7px;padding:10px 12px;font:inherit;background:white;border:1px solid #bac9c1;border-radius:9px;min-height:44px;color:#19383c}
.interest-depth [data-custom-topic-wrap]{margin:12px 0}.interest-depth .depth-options{border:0;margin:18px 0 12px;padding:0;min-width:0}
.depth-options legend{font-size:12px;font-weight:600;margin-bottom:8px}.depth-options [data-choices]{display:flex;flex-wrap:wrap;gap:7px}
.interest-depth .depth-choice{position:relative;display:inline-flex}.interest-depth .depth-choice input{position:absolute;opacity:0;width:1px;min-height:0;inset:0;margin:0;padding:0}
.depth-choice span{padding:9px 12px;min-height:40px;display:inline-flex;align-items:center;border-radius:22px;border:1px solid #bbc9c0;background:white;cursor:pointer;overflow-wrap:anywhere}
.depth-choice input:checked+span{background:#19383c;border-color:#19383c;color:white}.depth-choice input:focus-visible+span{outline:3px solid #a38b4d;outline-offset:2px}
.depth-custom{display:flex;align-items:end;gap:8px}.depth-custom label{flex:1;min-width:0}.depth-custom button{min-height:44px;padding:8px 16px;border:1px solid #19383c;background:#19383c;color:white;border-radius:9px;cursor:pointer}
.depth-selected{display:flex;gap:7px;flex-wrap:wrap}.depth-selected button{display:inline-flex;align-items:center;gap:10px;max-width:100%;min-height:40px;text-align:left;padding:8px 10px;background:#fffefa;border:1px solid #b6c7bb;border-radius:9px;font-size:11px;color:#19383c;cursor:pointer}
.depth-selected span{overflow-wrap:anywhere}.depth-selected b{font-size:18px;font-weight:400;flex:none}.interest-depth button:focus-visible,.interest-depth select:focus-visible,.interest-depth input:focus-visible{outline:3px solid #a38b4d;outline-offset:2px}
.interest-depth [hidden]{display:none!important}
@media(max-width:600px){.interest-depth{padding:15px}.depth-selects{grid-template-columns:1fr}.interest-depth input,.interest-depth select{font-size:16px}.depth-choice span,.depth-selected button{min-height:44px}}