.social-detail-page{max-width:1080px;margin:0 auto 84px;min-width:0;overflow-wrap:anywhere}
.social-detail-back{display:inline-flex;margin:30px 0 10px;color:var(--purple);font-size:14px;font-weight:700}
.social-detail-hero{padding:20px 0 29px;border-bottom:1px solid var(--line)}
.social-detail-hero .eyebrow{margin:0 0 15px}
.social-detail-hero h1{font-size:clamp(35px,5vw,59px);letter-spacing:-.045em;margin:0 0 16px;line-height:1.16}
.social-detail-hero>p:last-child{max-width:800px;color:var(--muted);font-size:18px;line-height:1.65;margin:0}
.social-detail-layout{display:grid;grid-template-columns:minmax(0,1.65fr) minmax(260px,.8fr);gap:24px;margin-top:32px;align-items:start}
.social-detail-main,.social-detail-side{min-width:0}
.social-detail-panel{background:#fff;border:1px solid var(--line);border-radius:21px;padding:27px;box-shadow:0 9px 32px #25223808;margin-bottom:22px}
.social-detail-panel h2{font-size:23px;line-height:1.3;margin:0 0 17px;letter-spacing:-.025em}
.social-detail-panel>p{line-height:1.75}
.social-detail-panel .social-photo{display:block;width:100%;max-height:620px;object-fit:contain;background:#f7f6fb;margin:18px 0;border-radius:15px}
.social-detail-status{display:inline-block;border-radius:99px;padding:5px 11px;background:#f0ecff;color:#5843c5;font-size:12px;font-weight:750}
.social-detail-meta{color:var(--muted);font-size:13px}
.social-detail-section{margin:40px 0 18px}
.social-detail-section h2{font-size:27px;letter-spacing:-.025em;margin:0 0 17px}
.social-detail-list{display:grid;gap:15px}
.social-detail-list .social-detail-panel{margin:0}
.social-detail-page a:not(.primary):hover{text-decoration:underline;text-underline-offset:4px}
.social-detail-page .social-form{border:1px solid var(--line);background:#fff;border-radius:21px;padding:27px;box-shadow:0 9px 32px #25223808}
.social-detail-page .social-form p{margin:0}
.social-detail-page .social-form input:not([type=checkbox]),.social-detail-page .social-form textarea,.social-detail-page .social-form select{padding:13px;border-radius:10px;background:#fff}
.social-detail-page .social-form button,.social-detail-page .social-detail-panel button{justify-self:start;border:0;border-radius:10px;background:var(--purple);color:#fff;padding:11px 20px;font:inherit;font-weight:700;cursor:pointer}
.social-detail-page .social-actions{margin-top:18px}
.social-detail-page .social-actions details{margin-top:12px}
.social-detail-page .social-actions summary{cursor:pointer;color:var(--purple);font-weight:700}
.social-detail-page .social-actions form{margin-top:10px}
.social-detail-page .social-actions textarea,.social-detail-page .social-actions input{max-width:100%;width:100%;padding:10px;border:1px solid var(--line);border-radius:9px;font:inherit}
.social-detail-empty{padding:32px;border:1px dashed #d9d2ee;border-radius:17px;background:#faf9fd;color:var(--muted)}
.social-detail-pages{display:flex;justify-content:center;align-items:center;gap:20px;margin:25px 0;color:var(--muted)}
.social-detail-pages a{color:var(--purple);font-weight:700}
.social-detail-page .rating-score{display:flex;align-items:baseline;gap:8px;flex-wrap:wrap;margin:19px 0}
.social-detail-page .rating-score strong{font-size:39px;line-height:1;color:var(--purple)}
.social-detail-page .rating-score span{color:var(--muted)}
.social-detail-page .photo-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px}
.social-detail-page .photo-grid .social-detail-panel{min-width:0;margin:0}
.social-detail-page .photo-grid .social-photo{aspect-ratio:1;max-height:none;object-fit:contain}
@media(max-width:800px){.social-detail-layout{grid-template-columns:1fr}.social-detail-side{order:-1}.social-detail-page .photo-grid{grid-template-columns:1fr}}
@media(max-width:600px){.social-detail-page{margin-bottom:54px}.social-detail-back{margin-top:24px}.social-detail-hero{padding-bottom:22px}.social-detail-hero h1{font-size:clamp(32px,9vw,44px)}.social-detail-hero>p:last-child{font-size:16px}.social-detail-layout{margin-top:24px}.social-detail-panel,.social-detail-page .social-form{padding:20px}.social-detail-section h2{font-size:22px}}
