:root{color-scheme:dark}*{box-sizing:border-box}body{margin:0;background:#101b16;color:#eaf2ec;font:16px/1.55 system-ui,sans-serif}.family-shell{max-width:900px;margin:auto;padding:24px}nav{display:flex;gap:20px;flex-wrap:wrap}a{color:#b4dfc4}h1{font-size:clamp(28px,5vw,42px);line-height:1.15;margin-top:32px}h2{font-size:24px;margin:0 0 12px}h3{margin-top:30px}.intro,section>p{color:#bdd0c2}section{background:#18281f;border:1px solid #385043;border-radius:18px;padding:24px;margin:24px 0;scroll-margin-top:20px}form{display:grid;gap:16px;margin:18px 0}label{display:grid;gap:6px}input,select,button{font:inherit;min-height:44px;border-radius:8px;border:1px solid #647e6d;padding:10px 12px}input,select{width:100%;background:#0e1913;color:#f2f8f3}button{cursor:pointer;background:#c1e4c8;color:#102318;font-weight:650}button:disabled{opacity:.5;cursor:default}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible{outline:3px solid #efc36c;outline-offset:3px}.check{display:flex;align-items:start;gap:10px}.check input{width:20px;min-height:24px;margin-top:2px}fieldset{border:1px solid #526d5b;border-radius:10px}fieldset p{margin:0 0 10px;font-size:14px}.rows>div,ol>li{padding:14px 0;border-bottom:1px solid #385043;overflow-wrap:anywhere}.row-actions{display:flex;gap:8px;flex-wrap:wrap;margin-top:8px}.row-actions button{font-size:14px}#status:not(:empty){padding:12px;border-left:3px solid #efc36c}.section-nav{margin-top:24px}details{padding:12px;border:1px solid #526d5b;border-radius:8px}summary{cursor:pointer;min-height:32px}small{color:#bdd0c2}[hidden]{display:none!important}@media(max-width:500px){.family-shell{padding:16px}section{padding:18px}nav{gap:12px}.row-actions button{flex:1}h2{font-size:22px}}

.rows>div{display:flex;align-items:center;gap:12px;flex-wrap:wrap}.rows>div>span{flex:1;min-width:180px}

/* Long child labels must wrap without widening the shelf's grid controls. */
#shelves,#shelf-preview{overflow-wrap:anywhere}
#shelf-form>*,#shelf-form fieldset,#shelves input,#shelves select,#shelf-preview select{min-width:0}
#shelf-kids .check input{flex-shrink:0}
#shelf-discard-dialog{width:calc(100% - 40px);max-width:360px;max-height:calc(100dvh - 40px);overflow:auto;border:1px solid #526d5b;border-radius:18px;padding:24px;background:#15231d;color:#eaf2ec}
#shelf-discard-dialog form{margin:0;min-width:0}
#shelf-discard-dialog h2,#shelf-discard-dialog p{margin:0;overflow-wrap:anywhere}
#shelf-discard-dialog::backdrop{background:rgb(0 0 0 / .6)}

/* Section tabs (shared/ui/section-tabs.css) in this page's colors. */
.section-nav.yz-tabs{--yz-tab-fg:#eaf2ec;--yz-tab-bg:#15231d;--yz-tab-line:#526d5b;--yz-tab-accent:#b4dfc4;--yz-tab-on-accent:#101b16;--yz-tab-focus:#efc36c}