/* Hallmark · pre-emit critique: P5 H4 E4 S5 R4 V5 · Motion X social studio */
.mx-avatar-group{display:flex;align-items:center;padding:6px 0;isolation:isolate}
.mx-avatar{position:relative;display:grid;place-items:center;flex:none;width:46px;height:46px;margin-left:-12px;border:3px solid var(--color-accent-soft);border-radius:50%;background:var(--color-surface-raised);color:var(--color-ink);font:600 12px var(--font-body);transition:transform .3s var(--ease-out),margin .3s var(--ease-out),background .2s;z-index:1}
.mx-avatar:first-child{margin-left:0}.mx-avatar:nth-child(2n){background:var(--color-accent-soft)}
.mx-avatar:hover,.mx-avatar:focus-visible{z-index:5;transform:translateY(-7px) rotate(-5deg) scale(1.13);background:var(--color-accent)}
.mx-avatar-group:hover .mx-avatar{margin-left:-7px}.mx-avatar-group:hover .mx-avatar:first-child{margin-left:0}
.mx-avatar-tip{position:absolute;bottom:calc(100% + 12px);left:50%;translate:-50% 5px;padding:9px 12px;border:1px solid var(--color-rule);border-radius:8px;background:var(--color-surface);color:var(--color-ink);white-space:nowrap;opacity:0;visibility:hidden;pointer-events:none;font:12px var(--font-body);transition:opacity .18s,translate .18s}
.mx-avatar-tip small{display:block;color:var(--color-muted);font-size:10px;margin-top:3px}.mx-avatar:hover .mx-avatar-tip,.mx-avatar:focus-visible .mx-avatar-tip{opacity:1;visibility:visible;translate:-50% 0}
.mx-avatar:first-child .mx-avatar-tip{left:0;translate:0 5px}.mx-avatar:first-child:is(:hover,:focus-visible) .mx-avatar-tip{translate:0 0}
.mx-avatar[data-tip-dismissed] .mx-avatar-tip{visibility:hidden;opacity:0}
.mx-preview-play-button{display:inline-flex;align-items:center;gap:12px;background:var(--color-accent)!important;color:var(--color-accent-ink)!important;border:1px solid var(--color-accent-hover);min-height:54px;padding:12px 22px!important}
.mx-preview-play-button>svg{width:18px;height:18px;flex:none}.mx-preview-play-button:hover{background:var(--color-accent-hover)!important}
#path{background:var(--color-paper)!important}#path ol,#path li{background:transparent!important;box-shadow:none!important}#path ol{isolation:isolate}#path li>a{background:var(--color-surface)!important;border:1px solid var(--color-rule-soft);box-shadow:none!important}#path li>a:hover{border-color:var(--color-accent-text)}
.mx-next-course{display:grid;grid-template-columns:minmax(0,.8fr) minmax(0,1.2fr);gap:70px;align-items:center;padding-block:80px;border-block:1px solid var(--color-rule-soft)}
.mx-social-label{font:10px/1.6 var(--font-mono);letter-spacing:.17em;color:var(--color-accent-text)}
.mx-next-course h2,.mx-social-heading h2{font:600 clamp(32px,3.6vw,50px)/1.08 var(--font-display);letter-spacing:-.045em;margin:16px 0 20px;overflow-wrap:anywhere}
.mx-next-course h2 em,.mx-social-heading h2 em{font:700 1.15em/.9 var(--font-outlier);color:var(--color-accent-text)}
.mx-next-course p:not(.mx-social-label){color:var(--color-ink-2);font-size:15px;line-height:1.7;max-width:360px}
.mx-next-course>div>a{display:inline-flex;align-items:center;gap:16px;min-height:44px;margin-top:20px;color:var(--color-accent-text);font-size:13px;white-space:nowrap}
.mx-course-routes{display:flex;flex-direction:column;border-top:1px solid var(--color-rule)}
.mx-course-route{display:grid;grid-template-columns:28px minmax(0,1fr) 26px;align-items:center;gap:16px;border-bottom:1px solid var(--color-rule);padding:24px 8px;transition:background .25s,padding .25s}
.mx-course-route>span:first-child{font:11px var(--font-mono);color:var(--color-muted)}.mx-course-route strong{font-size:18px;font-weight:500;display:block}.mx-course-route small{display:block;font-size:12px;color:var(--color-muted);margin-top:7px}.mx-course-route>span:last-child{font-size:22px;color:var(--color-accent-text);transition:translate .25s}.mx-course-route:hover{background:var(--color-accent-soft);padding-inline:16px}.mx-course-route:hover>span:last-child{translate:3px -3px}
.mx-social-section{padding-block:80px}.mx-social-heading{display:flex;justify-content:space-between;align-items:flex-end;gap:30px;margin-bottom:35px}.mx-social-heading h2{margin-bottom:0}.mx-social-heading>p{color:var(--color-muted);font-size:13px;line-height:1.7;max-width:280px}
.mx-story-grid{display:grid;grid-template-columns:minmax(0,1.2fr) minmax(0,1fr);gap:20px}.mx-story{border:1px solid var(--color-rule-soft);border-radius:18px;padding:30px;background:var(--color-surface);display:flex;flex-direction:column;align-items:flex-start}.mx-story:first-child{grid-row:span 2;background:var(--color-accent-soft);justify-content:center;padding:40px}.mx-story-mark{font:64px/.5 var(--font-outlier);color:var(--color-accent-text);margin:12px 0 20px}.mx-story blockquote{font:500 18px/1.6 var(--font-body);color:var(--color-ink);margin:0}.mx-story:first-child blockquote{font-size:25px;line-height:1.45}.mx-story footer{margin-top:24px;display:flex;gap:12px;align-items:center;font-size:13px}.mx-story-initial{width:40px;height:40px;display:grid;place-items:center;border-radius:50%;background:var(--color-surface-raised);color:var(--color-accent-text);font-size:11px}.mx-story footer small{display:block;color:var(--color-warning);font-size:11px;margin-top:4px;letter-spacing:.15em}.mx-story details{margin-top:18px;width:100%;font-size:14px;color:var(--color-ink-2);line-height:1.8}.mx-story summary{color:var(--color-accent-text);cursor:pointer;min-height:44px;display:flex;align-items:center;gap:12px}.mx-story summary::after{content:'+';font-size:20px}.mx-story details[open] summary::after{content:'−'}.mx-story details p{margin-top:10px;white-space:pre-line}
.mx-showcase-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px}.mx-student-work{overflow:hidden;border:1px solid var(--color-rule-soft);border-radius:16px;background:var(--color-surface)}.mx-work-media{position:relative;display:block;aspect-ratio:16/11;background:var(--color-accent-soft);overflow:hidden}.mx-work-media img{width:100%;height:100%;object-fit:contain;transition:scale .5s var(--ease-out)}.mx-work-media:hover img{scale:1.04}.mx-work-play{position:absolute;bottom:14px;left:14px;display:flex;align-items:center;gap:8px;padding:9px 12px;background:var(--color-overlay);border:1px solid var(--color-rule);border-radius:50px;color:var(--color-accent-ink);font-size:11px}.mx-work-copy{padding:22px}.mx-work-copy>p{font:10px var(--font-mono);color:var(--color-accent-text);text-transform:uppercase;letter-spacing:.08em}.mx-work-copy h3{font:500 19px/1.35 var(--font-body);margin:12px 0 20px;min-height:52px}.mx-work-copy footer{border-top:1px solid var(--color-rule-soft);padding-top:14px;display:flex;align-items:center;justify-content:space-between;gap:12px;font-size:12px;color:var(--color-ink-2)}
.mx-like{display:flex;align-items:center;gap:7px;min-height:44px;min-width:66px;padding:8px 12px;border:1px solid var(--color-rule);border-radius:50px;color:var(--color-muted);cursor:pointer;transition:background .2s,color .2s}.mx-like svg{width:18px;height:18px;fill:transparent}.mx-like:hover{color:var(--color-accent-text);border-color:var(--color-accent-text)}.mx-like[aria-pressed="true"]{background:var(--color-accent-soft);color:var(--color-accent-text);border-color:var(--color-accent-text)}.mx-like[aria-pressed="true"] svg{fill:currentColor}.mx-like:active{transform:scale(.96)}.mx-social-note{margin-top:20px;font-size:12px;line-height:1.6;color:var(--color-muted)}
.mx-community-studio{padding-block:50px}.mx-member-strip{display:flex;align-items:flex-start;flex-wrap:wrap;gap:20px;padding:25px 0 30px}.mx-member-pick{display:flex;flex-direction:column;align-items:center;gap:8px;min-width:60px;min-height:82px;font-size:11px;color:var(--color-muted);cursor:pointer}.mx-member-photo{width:52px;height:52px;display:grid;place-items:center;overflow:hidden;border-radius:50%;background:var(--color-surface-raised);border:2px solid var(--color-rule);color:var(--color-ink);font:600 14px var(--font-body);transition:transform .25s,border-color .25s,filter .25s;filter:grayscale(1)}.mx-member-photo img{width:100%;height:100%;object-fit:cover;object-position:50% 25%}.mx-member-pick[aria-pressed="true"]{color:var(--color-ink)}.mx-member-pick[aria-pressed="true"] .mx-member-photo{filter:none;border-color:var(--color-accent-text);box-shadow:0 0 0 4px var(--color-accent-soft)}.mx-member-pick:hover .mx-member-photo{transform:translateY(-4px);filter:none}.mx-member-add .mx-member-photo{border-style:dashed;font-size:28px}
.mx-messenger{display:grid;grid-template-columns:280px minmax(0,1fr);border:1px solid var(--color-rule);border-radius:20px;overflow:hidden;background:var(--color-surface)}.mx-messenger-list{border-right:1px solid var(--color-rule);padding:20px;background:var(--color-paper)}.mx-messenger-list h3{font-size:16px;font-weight:600;margin-bottom:18px}.mx-member-search{font-size:11px;color:var(--color-muted)}.mx-member-search input{display:block;width:100%;font:16px var(--font-body);padding:12px;border:1px solid var(--color-rule);background:var(--color-surface);color:var(--color-ink);border-radius:8px;margin:8px 0 18px;min-height:46px}.mx-member-list{display:flex;flex-direction:column;gap:6px}.mx-contact{display:flex;align-items:center;gap:12px;text-align:left;padding:12px 10px;border:1px solid transparent;border-radius:10px;min-height:64px;cursor:pointer}.mx-contact .mx-member-photo{width:38px;height:38px;flex:none;font-size:11px}.mx-contact strong{display:block;font-size:13px;font-weight:500}.mx-contact small{display:block;font-size:11px;color:var(--color-muted);margin-top:4px}.mx-contact[aria-pressed="true"]{background:var(--color-accent-soft);border-color:var(--color-rule)}.mx-contact[aria-pressed="true"] .mx-member-photo{filter:none}.mx-contact:hover{background:var(--color-surface-raised)}.mx-member-empty{font-size:13px;color:var(--color-muted);padding:20px 0}.mx-chat{min-width:0;display:flex;flex-direction:column;min-height:600px}.mx-chat-header{padding:20px 24px;border-bottom:1px solid var(--color-rule);display:flex;align-items:center;gap:12px}.mx-chat-header .mx-member-photo{filter:none;width:44px;height:44px;flex:none}.mx-chat-header h3{font-size:16px;font-weight:600}.mx-chat-header p{font-size:11px;color:var(--color-muted);margin-top:3px}.mx-chat-back{display:none}.mx-chat-state{margin-left:auto;font:10px var(--font-mono);color:var(--color-muted)}.mx-chat-log{height:300px;overflow-y:auto;overscroll-behavior:contain;padding:24px;display:flex;flex-direction:column;gap:16px}.mx-chat-empty{margin:auto;text-align:center;max-width:330px;color:var(--color-muted);font-size:13px;line-height:1.8}.mx-chat-empty>span{font:44px var(--font-outlier);display:block;color:var(--color-accent-text);margin-bottom:15px}.mx-chat-empty strong{color:var(--color-ink);display:block;font:500 20px var(--font-body);margin-bottom:12px}.mx-message{align-self:flex-end;max-width:85%;background:var(--color-accent-soft);border:1px solid var(--color-rule);border-radius:16px 16px 4px 16px;padding:13px 16px;overflow-wrap:anywhere}.mx-message p{font-size:14px;line-height:1.6;white-space:pre-wrap}.mx-message small{display:block;font-size:10px;margin-top:8px;color:var(--color-muted)}.mx-chat-compose{padding:20px 24px;margin-top:auto;border-top:1px solid var(--color-rule)}.mx-chat-compose label{display:block;font-size:12px;color:var(--color-ink-2);margin-bottom:9px}.mx-chat-compose textarea{display:block;width:100%;min-height:82px;max-height:160px;resize:vertical;padding:12px;font:16px/1.5 var(--font-body);background:var(--color-paper);color:var(--color-ink);border:1px solid var(--color-rule);border-radius:10px}.mx-compose-actions{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-top:12px}.mx-compose-actions small{font:10px var(--font-mono);color:var(--color-muted)}.mx-compose-actions button{background:var(--color-accent);color:var(--color-accent-ink);border-radius:30px;min-height:44px;padding:11px 18px;font-size:12px;cursor:pointer;white-space:nowrap}.mx-compose-actions button:disabled{opacity:.4;cursor:not-allowed}.mx-chat-status{font-size:11px;color:var(--color-muted);min-height:18px;margin-top:12px;line-height:1.5}.mx-community-nav{display:flex;gap:20px;flex-wrap:wrap;border-top:1px solid var(--color-rule-soft);padding:18px 0;font-size:12px;color:var(--color-accent-text)}.mx-community-nav a{display:flex;align-items:center;min-height:44px;white-space:nowrap}
:is(.mx-social-section,.mx-next-course,.mx-community-studio,.mx-avatar-group) :is(a,button,input,textarea,summary):focus-visible{outline:2px solid var(--color-focus);outline-offset:4px}
.mx-community-studio [hidden]{display:none!important}
.mx-story footer,.mx-work-copy footer{background:transparent!important}
@media(min-width:1000px){.mx-hero-opening{padding-top:28px;padding-bottom:50px;align-items:start}.mx-hero-opening .mx-hero-intro{align-self:start}.mx-hero-intro h1{margin-top:20px}.mx-hero-actions{margin-top:144px}.mx-hero-opening .mx-hero-portraits{margin-top:25px}.mx-hero-ribbon-lane{bottom:auto;top:var(--ribbon-top,420px);height:180px;z-index:1}.mx-hero-ribbon-lane .mx-ribbon{top:50%;height:180px}.mx-hero-rating{margin-top:22px}}
@media(max-width:767px){.mx-next-course{grid-template-columns:minmax(0,1fr);gap:30px;padding-block:48px}.mx-social-section{padding-block:48px}.mx-social-heading{align-items:flex-start;flex-direction:column;gap:16px}.mx-story-grid,.mx-showcase-grid{grid-template-columns:minmax(0,1fr)}.mx-story:first-child{grid-row:auto;padding:28px}.mx-story{padding:25px}.mx-story:first-child blockquote{font-size:21px}.mx-work-copy h3{min-height:0}.mx-messenger{grid-template-columns:minmax(0,1fr)}.mx-messenger-list{border-right:0;border-bottom:1px solid var(--color-rule)}.mx-messenger[data-view="chat"] .mx-messenger-list{display:none}.mx-messenger[data-view="members"] .mx-chat{display:none}.mx-chat-back{display:grid;place-items:center;min-width:44px;min-height:44px;font-size:22px;border:1px solid var(--color-rule);border-radius:50%;cursor:pointer}.mx-chat-header{padding:15px 12px;gap:8px}.mx-chat-header .mx-member-photo{display:none}.mx-chat-state{font-size:8px}.mx-chat-header h3{font-size:14px}.mx-chat{min-height:540px}.mx-chat-log{height:270px;padding:18px}.mx-chat-compose{padding:16px}.mx-community-studio{padding-block:35px}.mx-member-strip{gap:12px}.mx-member-pick{min-width:48px}.mx-member-photo{width:46px;height:46px}.mx-member-pick>span:last-child{font-size:10px}.mx-compose-actions{gap:8px}}
@media(max-width:767px){.mx-member-strip{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:4px}.mx-member-pick{min-width:0;min-height:72px}.mx-member-pick .mx-member-photo{width:42px;height:42px}.mx-member-pick>span:last-child{font-size:9px;white-space:nowrap}}
@media(max-width:374px){.mx-avatar{width:40px;height:40px}.mx-hero-rating{gap:10px}.mx-avatar-tip{font-size:10px}.mx-member-pick .mx-member-photo{width:36px;height:36px}}
@media(prefers-reduced-motion:reduce){.mx-avatar,.mx-avatar-tip,.mx-course-route,.mx-course-route>span:last-child,.mx-work-media img,.mx-like,.mx-member-photo{transition:none}.mx-avatar:hover,.mx-avatar:focus-visible,.mx-member-pick:hover .mx-member-photo{transform:none}}
/* Student-story reading room; original complete reviews remain available. */
.mx-story-reader{display:grid;grid-template-columns:minmax(0,.7fr) minmax(0,1.5fr);gap:45px;border-top:1px solid var(--color-rule);padding-top:30px}
.mx-story-index button{display:flex;align-items:center;gap:15px;width:100%;text-align:left;min-height:76px;border-bottom:1px solid var(--color-rule);font-size:13px;cursor:pointer;transition:color .2s,background .2s,padding .2s}
.mx-story-selector-number{font:10px var(--font-mono);color:var(--color-muted)}.mx-story-selector-name{flex:1}.mx-story-index button>span:last-child{color:var(--color-accent-text)}.mx-story-index button[aria-pressed=true]{color:var(--color-accent-text);background:var(--color-accent-soft);padding-inline:15px;border-radius:8px}.mx-story-index button:hover{color:var(--color-accent-text)}.mx-story-index>p{color:var(--color-muted);font:22px/1.4 var(--font-outlier);margin-top:24px;max-width:190px}
.mx-story-reader .mx-story-grid{display:block}.mx-story-reader .mx-story{padding:35px 40px;min-height:410px;border-radius:6px 20px 20px 6px;background:var(--color-surface);border-left:2px solid var(--color-accent-text);justify-content:center}.mx-story-reader .mx-story[hidden]{display:none!important}.mx-story-reader .mx-story blockquote{font:500 clamp(21px,2.2vw,28px)/1.5 var(--font-body);letter-spacing:-.02em}.mx-story-reader .mx-story-mark{font-size:80px}.mx-story-reader .mx-story footer{margin-top:24px}
@media(max-width:767px){.mx-story-reader{grid-template-columns:minmax(0,1fr);gap:24px}.mx-story-index>p{display:none}.mx-story-index button{min-height:54px}.mx-story-reader .mx-story{padding:28px 24px;min-height:340px}}
@media(prefers-reduced-motion:reduce){.mx-story-index button{transition:none}}