.social-heading {margin-bottom:1.5rem}
.social-heading h1 {overflow-wrap:anywhere}
.social-profile-row {display:flex;flex-direction:column;gap:.65rem;padding:1rem 0;border-bottom:1px solid #dce6d5}
.social-profile-row:last-child {border-bottom:0}
.social-profile-row .button {width:100%}
.social-summary {display:flex;align-items:center;gap:1.2rem;background:#f1f6e8;margin-bottom:1.5rem}
.social-summary .badge {flex-shrink:0}
.social-participant h2 {font-size:1.45rem;margin:0;overflow-wrap:anywhere}
.social-participant-title {display:flex;align-items:flex-start;flex-wrap:wrap;justify-content:space-between;gap:.6rem}
.social-positive {border-radius:2rem;background:var(--sg-success-background);color:var(--sg-success);padding:.3rem .65rem;font-size:.8rem}
.social-score {font-size:1.3rem;margin:1rem 0;color:#3b6050}
.social-score strong {font-family:var(--heading-font,inherit);font-size:3rem;color:#17684c}
.social-score span {display:block;font-size:1rem}
.social-participant progress {width:100%;height:.7rem;border:0;border-radius:1rem;overflow:hidden;accent-color:#26734f}
.social-participant progress::-webkit-progress-bar {background:#deead7}
.social-participant progress::-webkit-progress-value {background:#26734f;border-radius:1rem}
.social-milestones {display:flex;flex-wrap:wrap;gap:.5rem}
.social-milestones span {padding:.3rem .6rem;border-radius:1rem;background:#fff1bd;font-weight:700}
.social-card-actions {margin-top:1rem}
.social-card-actions summary {font-size:.9rem}
.social-card-actions .stack {padding-top:1rem}
.social-qr {width:min(100%,280px);margin:auto;background:white;border-radius:1rem;padding:.4rem}
.social-qr svg {display:block;width:100%;height:auto}
.social-options {align-items:stretch}
.social-options .person-choice {padding:1rem .65rem;gap:.7rem}
.social-options .person-choice strong {font-size:clamp(1.05rem,4.5vw,1.55rem);line-height:1.15}
.social-options .person-choice>span:last-child {font-size:clamp(.85rem,3.4vw,1.05rem);line-height:1.45}
.social-art {display:block;position:relative;overflow:hidden;width:100%;aspect-ratio:1;border-radius:50% 50% 18% 18%;margin-top:.8rem}
.social-art img {position:absolute;display:block;width:115%;max-width:none;height:auto;left:-7.5%;top:-17%}
.social-choice-page .intent-options {margin:0}
.social-choice-page .card {margin-top:.5rem}
/* Keep the two personal figures legible; the group choice has its own full-width row.
   At enlarged text the same auto-fit grid becomes one column without clipping. */
.intent-options.with-challenge {grid-template-columns:repeat(auto-fit,minmax(min(100%,8rem),1fr))}
.profile-choice-page .with-challenge .person-choice {min-width:0}
.profile-choice-page .with-challenge .person-art {max-width:clamp(88px,12svh,112px)}

.profile-choice-page .with-challenge .challenge-choice {grid-column:1/-1;display:grid;grid-template-columns:60px minmax(0,1fr);gap:3px 12px;padding:10px 38px 10px 12px;text-align:left}
.with-challenge .challenge-choice .social-art {grid-row:1/3;margin:0;width:60px;aspect-ratio:1}
.profile-choice-page .with-challenge .challenge-choice strong {font-size:1.05rem}
.profile-choice-page .with-challenge .challenge-choice>span:last-child {max-width:none;font-size:.8rem}
.social-entry {display:flex;gap:1rem;align-items:center;text-decoration:none}
.social-entry h2 {font-size:1.3rem;margin:0 0 .4rem}
.social-entry p {margin:0}
@media(max-width:360px){.social-summary {align-items:flex-start;gap:.7rem}.social-summary h2 {font-size:1.3rem}}

/* Udfordringer · godkendt modulopbygning, september 2026. */
.social-module{--social-line:var(--line);--social-muted:var(--muted);--social-yellow:var(--sg-accent)}
.social-module.narrow,.social-module .narrow{max-width:700px}
.social-module h1,.social-module h2,.social-module h3,.social-module p,.social-module strong{overflow-wrap:anywhere}
.social-module textarea{width:100%;min-width:0;font:inherit;border:1px solid var(--sg-field-border);background:var(--sg-surface);color:var(--ink);border-radius:var(--sg-radius-control);padding:11px 14px;resize:vertical}
.social-module label.check{flex-wrap:nowrap}.social-module label.check>span{flex:1;min-width:0}
.social-module .card{background:rgb(255 255 255/.9);border-color:var(--social-line)}
.social-panel{background:rgb(255 255 255/.9);border:1px solid var(--social-line);border-radius:var(--sg-radius-card);padding:28px;box-shadow:0 9px 30px #153f3409;margin-bottom:22px;min-width:0}
.social-panel>*:last-child{margin-bottom:0}
.social-hero{display:flex;align-items:center;justify-content:space-between;gap:26px;margin-bottom:28px}.social-hero>div{min-width:0;max-width:650px}.social-hero>img{width:205px;height:auto;flex:0 0 205px;object-fit:contain}.social-hero p:last-child{margin-bottom:0;color:var(--social-muted);font-size:1.06rem}.social-hero .eyebrow{font-size:.78rem;letter-spacing:.13em}
.social-sunline{display:block;width:68px;height:5px;background:var(--social-yellow);border-radius:100%;transform:rotate(-2deg);margin:12px 0 16px}
.social-back{display:inline-flex;align-items:center;gap:7px;text-decoration:none;min-height:44px;margin-bottom:14px;font-size:.93rem}
.social-section-heading{display:flex;align-items:center;justify-content:space-between;gap:20px;margin-bottom:22px}.social-section-heading h2{margin:0}.social-section-heading p{margin:6px 0 0;color:var(--social-muted);font-size:.9rem}.social-section-heading .button{flex-shrink:0}
.social-attention{color:var(--sg-warning);background:var(--sg-warning-background);border:1px solid var(--sg-warning-border);border-radius:var(--sg-radius-message);padding:15px 19px;display:flex;align-items:center;gap:15px;margin-bottom:22px}.social-attention p{margin:2px 0 0;font-size:.9rem;color:var(--sg-warning)}.social-attention>div{min-width:0}.social-number{width:37px;height:37px;display:grid;place-items:center;border-radius:50%;background:var(--social-yellow);font-weight:850;flex-shrink:0}.social-attention>a{margin-left:auto;flex-shrink:0;font-size:.9rem;font-weight:750;min-height:44px;display:flex;align-items:center}
.social-challenge-grid{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:20px}.social-challenge-card{display:flex;flex-direction:column;border:1px solid #bad6c8;border-radius:var(--sg-radius-card);overflow:hidden;min-width:0;background:#fff;color:var(--ink);text-decoration:none;transition:transform .15s,box-shadow .15s}.social-challenge-card:hover{transform:translateY(-2px);box-shadow:0 10px 24px #103e3516}.social-challenge-cover{background:#ddf0e3;display:flex;justify-content:space-between;align-items:center;gap:12px;min-height:138px;padding:22px;position:relative;overflow:hidden}.social-challenge-cover>div{min-width:0}.social-challenge-cover.blue{background:#def0f8}.social-challenge-cover h3{font-size:1.55rem;margin:7px 0 0}.social-challenge-cover img{width:105px;height:auto;flex-shrink:0;align-self:end;margin-bottom:-22px}.social-challenge-cover .social-label{background:#ffffffba;color:#215240}.social-challenge-body{padding:18px 22px;display:grid;gap:12px}.social-challenge-body p{margin:0;font-size:.91rem;color:var(--social-muted)}.social-open-row{display:flex;align-items:center;justify-content:space-between;gap:12px;padding-top:12px;border-top:1px solid var(--social-line);color:var(--green);font-weight:750}
.social-label{display:inline-flex;align-items:center;gap:5px;border-radius:30px;padding:4px 10px;font-size:.74rem;font-weight:750;color:var(--sg-success);background:var(--sg-success-background);line-height:1.3}.social-label.blue{color:var(--sg-info);background:var(--sg-info-background)}.social-avatar{width:46px;height:46px;border-radius:50%;display:grid;place-items:center;background:#e4edce;color:#30533b;font-size:.83rem;font-weight:850;flex-shrink:0}.social-avatar.blue{background:#ddecf8;color:#2c566b}
.social-soft-row{display:flex;justify-content:space-between;gap:16px;align-items:center;margin:24px 1px 0;padding-top:18px;border-top:1px solid var(--social-line);font-size:.91rem}.social-soft-row a{min-height:44px;display:inline-flex;align-items:center;font-weight:650}
.social-tabs{display:flex;flex-wrap:wrap;gap:6px;border-bottom:1px solid #cedfd5;margin:0 0 25px;padding:0 0 10px}.social-tabs a{min-width:0;overflow-wrap:anywhere;color:var(--social-muted);text-decoration:none;border-radius:var(--sg-radius-control);min-height:var(--sg-control-min-height);padding:10px 19px;font-weight:750}.social-tabs a[aria-current=page]{background:var(--green);color:#fff}.social-tabs a:hover{background:#e7f0e9;color:var(--green)}.social-tabs a[aria-current=page]:hover{background:#153f34;color:#fff}
.social-status-banner{border-radius:var(--sg-radius-status);background:var(--sg-surface);color:var(--ink);border:1px solid var(--line);padding:27px;display:flex;align-items:center;gap:24px;margin-bottom:26px;overflow:hidden}.social-status-banner h2{font-size:1.7rem;max-width:450px;margin-bottom:8px}.social-status-banner h2>span{color:var(--green)}.social-status-banner p{color:var(--muted);margin:0;font-size:.92rem}.social-status-banner>div{min-width:0}
.social-members{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:14px}.social-member{border:1px solid #d6e3db;border-radius:18px;padding:18px;background:#fff;min-width:0}.social-member-top{display:flex;gap:12px;align-items:center}.social-member h3{margin:0 0 3px}.social-member-score{margin:14px 0 6px;font-size:.88rem}.social-member-score strong{font-size:1.25rem}.social-member progress{width:100%;height:8px;appearance:none;accent-color:var(--green);border-radius:9px;overflow:hidden;border:0;background:#e8eee8}.social-member details{font-size:.83rem;margin-top:9px}.social-member details>summary{color:var(--social-muted);font-weight:500;min-height:44px;padding:10px 0}.social-member details p{margin:5px 0 0}.social-member details[open]>summary{margin:0}.social-member .social-label{font-size:.68rem;padding:3px 7px}
.social-participation{color:var(--sg-info);background:var(--sg-info-background);border:1px solid var(--sg-info-border);border-radius:var(--sg-radius-message);padding:17px 20px;margin-top:22px;display:flex;gap:15px;align-items:center;justify-content:space-between}.social-participation p{margin:4px 0 0;font-size:.88rem}.social-participation a{flex-shrink:0;font-size:.9rem;font-weight:750;min-height:44px;display:flex;align-items:center}.social-admin-link{display:flex;flex-wrap:wrap;align-items:center;gap:6px 16px;margin:16px 0 0}.social-admin-link a{display:inline-flex;align-items:center;min-height:44px;font-weight:750}
.social-privacy{padding:19px;color:var(--sg-info);border:1px solid var(--sg-info-border);border-radius:var(--sg-radius-message);background:var(--sg-info-background);margin:0 0 24px}.social-privacy h3{font-size:1.2rem}.social-privacy p{font-size:.9rem;margin:8px 0 14px}.social-privacy p:last-child{margin-bottom:0}.social-privacy a{font-weight:750}
.social-visibility{margin:10px 0}.social-visibility-choice{display:flex;align-items:flex-start;gap:12px;border:2px solid var(--social-line);border-radius:var(--sg-radius-control);padding:17px;margin-bottom:12px;background:#fff;cursor:pointer}.social-visibility-choice>span{flex:1;min-width:0}.social-visibility-choice strong{display:block;margin-bottom:5px;line-height:1.3}.social-visibility-choice small{display:block;line-height:1.5;font-weight:400}.social-visibility-choice:has(input:checked){border-color:var(--green);background:#eaf5ed;box-shadow:0 3px 0 #c0d9c6}.social-visibility-choice:has(input[value=private]:checked){border-color:#477c90;background:#eaf5fa;box-shadow:0 3px 0 #c7e0ea}
.social-help{background:var(--sg-info-background);border-radius:var(--sg-radius-message);padding:16px;color:var(--sg-info);font-size:.9rem;margin:18px 0}.social-help p:last-child{margin:0}.social-consent{padding:16px;border:1px solid #bfd6c5;border-radius:14px;background:#eef7ef}
.social-profile-pick{display:flex;align-items:center;gap:12px;padding:15px;border:2px solid var(--social-line);border-radius:var(--sg-radius-control);background:#fff;margin-bottom:10px;cursor:pointer}.social-profile-pick:has(input:checked){border-color:var(--green);background:#edf7ef}.social-profile-pick input{margin-left:auto}.social-profile-pick img{width:46px;height:46px;object-fit:cover;border-radius:12px}.social-profile-pick>span{flex:1;min-width:0}.social-profile-pick small{display:block;font-weight:400}.social-profile-pick:has(input:disabled){opacity:.65;cursor:default}
.social-create-tabs{display:flex;gap:12px;flex-wrap:wrap;margin-bottom:25px}.social-create-tabs .button{flex:1}.social-create-tabs+form{margin-bottom:30px}
.social-settings-grid{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:22px;align-items:start}.social-settings-grid>.social-panel{margin:0}
.social-setting{border-top:1px solid var(--social-line);padding:15px 0}.social-setting:last-child{padding-bottom:0}.social-setting summary{min-height:44px}.social-setting p{font-size:.93rem;color:var(--social-muted)}.social-setting .stack{padding-top:10px}
.social-toggle{display:flex;justify-content:space-between;align-items:center;gap:20px;padding:16px 0;border-bottom:1px solid var(--social-line);font-size:.94rem;cursor:pointer}.social-toggle>span{min-width:0}.social-toggle small{display:block;margin-top:3px;font-weight:400}.social-toggle input{appearance:none;position:relative;flex:0 0 46px;width:46px;height:27px;min-height:27px;border-radius:25px;background:#acbcb4;border:0;transition:background .15s;padding:0}.social-toggle input:before{content:"";position:absolute;width:21px;height:21px;background:#fff;border-radius:50%;top:3px;left:3px;box-shadow:0 1px 3px #0002;transition:transform .15s}.social-toggle input:checked{background:var(--green)}.social-toggle input:checked:before{transform:translateX(19px)}.social-toggle input:disabled{opacity:.55;cursor:not-allowed}
.social-save-status{min-height:26px;font-size:.85rem;color:var(--green);margin:10px 0}.social-save-status.error-text{color:var(--sg-error)}.social-profile-select{display:grid;gap:10px;margin-bottom:20px}
.social-module .social-profile-row{display:flex;flex-direction:row;gap:13px;align-items:center;padding:15px 0;border-bottom:1px solid var(--social-line)}.social-module .social-profile-row>div{flex:1;min-width:0}.social-module .social-profile-row p{margin:2px 0;font-size:.85rem}.social-module .social-profile-row .button{width:auto;flex-shrink:0}
.social-admin-member{display:grid;grid-template-columns:auto minmax(0,1fr) auto;gap:13px;align-items:center;padding:15px 0;border-bottom:1px solid var(--social-line)}.social-admin-member p{margin:4px 0}.social-admin-member:has(details[open])>details{grid-column:1/-1}.social-admin-member:has(details[open])>details form{background:#fff7f0;border-radius:15px;padding:18px}
.social-invite{text-align:center}.social-invite-art{width:185px;height:auto;display:block;margin:0 auto 19px}.social-invite .social-setting{margin:20px 0}.social-invite label{text-align:left}.social-share-actions{display:grid;gap:13px;max-width:410px;margin:22px auto 0}.social-invite input[readonly]{font-size:.85rem}.social-qr{margin-bottom:18px}
.social-request{padding:21px 0;border-bottom:1px solid var(--social-line)}.social-request:first-of-type{padding-top:5px}.social-request:last-child{border:0;padding-bottom:0}.social-request h2{margin-top:13px}.social-request p{color:var(--social-muted);font-size:.93rem}.social-request>.social-setting{margin-top:12px}
.social-empty{max-width:440px;margin:0 auto;text-align:center;padding:18px 0 12px}.social-empty>img{width:205px;height:auto;margin-bottom:25px}.social-empty .button{margin:13px 0 20px}.social-empty p{color:var(--social-muted)}
.social-welcome{position:relative;text-align:center;padding:34px 36px 30px;isolation:isolate}.social-welcome-art{position:relative;width:230px;max-width:76%;margin:0 auto 26px;line-height:0}.social-welcome-art img{position:relative;display:block;width:100%;height:auto;border-radius:48% 48% 44% 44%;z-index:1}.social-welcome-art:before{content:"";position:absolute;inset:-9px -15px;border-radius:47% 53% 48% 52%;z-index:0;background:#fff0bb;transform:rotate(-5deg)}.social-welcome-art>span{position:absolute;right:-2px;bottom:-5px;z-index:2;display:grid;place-items:center;width:44px;height:44px;line-height:1;border-radius:50%;background:var(--green);color:white;border:4px solid white;font-size:1.4rem;font-weight:800;box-shadow:0 3px 10px #153f341a}
.social-welcome h1{max-width:550px;margin:0 auto 17px;font-size:clamp(2.15rem,4.8vw,3rem);overflow-wrap:break-word}.social-welcome h1:after{content:"";display:block;width:85px;height:5px;border-radius:100%;background:var(--social-yellow);transform:rotate(-2deg);margin:19px auto 0}.social-welcome .eyebrow{margin-bottom:12px}.social-welcome-group{font-size:1.3rem;font-weight:800;color:var(--green);margin:0 0 18px;line-height:1.3}.social-welcome-count{display:block;width:fit-content;max-width:100%;margin:0 auto 17px;padding:11px 20px;border-radius:18px;background:#fff1c1;color:#4f431d;font-size:1.04rem;line-height:1.4}.social-welcome-count strong{font-size:1.35em;color:#153f34;font-weight:850}.social-welcome-line{max-width:430px;margin:0 auto 24px;font-size:1.06rem;color:var(--social-muted)}.social-welcome-sharing{max-width:470px;margin:0 auto 23px;padding:14px 18px;border-radius:16px;background:var(--sg-success-background);border:1px solid var(--sg-success-border);color:var(--sg-success);font-size:.9rem;line-height:1.5}.social-welcome-actions{display:grid;justify-items:center;gap:10px;max-width:365px;margin:auto}.social-welcome-actions .button{width:100%;min-height:53px}.social-welcome-actions>a:not(.button){display:inline-flex;align-items:center;min-height:44px;font-size:.9rem}
@media(max-width:720px){.social-hero{gap:14px;margin-bottom:23px}.social-hero>img{width:108px;flex-basis:108px}.social-hero h1{font-size:2.15rem}.social-hero p:last-child{font-size:.9rem}.social-hero .eyebrow{font-size:.67rem;margin-bottom:8px;letter-spacing:.1em}.social-sunline{margin:8px 0 12px;height:4px;width:52px}.social-panel{padding:21px 18px;border-radius:24px;margin-bottom:18px}.social-section-heading{flex-wrap:wrap;gap:16px;margin-bottom:19px}.social-section-heading h2{font-size:1.4rem}.social-section-heading .button{width:100%;order:2}.social-attention{padding:13px;gap:11px;flex-wrap:wrap}.social-attention>div{flex:1}.social-attention>a{margin:0 0 0 48px}.social-challenge-grid{grid-template-columns:1fr;gap:16px}.social-challenge-cover{min-height:120px;padding:19px;display:grid;grid-template-columns:minmax(0,1fr) 94px;gap:0}.social-challenge-cover>div{grid-column:1/-1}.social-challenge-cover img{grid-column:2;margin-top:8px}.social-challenge-cover img{width:94px;margin-bottom:-19px}.social-challenge-cover h3{font-size:1.48rem}.social-challenge-body{padding:16px 19px}.social-soft-row{margin-top:18px;flex-wrap:wrap;gap:0;font-size:.85rem}.social-soft-row a{width:100%}.social-tabs{gap:3px;margin-bottom:19px}.social-tabs a{flex:1 1 auto;padding:10px 8px;text-align:center;font-size:.88rem}.social-status-banner{padding:20px 17px;gap:15px;margin-bottom:21px}.social-status-banner h2{font-size:1.3rem}.social-status-banner p{font-size:.81rem}.social-members{grid-template-columns:1fr;gap:12px}.social-member{padding:16px}.social-participation{padding:15px;align-items:start;flex-wrap:wrap;gap:8px}.social-settings-grid{grid-template-columns:1fr;gap:18px}.social-invite-art{width:155px}.social-profile-pick{padding:12px;gap:10px}.social-back{margin-bottom:9px;font-size:.86rem}.social-welcome{padding:29px 21px 23px}.social-welcome-art{width:188px;margin-bottom:26px}.social-welcome h1{font-size:2.15rem}.social-welcome .eyebrow{font-size:.66rem;letter-spacing:.09em}.social-welcome-group{font-size:1.15rem}.social-welcome-count{padding:10px 14px;font-size:.95rem}.social-welcome-line{font-size:.97rem}.social-welcome-sharing{padding:13px 14px;font-size:.85rem}}
@media(max-width:360px){.social-hero>img{width:82px;flex-basis:82px}.social-hero h1{font-size:1.9rem}.social-hero{gap:8px}.social-panel{padding:19px 15px}.social-tabs a{font-size:.8rem;padding-inline:5px}.social-status-banner{gap:11px}.social-welcome h1{font-size:1.98rem}.social-welcome-art{width:173px}.social-welcome .eyebrow{font-size:.62rem}.social-create-tabs{flex-direction:column}}
@media(prefers-reduced-motion:reduce){.social-challenge-card,.social-toggle input,.social-toggle input:before{transition:none}}

/* Friends share the existing social engine, with one card per independent connection. */
.social-friend-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}
.social-invite>a{display:block;margin-top:.75rem}
.social-friend-card{display:flex;align-items:center;gap:13px;border:1px solid var(--social-line);border-radius:18px;padding:18px;background:#fff;color:var(--ink);text-decoration:none;min-width:0}
.social-friend-card>div{flex:1;min-width:0}.social-friend-card h3{margin:0 0 5px;font-size:1.18rem;overflow-wrap:anywhere}.social-friend-card p{margin:0;font-size:.9rem}.social-friend-card .social-label{display:inline-flex;margin-top:5px}.social-friend-card>a,.social-friend-card>div>a{display:inline-flex;align-items:center;min-height:44px;font-weight:700}.social-friend-card:hover{border-color:var(--green)}.social-friend-invite{background:#eef7f2}
.social-sender{display:flex;gap:15px;align-items:center;border-radius:16px;background:#eaf5ed;padding:14px}.social-sender img{width:54px;height:54px;object-fit:cover;border-radius:12px}.social-sender strong{display:block}.social-qr-disclosure .button{width:100%;list-style:none}.social-qr-disclosure summary::-webkit-details-marker{display:none}.social-qr-disclosure[open] .social-qr{margin-top:18px}.social-invite-link{display:block;margin:24px auto;max-width:500px}.social-create-tabs .button:disabled{opacity:.65;cursor:not-allowed}
@media(max-width:720px){.social-friend-grid{grid-template-columns:1fr}.social-friend-card{padding:16px}}