.social-main{max-width:1520px}.social-layout{display:grid;grid-template-columns:minmax(0,1fr) 260px;gap:24px}.social-column{min-width:0}.social-title-row{display:flex;justify-content:space-between;align-items:center;gap:15px;margin-bottom:21px}.social-title-row h1{font-size:27px;margin-top:8px}.social-topnav{display:flex;gap:32px;align-items:center}.social-topnav .textbtn{font-size:13px;color:#7e8b92;font-weight:550}.social-topnav .textbtn.active{color:var(--ink);font-weight:700}.social-toptag{font-size:10px;background:#eef7f8;color:#5b969f;border:1px solid #e2eff1;padding:5px 9px;border-radius:6px}.social-identity{display:flex;gap:8px;align-items:center;border:1px solid var(--line);border-radius:11px;padding:12px 8px;margin:27px 4px 17px}.social-identity .avatar{width:31px;height:31px}.social-identity b{font-size:11px}.social-identity p{font-size:9px;color:#8c9aa0;margin-top:2px}.social-identity>.textbtn{margin-left:auto}.social-identity+.navitem{font-size:12px}.sidebar .social-identity~.product-label{margin-top:20px}.sidebar .social-identity~.navitem{padding-top:10px;padding-bottom:10px}.sidebar .tutor-promo{display:none}.sidebar .product-label{font-size:8px}.social-tutor{padding:23px;margin-bottom:21px}.social-tutor> .row>h3{font-size:16px}.social-tutor-body{border:1px solid var(--line);border-radius:12px;background:#fcfdfd;padding:20px;margin-top:17px}.social-tutor-body .avatar.lg{width:50px;height:50px}.social-tutor-body h2{font-size:19px}.social-tutor-body .small{font-size:11px;margin-top:4px}.social-bio{font-size:12px;color:#76878f;line-height:1.8;margin:17px 0}.social-tutor-body>.row>.muted{display:flex;align-items:center;gap:7px}.social-tutor-body>.row>.muted .ico{width:13px;height:13px}.social-classes{padding:22px;margin-bottom:21px}.social-classes>.row>h3{font-size:16px}.social-class-row{display:flex;gap:14px;overflow-x:auto;margin-top:17px;padding-bottom:6px;scroll-snap-type:x mandatory}.social-class-tile{border:1px solid var(--line);border-radius:12px;overflow:hidden;flex:0 0 240px;scroll-snap-align:start}.social-class-tile .class-art{height:113px}.social-class-tile .art-note{font-size:20px;max-width:155px;bottom:12px;left:15px}.social-class-tile>div:last-child{padding:15px}.social-class-tile .pill{font-size:9px;padding:4px 7px}.social-class-tile h4{font-size:14px;line-height:1.5;margin:10px 0 7px}.social-class-tile p{font-size:10px;color:#8a979e;line-height:1.7}.social-class-tile .textbtn{font-size:11px;margin-top:14px}.social-new-class{min-width:200px;flex:1;border:1px dashed #b7d4d9;border-radius:12px;background:#f2f9fa;display:flex;align-items:center;justify-content:center;flex-direction:column;gap:13px;padding:24px;text-align:center;color:#538993}.social-new-class>span:first-child{display:flex;align-items:center;justify-content:center;width:38px;height:38px;background:#dceff1;border-radius:50%}.social-new-class>b{font-size:12px}.social-new-class>p{max-width:165px;font-size:11px;color:#8ba0a6}.social-new-class>.textbtn{font-size:10px;margin-top:3px}.social-profile-tabs{padding:0 18px;margin-bottom:17px}.social-profile-tabs .tabs{margin:0;border:0;gap:27px}.social-profile-tabs .tab{font-size:12px;padding-top:17px;padding-bottom:17px}.social-compose-entry{padding:17px 20px;margin-bottom:20px}.composer-prompt{flex:1;border:0;border-radius:25px;text-align:left;background:#f3f6f8;color:#92a0a8;font-size:12px;padding:13px 16px;min-width:0}.social-compose-quick{display:flex;align-items:center;justify-content:space-between;border-top:1px solid #eef2f4;padding-top:12px;margin-top:13px;gap:15px}.social-compose-quick .textbtn{font-size:11px;white-space:nowrap}.social-compose-quick>.tiny{font-size:9px}.social-column .post-card{max-width:none;margin-bottom:20px}.social-column .post-class{grid-template-columns:160px 1fr}.social-column .post-class .art-note{font-size:19px;max-width:140px;left:15px}.social-right{display:flex;flex-direction:column;gap:20px;padding-top:3px}.social-right .pad{padding:20px}.social-right h4{font-size:12px}.social-right .divider{margin:8px 0 20px}.social-person{display:flex;align-items:center;gap:10px;padding:16px 0;width:100%;text-align:left}.social-person b{font-size:11px}.social-person p{font-size:9px;color:#89989e;line-height:1.6;margin-top:4px}.social-person .avatar{width:33px;height:33px}.social-person .pill{margin-left:auto}.social-person .pill .ico{width:10px;height:10px}.person-button{border:0;background:none;border-bottom:1px solid #eff3f5}.person-button:last-child{border-bottom:0;padding-bottom:0}.social-howto h3{font-size:16px}.social-howto-step{display:flex;align-items:flex-start;gap:11px;margin-top:20px}.social-howto-step>span{border:1px solid #bbd9df;color:#5596a1;background:#eef9fa;display:flex;align-items:center;justify-content:center;width:22px;height:22px;border-radius:7px;font-size:10px;flex-shrink:0}.social-howto-step b{font-size:11px}.social-howto-step p{font-size:10px;color:#8b9ca4;line-height:1.7;margin-top:3px}.social-howto .eyebrow{font-size:8px}.social-composer-modal{width:850px;max-width:100%;overflow-y:auto}.social-composer-head{display:flex;align-items:center;justify-content:space-between;gap:15px;padding:21px 24px;border-bottom:1px solid var(--line);background:#fff;position:sticky;top:0;z-index:2}.social-composer-head h2{font-size:17px;letter-spacing:-.3px}.social-composer-head .textbtn{font-size:12px;color:#536a76}.social-composer-head .textbtn:last-child{color:#618d98}.social-composer-head .ico{width:16px;height:16px}.social-composer-body{padding:24px}.social-author{display:flex;align-items:center;justify-content:space-between;gap:15px}.social-author b{font-size:13px}.social-author .avatar{width:40px;height:40px}.social-author-context{display:flex;align-items:center;gap:5px;border-top:1px solid #dfecee;margin-top:7px;padding-top:6px;font-size:9px;color:#7e9aa4;max-width:290px}.social-author-context .ico{width:11px;height:11px;stroke:#3c9ba9}.social-author-context>span{color:#bdced4;margin:0 2px}.social-type-row{display:flex;align-items:center;justify-content:space-between;margin-top:24px;margin-bottom:9px}.social-type-row .eyebrow{font-size:8px}.social-caption{width:100%;resize:vertical;border:0;outline:none!important;min-height:130px;font-size:17px;line-height:1.7;background:transparent;color:#496371;padding:5px 0}.social-caption::placeholder{color:#a1afb6}.social-article-title{border:0;border-bottom:1px solid var(--line);width:100%;padding:13px 0;font-size:21px;font-weight:650;letter-spacing:-.5px;color:var(--ink);margin-bottom:10px;background:transparent}.social-composer-options{display:flex;justify-content:space-between;align-items:center;padding:18px 0;border-bottom:1px solid var(--line);gap:15px}.social-composer-options select{border:0;color:#55737f;background:transparent;font-size:12px;padding:4px 0;max-width:160px}.social-composer-options label{font-size:12px;color:#718a96;cursor:pointer}.social-composer-options .ico{width:19px;height:19px}.social-composer-options .tiny{font-size:9px;color:#9aacb4}.social-composer-actions{display:flex;align-items:center;gap:10px;padding:17px 0;flex-wrap:wrap}.social-tool{border:1px solid transparent;border-radius:9px;background:none;padding:11px 12px;display:flex;align-items:center;gap:8px;font-size:12px;color:#647f8c;font-weight:550}.social-tool>.ico{width:18px;height:18px}.class-tool{border-color:#d2e7eb;background:#edf8fa;color:#178c9f;font-weight:650}.class-tool.has-class{background:#dff1f4}.popclip-tool{background:#f3f6f8}.popclip-tool>span{display:flex;align-items:center;justify-content:center;background:#ff8b8d;border-radius:50%;width:20px;height:20px;color:#fff}.popclip-tool .ico{width:11px;height:11px;fill:currentColor;stroke:none;margin-left:2px}.social-publish-row{border-top:1px solid var(--line);padding-top:18px;display:flex;gap:17px;align-items:center;justify-content:space-between}.social-publish-row .tiny{font-size:9px;max-width:270px;line-height:1.7;text-align:center}.social-publish-row .btn{font-size:12px;padding:10px 18px}.social-publish-row>.textbtn{font-size:11px;white-space:nowrap}.composer-class{border:1px solid #d3e8ed;border-radius:12px;background:#fafdfe;margin:20px 0 4px;overflow:hidden}.composer-class>.row{padding:10px 14px;border-bottom:1px solid #e1edf0;background:#f2f9fa}.composer-class>.row .eyebrow{font-size:8px;display:flex;align-items:center;gap:6px}.composer-class .eyebrow .ico{width:12px;height:12px}.composer-class .iconbtn{width:24px;height:24px;background:none}.composer-class .iconbtn .ico{width:14px;height:14px}.composer-class-body{display:grid;grid-template-columns:150px 1fr;align-items:stretch;gap:16px}.composer-class-art{height:100%;min-height:145px;overflow:hidden}.composer-class-art .class-art{height:100%}.composer-class-art .art-note{font-size:18px;max-width:130px;left:13px}.composer-class-art .pill{font-size:8px;top:9px;left:9px}.composer-class-body>div:last-child{padding:15px 15px 15px 0}.composer-class-body h3{font-size:15px;margin-bottom:6px}.composer-class-body p{font-size:10px;color:#869ca6;line-height:1.8}.composer-class-body .pill{font-size:9px;margin-top:10px}.new-class-choice{width:100%;display:flex;align-items:center;gap:13px;text-align:left;border:1px solid #bcdde4;border-radius:11px;padding:19px;background:#f0fafb}.new-class-choice>.ico:last-child{margin-left:auto;width:16px;height:16px}.new-class-choice b{font-size:13px}.new-class-choice p{margin-top:6px;font-size:10px}.visually-hidden{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.composer-media{display:block;width:100%;max-height:320px;object-fit:contain;border-radius:10px;background:#f1f5f7}.composer-attachment{position:relative;margin-top:12px}.composer-attachment>.iconbtn{position:absolute;right:10px;top:10px}.social-media-grid{display:grid;grid-template-columns:1fr 1fr;gap:15px}.social-media-grid img{width:100%;height:190px;object-fit:cover;border-radius:12px 12px 0 0}.social-media-grid .pad{padding:15px}
@media(max-width:1260px){.social-layout{grid-template-columns:minmax(0,1fr) 225px;gap:19px}.social-right .pad{padding:17px}.social-main{padding:26px}.social-tutor{padding:19px}.social-column .post-class{grid-template-columns:145px 1fr}.social-topnav{gap:20px}.social-class-tile{flex-basis:220px}.social-classes{padding:19px}.social-identity{margin-top:22px}.sidebar .product-label{margin-top:17px}.sidebar .navitem{font-size:12px}}
@media(max-width:1080px){.social-layout{grid-template-columns:1fr}.social-right{display:none}.social-main{max-width:870px}.social-toptag{display:none}.social-topnav{gap:24px}.social-class-tile{flex-basis:240px}.social-class-row{gap:17px}.social-new-class{min-width:215px}}
@media(max-width:760px){.social-main{padding:22px 16px}.social-title-row h1{font-size:24px}.social-title-row .eyebrow{font-size:8px}.social-title-row .btn{font-size:10px;padding:7px 10px}.social-tutor{padding:17px}.social-tutor> .row>h3{font-size:14px}.social-tutor> .row>.pill{font-size:8px}.social-tutor-body{padding:16px}.social-tutor-body h2{font-size:17px}.social-tutor-body .avatar.lg{width:42px;height:42px}.social-tutor-body>.row{gap:10px}.social-bio{font-size:11px}.social-tutor-body .small{font-size:10px}.social-classes{padding:17px}.social-class-tile{flex-basis:215px}.social-new-class{min-width:195px}.social-profile-tabs{padding:0 15px}.social-profile-tabs .tabs{gap:24px;overflow-x:auto}.social-profile-tabs .tab{font-size:11px;white-space:nowrap}.social-compose-entry{padding:15px}.social-compose-entry .avatar{width:30px;height:30px}.composer-prompt{font-size:11px;padding:11px 13px}.social-compose-quick>.tiny{display:none}.social-compose-quick{justify-content:flex-end}.social-column .post-class{grid-template-columns:1fr}.social-column .post-class .art-note{font-size:23px;max-width:230px}.social-topnav .textbtn{font-size:11px}.social-topnav .ico{width:16px;height:16px}.social-topnav{gap:18px}.social-composer-head{padding:18px 16px;gap:10px}.social-composer-head h2{font-size:14px}.social-composer-head .textbtn{font-size:10px}.social-composer-head .ico{width:14px;height:14px}.social-composer-body{padding:18px 16px}.social-author{gap:9px}.social-author .pill{font-size:8px;padding:5px 7px}.social-author-context{font-size:8px;gap:3px;max-width:240px}.social-author b{font-size:12px}.social-author .avatar{width:34px;height:34px}.social-caption{font-size:15px;min-height:135px}.social-tool{font-size:10px;padding:9px 8px;gap:6px}.social-tool>.ico{width:15px;height:15px}.social-composer-actions{gap:6px;justify-content:space-between}.social-composer-options .tiny{display:none}.social-composer-options .row{gap:6px}.social-publish-row .tiny{display:none}.social-publish-row .btn{font-size:11px}.composer-class-body{grid-template-columns:100px 1fr;gap:12px}.composer-class-body h3{font-size:13px}.composer-class-body p{font-size:9px}.composer-class-body .pill{font-size:8px;white-space:normal}.composer-class-art .art-note{font-size:14px;max-width:85px;left:10px;bottom:14px}.composer-class-art .pill{display:none}.social-author-context>span{margin:0}.sidebar .social-identity{margin-top:24px}}
@media(max-width:400px){.social-author-context{font-size:7px}.social-author>.pill{display:none}.social-composer-actions{justify-content:flex-start;gap:4px}.social-tool{padding:8px 6px;font-size:9px}.social-profile-tabs .tabs{gap:20px}.social-tutor>.row>.pill{font-size:7px}.social-topnav{gap:12px}.social-title-row h1{font-size:21px}}

.sidebar{overflow-y:auto}.post-body>.composer-media{margin-bottom:16px}.social-composer-modal .error{margin-bottom:18px}