/* One responsive outline, using the same borders and glass as other Fruits. */
.structure-tree, .structure-children { list-style:none; padding:0; margin:0; min-width:0; }
.structure-tree > li, .structure-children > li { position:relative; margin-block:10px; min-width:0; }
.structure-children { margin-left:clamp(8px,2vw,24px); padding-left:clamp(8px,2vw,24px); border-left:var(--etti-border-width,2px) solid var(--border); }
.structure-children > li::before { content:""; position:absolute; top:20px; right:100%; width:clamp(8px,2vw,24px); border-top:var(--etti-border-width,2px) solid var(--border); }
.structure-part { border:var(--etti-border-width,2px) solid var(--border); border-radius:var(--radius,16px); background:var(--etti-control-surface,var(--surface)); padding:8px 12px; min-width:0; overflow-wrap:anywhere; }
.structure-part > summary { cursor:pointer; font-weight:600; padding:4px 0; }
.structure-count { float:right; margin-left:8px; font-variant-numeric:tabular-nums; font-size:.8em; }
.structure-part > p { margin:8px 0; }
.structure-note { font-size:.8rem; }
.structure-records { padding-left:18px; }
.structure-records:empty, .structure-children:empty { display:none; }
.structure-records > li { margin-block:6px; overflow-wrap:anywhere; }
@media(max-width:480px) { .structure-part {padding:6px 8px;} }