/* Small entry points use the same hierarchy as the community composer. */
.group-compose-option{margin:18px 0 14px;padding:16px 18px;border:1px solid #e2e8f0;border-radius:16px;background:#f8fafc}
.group-compose-option[hidden],.group-compose-option [hidden]{display:none!important}
.group-compose-switch{display:flex!important;align-items:center;justify-content:space-between;gap:20px;margin:0!important;cursor:pointer}
.group-compose-switch span{display:grid;gap:3px}
.group-compose-switch strong{font-size:14px;font-weight:700;letter-spacing:-.2px;color:#172c46}
.group-compose-switch small{font-size:12px;line-height:1.5;color:#677689;font-weight:400}
.group-compose-switch input[type=checkbox]{appearance:none;flex:none;position:relative;width:40px!important;height:24px!important;margin:0!important;padding:0!important;border:0!important;border-radius:20px;background:#c4ceda;cursor:pointer;transition:background .15s}
.group-compose-switch input[type=checkbox]:before{content:'';position:absolute;top:3px;left:3px;width:18px;height:18px;border-radius:50%;background:#fff;box-shadow:0 1px 3px #172c4620;transition:transform .15s}
.group-compose-switch input[type=checkbox]:checked{background:#315fe7}
.group-compose-switch input[type=checkbox]:checked:before{transform:translateX(16px)}
.group-compose-switch input[type=checkbox]:focus-visible{outline:3px solid #a7bcff;outline-offset:3px}
.group-compose-switch input[type=checkbox]:disabled{opacity:.5;cursor:default}
.group-compose-option>p{margin:8px 0 0;font-size:12px;line-height:1.6;color:#677689}
.group-compose-settings{display:flex;align-items:center;gap:14px;margin-top:14px;padding-top:14px;border-top:1px solid #e2e8f0}
.group-compose-settings label{display:flex!important;align-items:center;gap:10px;margin:0!important;font-size:13px;white-space:nowrap}
.group-compose-settings input{width:74px!important;margin:0!important;padding:8px 10px!important;background:#fff}
.group-compose-settings>span{font-size:12px;color:#677689}
.group-compose-linked{display:flex;align-items:center;justify-content:space-between;gap:12px;font-size:14px}
.group-compose-linked button{border:0;border-radius:9px;padding:9px 12px;color:#315fe7;background:#edf2ff;font-weight:650;cursor:pointer}
.group-inbox-tabs{display:flex;gap:4px;padding:6px;background:#f1f4f8;border-radius:13px;margin:0 20px 14px}
.group-inbox-tabs>button{display:flex;align-items:center;justify-content:center;gap:7px;flex:1;border:0;border-radius:9px;padding:10px 12px;background:transparent;color:#677689;font-size:13px;font-weight:650;cursor:pointer}
.group-inbox-tabs>button[aria-current=page]{background:#fff;color:#203552;box-shadow:0 1px 4px #142c5010}
.group-inbox-tabs span{min-width:18px;line-height:18px;padding:0 4px;border-radius:10px;background:#315fe7;color:#fff;font-size:10px}
.group-inbox-tabs [hidden]{display:none!important}
.publication-group{padding:22px;margin:28px 0;border:1px solid #dbe5f4;border-radius:18px;background:#f7faff}
.publication-group h2{font-size:17px;margin:0 0 7px}
.publication-group p{font-size:13px;line-height:1.65;color:#596b83;margin:0 0 15px}
.publication-group a{display:inline-flex;align-items:center;min-height:42px;padding:0 16px;border-radius:10px;background:#315fe7;color:#fff;font-size:13px;font-weight:650;text-decoration:none}
.group-meetup-slot:empty{display:none}
.group-meetup-slot{margin-top:16px}
.meetup-recruitment-card{border-color:#dfe7e4}
.meetup-recruitment-card .badge+.badge{margin-left:6px}
.meetup-recruitment-card h3 a{color:inherit;text-decoration:none}
.meetup-recruitment-card h3 a:hover{text-decoration:underline}
.meetup-recruitment-card .meetup-actions a{display:inline-flex;align-items:center;min-height:42px;padding:0 14px;border:1px solid #dce3ec;border-radius:10px;color:#315fe7;text-decoration:none;font-size:13px;font-weight:650}
@media(max-width:600px){.group-compose-option{padding:14px}.group-inbox-tabs{margin-left:16px;margin-right:16px}.group-compose-settings{flex-wrap:wrap;gap:6px 12px}}
@media(prefers-reduced-motion:reduce){.group-compose-switch input,.group-compose-switch input:before{transition:none!important}}


.group-compose-settings select{font:inherit;max-width:100%;min-height:40px;border:1px solid #d9dce2;border-radius:9px;background:#fff;padding:8px}
.group-dating-options{margin-top:14px;padding-top:14px;border-top:1px solid #e2e8f0}
.group-dating-options p{margin:0 0 12px;font-size:13px;line-height:1.7;color:#677689}
.group-dating-options select{width:100%;min-height:44px;padding:10px;border:1px solid #d9dce2;border-radius:9px;font:inherit;background:#fff}
.group-dating-confirm{display:flex!important;align-items:center;gap:8px!important;font-size:13px!important;line-height:1.6}
.group-dating-confirm input{width:18px!important;height:18px!important;flex:none;margin:0!important}

/* Keep the topic, participation settings and writing task in one clear order. */
.compose-category-grid{display:grid;grid-template-columns:1fr 1fr;gap:14px;margin:0 0 8px}
#composeForm .compose-category-grid>label{margin:0;min-width:0}
#composeForm :is(.group-compose-switch,.group-dating-confirm,.dating-custom-size){flex-direction:row;text-align:left}
#composeForm .group-compose-settings label{flex-direction:row}
.compose-category-grid select{width:100%;min-width:0}
.compose-meetup-hint{margin:0 0 18px;font-size:12px;line-height:1.65;color:#687780}
.compose-meetup-hint[hidden]{display:none!important}
.group-compose-option.is-meetup{margin:0 0 24px;padding:20px;border-color:#dfe7e4;background:#f8faf9;border-radius:14px}
.group-compose-option.is-meetup .group-compose-switch strong{color:#243e39;font-size:14px}
.group-compose-option.is-meetup .group-compose-switch input:checked{background:#275f59}
.group-compose-option.is-meetup .group-compose-settings{border-color:#e2e8e5}
.group-dating-options{border-color:#e2e8e5;padding-top:18px;margin-top:17px}
.dating-size-field{margin:0 0 20px;padding:0;border:0;min-width:0}
.dating-size-field legend{padding:0;margin-bottom:11px;font-size:13px;font-weight:650;color:#273c38}
.dating-size-options{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px}
#composeForm .dating-size-options label{position:relative;margin:0;min-width:0;cursor:pointer}
.dating-size-options input[type=radio]{position:absolute;width:1px!important;height:1px!important;margin:0!important;opacity:0}
.dating-size-options label>span{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:5px;min-height:72px;padding:10px 5px;border:1px solid #dfe6e2;border-radius:10px;background:white;color:#4e5e58;transition:border-color .15s,background .15s}
.dating-size-options strong{font-size:17px;font-weight:650;line-height:1.2;letter-spacing:-.3px}
.dating-size-options label:last-child strong{font-size:12px;letter-spacing:0}
.dating-size-options small{font-size:10px;font-weight:400;color:#77817c;white-space:nowrap}
.dating-size-options input:checked+span{border-color:#39756b;background:#edf5f1;color:#214e46;box-shadow:inset 0 0 0 1px #39756b}
.dating-size-options input:focus-visible+span{outline:3px solid #a8ccc3;outline-offset:3px}
.dating-size-options input:disabled+span{opacity:.55;cursor:default}
#composeForm .dating-custom-size{display:flex;align-items:center;gap:10px;margin:12px 0 0;font-size:12px;font-weight:500}
.dating-custom-size input{width:70px!important;margin:0!important;min-height:42px;padding:8px 10px!important;background:white}
#composeForm .dating-host-role{font-size:13px;gap:8px;margin:0 0 12px}
.group-dating-options .group-dating-confirm{margin:12px 0 0!important;font-size:12px!important;font-weight:400;color:#4d5e57}
.group-dating-options .dating-compose-summary{margin:16px 0 0;padding-top:13px;border-top:1px solid #e1e8e4;font-size:12px;line-height:1.7;color:#48655b}
@media(max-width:600px){.group-compose-option.is-meetup{padding:16px}.compose-category-grid{gap:10px}.dating-size-options{gap:6px}.dating-size-options label>span{min-height:68px}#postDatingRole,#postGroupType{font-size:16px}}
@media(prefers-reduced-motion:reduce){.dating-size-options label>span{transition:none}}