main{max-width:900px}header{display:flex;justify-content:space-between;gap:16px;align-items:center;flex-wrap:wrap}header>a:last-child{font-size:15px}section{margin:28px 0}h2{margin-top:0}h3{font:24px/1.3 Georgia,serif;margin:32px 0 16px}form{max-width:560px}select{display:block;font:inherit;width:100%;padding:12px;border:1px solid var(--line);border-radius:5px;background:white;color:var(--ink);margin:8px 0 24px}button{margin:0 8px 8px 0}.secondary{background:transparent;color:var(--accent);border:1px solid var(--accent)}.secondary:hover{background:#e5eee5}ul{list-style:none;padding:0;margin:16px 0}li{padding:16px 0;border-bottom:1px solid #ccd3c9;display:flex;gap:16px;align-items:center;justify-content:space-between}li>span{overflow-wrap:anywhere}li button{flex-shrink:0;margin:0}#detail-title,#public-link{overflow-wrap:anywhere}#detail-title{margin-top:24px}#learner{border-top:1px solid #ccd3c9;margin-top:24px}#status{margin-top:24px}#publication,#learner-state{margin-bottom:12px}@media(max-width:540px){li{align-items:flex-start;flex-direction:column}section{padding:20px}h1{font-size:32px}}

#background-preview{display:block;width:100%;max-height:220px;object-fit:cover;margin:16px 0;border-radius:6px}input[type=file]{font-size:15px;overflow:hidden}input::file-selector-button{font:inherit;border:1px solid var(--accent);border-radius:4px;background:var(--paper);color:var(--accent);padding:8px;margin-right:10px;cursor:pointer}

#writing-panel{margin-bottom:24px}
.story-sharing-panel p{max-width:70ch;overflow-wrap:anywhere}.story-sharing-panel [data-heading],.story-sharing-panel button{overflow-wrap:anywhere;max-width:100%}.story-sharing-panel [data-detail]{border-top:1px solid var(--line);margin-top:24px;padding-top:16px}

:is(#supervised-panel,.supervised-viewer){margin-top:32px;border-top:1px solid #ccd3c9;padding-top:24px}:is(#supervised-panel,.supervised-viewer) h4{font:26px/1.3 Georgia,serif;margin:0 0 16px}:is(#supervised-panel,.supervised-viewer) h5{font:22px/1.3 Georgia,serif;margin:24px 0 12px}:is(#supervised-panel,.supervised-viewer) h6{font:650 18px/1.4 system-ui,sans-serif;margin:16px 0}:is(#supervised-panel,.supervised-viewer) pre{font:inherit;white-space:pre-wrap;overflow-wrap:anywhere;max-width:68ch}:is(#supervised-panel,.supervised-viewer) li button{max-width:100%;text-align:left;overflow-wrap:anywhere}:is(#supervised-panel,.supervised-viewer) [aria-pressed=true]{background:#d7e4d8}.supervised-actions{display:flex;flex-wrap:wrap;gap:8px}.supervised-actions button{margin:0 0 8px}#supervised-story-title,#supervised-version-title{overflow-wrap:anywhere}

/* Membership rows contain explanatory text and multiple actions, unlike the compact group picker. */
#adult-membership-inbox li,#adult-membership-sender li{display:block}
#adult-membership-inbox li button,#adult-membership-sender li button{margin:8px 12px 8px 0}

/* Read-only co-parent controls reuse the existing group palette and viewer. */
.co-parent-permission{margin:24px 0}.co-parent-permission p{max-width:70ch;overflow-wrap:anywhere}.co-parent-permission [data-members] li{display:block}.co-parent-permission button{max-width:100%;white-space:normal;overflow-wrap:anywhere}.co-parent-permission [data-detail]{margin-top:24px;padding-top:16px;border-top:1px solid var(--line)}.co-parent-permission h4,.co-parent-permission h5,.supervised-viewer h4,.supervised-viewer h5,.supervised-viewer h6{overflow-wrap:anywhere}
#co-parent-supervision [data-review-list] > li{display:block}