.social-surface{max-width:1050px;margin:auto;padding:36px 24px 70px}.social-surface h1{font:clamp(38px,5vw,58px)/1.1 'Bodoni Moda',serif;margin:16px 0}.social-lead{max-width:720px;font-size:18px;line-height:1.7}.community-intro{display:grid;grid-template-columns:1.5fr 1fr;gap:30px;align-items:center;margin-bottom:28px}.community-rules{background:#251d1a;color:#f4f0e8;padding:24px;border-radius:18px;font-size:15px;line-height:1.7}.community-rules strong{color:#dbc09c}.community-rules a{color:inherit}.social-surface label,.social-form label{display:flex;flex-direction:column;gap:8px;font-size:15px}.social-surface input,.social-surface select,.social-surface textarea,.social-form input:not([type=radio]):not([type=checkbox]),.social-form textarea,.social-dialog select{font:inherit;color:#251d1a;border:1px solid #bcaa96;border-radius:10px;background:#fffdf9;padding:12px;width:100%;box-sizing:border-box}.social-form textarea{resize:vertical}.social-compose,.social-replies{background:#eee6db;border-radius:15px;padding:18px 22px;margin:20px 0}.social-compose summary,.social-replies summary{font-size:16px;cursor:pointer;padding:8px 0;font-weight:600}.social-form{display:grid;gap:18px;margin-top:20px}.social-form .social-consent{display:flex;flex-direction:row;align-items:flex-start;gap:10px;line-height:1.6}.social-consent input{width:18px;height:18px;flex-shrink:0;margin-top:4px;accent-color:#785b3e}.social-note{font-size:14px!important;line-height:1.7;color:#6d5a49}.social-button,.social-secondary{font:inherit;font-size:15px;border-radius:10px;padding:12px 18px;border:1px solid #b7a48f;cursor:pointer;min-height:44px}.social-button{background:#251d1a;color:#f4f0e8;border-color:#251d1a}.social-secondary{background:#fffaf2;color:#251d1a}.social-button:disabled,.social-secondary:disabled{opacity:.5;cursor:default}.social-card{background:#fffaf2;border-radius:18px;padding:24px;margin:18px 0;overflow-wrap:anywhere}.social-card-top{display:flex;justify-content:space-between;gap:16px;flex-wrap:wrap;font-size:14px;color:#70583f}.social-card h3{font:28px/1.25 'Bodoni Moda',serif;margin:20px 0 14px}.social-body{white-space:pre-wrap;line-height:1.8;font-size:16px}.social-actions{display:flex;gap:10px;flex-wrap:wrap;margin:18px 0}.social-status{font-size:14px;line-height:1.6;min-height:1.5em}.social-empty{padding:30px;background:#fffaf2;border-radius:18px;line-height:1.8}.social-replies .social-card{background:#fffdf8;padding:18px}.social-dialog{border:0;border-radius:18px;padding:28px;max-width:460px;width:calc(100% - 40px);color:#251d1a;background:#f4f0e8}.social-dialog::backdrop{background:#251d1a88}.social-dialog label{display:grid;gap:8px;margin:20px 0}.social-dialog button{margin:8px}.review-summary{display:flex;align-items:baseline;gap:20px;flex-wrap:wrap;margin:25px 0}.review-summary strong{font:36px 'Bodoni Moda',serif}.review-summary span{font-size:15px}.review-stars{color:#765638;font-size:23px;letter-spacing:3px}.rating-picker{border:0;padding:0;margin:0;display:flex;flex-wrap:wrap;gap:9px}.rating-picker legend{font-size:15px;margin-bottom:12px}.rating-picker label{position:relative}.rating-picker input{position:absolute;opacity:0;width:1px;height:1px}.rating-picker span{padding:12px 14px;background:#fffaf2;border:1px solid #baa58c;border-radius:9px;color:#765638;font-size:16px;cursor:pointer}.rating-picker input:checked+span{background:#251d1a;color:#e2c49b}.rating-picker input:focus-visible+span{outline:3px solid #785b3e;outline-offset:3px}.social-surface :focus-visible,.social-form :focus-visible{outline:3px solid #785b3e;outline-offset:3px}.lesson-community{margin-top:30px;border-radius:18px;padding:24px;background:#f4f0e8}.lesson-community h3{font:29px 'Bodoni Moda',serif}.lesson-community .social-compose{padding:16px}.lesson-community .social-card{padding:18px}.lesson-community details details{padding:12px}.review-section{scroll-margin-top:100px;padding:35px 0}.review-section>h2{font:40px 'Bodoni Moda',serif}@media(max-width:700px){.community-intro{grid-template-columns:1fr;gap:16px}.social-surface{padding:25px 20px 50px}.social-card{padding:20px 16px}.social-compose,.social-replies{padding:15px}.lesson-community{padding:20px 12px}.social-card-top{gap:6px}.social-form .social-consent{font-size:14px}.rating-picker span{padding:10px}.social-actions button{flex:1}.review-summary{gap:8px}}

.community-filters{display:grid;grid-template-columns:1fr 1fr;gap:16px}.community-guidelines{margin-top:32px;padding:22px;background:#eee6db;border-radius:16px;scroll-margin-top:100px;font-size:16px;line-height:1.8}.community-guidelines summary{cursor:pointer;font-weight:600}.social-category{font-size:14px;color:#70583f;margin:14px 0 0}.social-form select{font:inherit;max-width:100%;padding:12px;border:1px solid #bcaa96;border-radius:10px;background:#fffdf9}.community-guidelines li{margin:10px 0}@media(max-width:700px){.community-filters{grid-template-columns:1fr}}

.notification-target{outline:2px solid #aa8760;outline-offset:3px}