#mirock-proto .wear-stories{margin-top:64px;border-top:1px solid #e9d9df;padding-top:38px}
#mirock-proto .wear-stories>header{display:flex;align-items:start;justify-content:space-between;gap:24px}
#mirock-proto .wear-stories h2{font-size:28px;margin:10px 0}
#mirock-proto .wear-stories header p{font-size:14px;color:#795d69}
#mirock-proto .wear-stories details{max-width:350px;font-size:13px;line-height:1.7}
#mirock-proto .wear-stories summary{cursor:pointer;color:#883953;text-decoration:underline;text-underline-offset:5px;padding:10px 0}
#mirock-proto .stories-disclosure{font-size:12px;color:#79666d;line-height:1.7;margin:16px 0 24px}
#mirock-proto .stories-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:26px}
#mirock-proto .story-card{background:#fffdfd;min-width:0}
#mirock-proto .story-card img{display:block;width:100%;height:auto;aspect-ratio:4/5;object-fit:cover;object-position:50% 35%}
#mirock-proto .story-copy{padding:18px 4px 10px}
#mirock-proto .story-label{font-size:11px;letter-spacing:.03em;color:#96727f}
#mirock-proto .story-copy h3{font-size:18px;margin:10px 0}
#mirock-proto .story-copy p{font-size:14px;line-height:1.85;color:#634b55;margin:0}
@media(max-width:700px){#mirock-proto .wear-stories>header{display:block}#mirock-proto .stories-grid{grid-template-columns:1fr;gap:32px}#mirock-proto .wear-stories{margin-top:40px;padding-top:26px}#mirock-proto .story-card img{aspect-ratio:1/1}#mirock-proto .wear-stories details{max-width:none}}
#mirock-proto .story-entry{grid-column:1/-1;display:inline-flex;align-items:center;justify-self:start;gap:8px;background:transparent;border:0;border-radius:0;box-shadow:none;padding:12px 0 2px;color:#8b405c;font-size:13px;min-height:40px}
#mirock-proto .story-entry:hover{text-decoration:underline;text-underline-offset:5px}
#mirock-proto .stories-modal{width:min(860px,calc(100% - 32px));max-height:86dvh;box-sizing:border-box;padding:30px;border:1px solid #eddde4;border-radius:12px;background:#fffcfd;color:#49323c;overflow:auto}
#mirock-proto .stories-modal::backdrop{background:#30202d80;backdrop-filter:blur(4px)}
#mirock-proto .stories-modal-head{display:flex;align-items:start;justify-content:space-between;gap:16px;position:sticky;top:-30px;background:#fffcfdf5;z-index:1;padding:8px 0}
#mirock-proto .stories-modal-head h2{font-size:28px;margin:8px 0}
#mirock-proto [data-story-close]{background:transparent;border:0;box-shadow:none;font-size:28px;min-width:44px;min-height:44px;padding:0}
#mirock-proto .stories-modal .stories-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:24px}
#mirock-proto .story-rewards{font-size:13px;line-height:1.8;margin:18px 0 26px;color:#7b485d}
#mirock-proto .story-rewards summary{cursor:pointer;text-decoration:underline;text-underline-offset:4px}
#mirock-proto .story-actions{display:flex;justify-content:center;flex-wrap:wrap;gap:12px;margin-top:30px}
#mirock-proto .story-service{font-size:13px;line-height:1.7;color:#8b405c;text-align:center}
@media(max-width:600px){#mirock-proto .stories-modal{padding:20px;max-height:90dvh}#mirock-proto .stories-modal .stories-grid{grid-template-columns:1fr}#mirock-proto .stories-modal-head{top:-20px}#mirock-proto .stories-modal-head h2{font-size:25px}}

/* Compact photo previews; full images are shown only in the viewer. */
#mirock-proto .stories-modal .stories-grid{grid-template-columns:1fr;gap:20px}
#mirock-proto .story-card{display:grid;grid-template-columns:120px minmax(0,1fr);gap:18px;padding-bottom:20px;border-bottom:1px solid #eddee4;align-items:start}
#mirock-proto .story-thumb{width:120px;padding:0;border:0;background:transparent;cursor:zoom-in;border-radius:4px;overflow:hidden}
#mirock-proto .story-thumb img{width:120px;height:120px;aspect-ratio:1;object-fit:cover}
#mirock-proto .story-thumb span{display:block;font-size:11px;padding:6px 0;color:#865568}
#mirock-proto .story-copy{padding:0}
#mirock-proto .story-copy h3{margin:5px 0 8px}
#mirock-proto .story-viewer{padding:48px 12px 12px;border:0;border-radius:8px;background:#211d20;width:fit-content;max-width:94vw;max-height:94dvh;overflow:auto}
#mirock-proto .story-viewer::backdrop{background:#171015dd}
#mirock-proto .story-viewer img{display:block;max-width:86vw;max-height:78dvh;width:auto;height:auto;object-fit:contain}
#mirock-proto .story-viewer button{position:absolute;right:6px;top:2px;background:transparent;color:white;border:0;font-size:28px;min-width:44px;min-height:44px}
@media(max-width:600px){#mirock-proto .story-card{grid-template-columns:88px minmax(0,1fr);gap:12px}#mirock-proto .story-thumb{width:88px}#mirock-proto .story-thumb img{width:88px;height:88px}#mirock-proto .story-copy p{font-size:13px;line-height:1.7}}

/* Moments-style posts retain compact tap-to-open photos. */
#mirock-proto .story-card{display:flex;flex-direction:column;gap:14px;padding:8px 0 26px}
#mirock-proto .story-person{display:flex;align-items:center;gap:12px}
#mirock-proto .story-avatar{display:grid;place-items:center;width:40px;height:40px;border-radius:50%;background:#f4e3ea;color:#85495e;font-family:Georgia,serif;font-size:20px}
#mirock-proto .story-person strong{font-size:14px;font-weight:500;color:#694654}
#mirock-proto .story-person small{display:block;font-size:11px;color:#957f88;margin-top:3px}
#mirock-proto .story-social{width:100%}
#mirock-proto .story-social-actions{display:flex;justify-content:flex-end;gap:14px}
#mirock-proto .story-social-actions button,#mirock-proto .story-comments button{border:0;background:transparent;padding:4px 8px;color:#89536a;font-size:13px}
#mirock-proto .story-comments{padding:12px 14px;background:#f6f1f3;border-radius:4px}
#mirock-proto .story-comments p{font-size:13px;line-height:1.8;margin:0 0 6px;overflow-wrap:anywhere}
#mirock-proto .story-comments strong{font-weight:500;color:#815268}
#mirock-proto .story-comment-form{display:flex;align-items:end;gap:8px;margin-top:12px}
#mirock-proto .story-comment-label{flex:1;min-width:0;font-size:12px}
#mirock-proto .story-comment-form input{margin:4px 0 0;border:1px solid #e5d5dd;border-radius:4px;padding:9px;width:100%}
#mirock-proto .story-preview-label,#mirock-proto .story-comment-status{font-size:11px;color:#8d7882}
#mirock-proto .story-photo-grid{display:grid;grid-template-columns:repeat(3,120px);gap:6px;max-width:100%}
#mirock-proto .story-body{font-size:14px;line-height:1.8;margin:0}
#mirock-proto .story-comments:empty{display:none}
@media(max-width:600px){#mirock-proto .story-photo-grid{grid-template-columns:repeat(3,minmax(0,88px))}}

#mirock-proto .story-entry{display:flex;flex-direction:column;align-items:flex-start;width:100%;gap:8px;text-align:left}
#mirock-proto .story-entry-preview{display:flex;gap:6px}
#mirock-proto .story-entry-preview img{width:56px;height:56px;object-fit:cover;border-radius:3px}
#mirock-proto .story-entry small{font-size:11px;color:#917c84}

#mirock-proto .story-compose-form{display:grid;gap:18px}#mirock-proto .story-compose-form textarea{width:100%;box-sizing:border-box;border:1px solid #e5d5dd;padding:12px;border-radius:4px;font:inherit;resize:vertical}#mirock-proto .story-compose-form .story-photo-grid img{width:88px;height:88px;object-fit:cover}#mirock-proto .story-photo-controls{display:flex;gap:12px}#mirock-proto .story-compose-form .story-photo-grid button{font-size:12px;padding:4px}