/* t526u S1 결과 공유 public page (/r/{token}) — page layout only. Result components (wallet curve classes, .cmp-cond, .cmp-rtable,
   .cmp-badge, .glass, .btn, .note) come from member.css under body.mb; nav/footer from home.css. Dark + light tokens only. */
body.mb.shr{display:block}
body.mb.shr nav{position:sticky;top:0;z-index:50}
body.mb.shr nav .w{max-width:1200px}
body.mb.shr .shr-w{margin:0 auto;padding-top:32px;padding-bottom:48px;display:flex;flex-direction:column;gap:16px}
body.mb.shr .shr-head{display:flex;flex-direction:column;gap:6px;min-width:0}
body.mb.shr .shr-title{font-size:clamp(24px,3.2vw,34px);letter-spacing:-.03em;font-weight:800;margin:2px 0 0;line-height:1.2;overflow-wrap:anywhere}
body.mb.shr .shr-badges{display:flex;flex-wrap:wrap;gap:6px}
body.mb.shr .shr-badges .cmp-badge{margin-left:0}
body.mb.shr .shr-period{margin:0;font-size:14px}
body.mb.shr .shr-note{margin:0}
body.mb.shr .shr-card{padding:20px;display:flex;flex-direction:column;gap:14px;min-width:0}
body.mb.shr .shr-h2{margin:0;font-size:16px;font-weight:800;letter-spacing:-.01em}
body.mb.shr .shr-wallet{min-width:0}
body.mb.shr .shr-tscroll{max-width:100%;overflow-x:auto}
body.mb.shr .shr-chips{list-style:none;margin:0;padding:0;display:flex;flex-wrap:wrap;gap:6px}
body.mb.shr .shr-chips li{padding:3px 10px;border:1px solid var(--line);border-radius:99px;font-size:13px;background:var(--card);overflow-wrap:anywhere}
body.mb.shr .shr-tline{margin:0;font-size:14px}
body.mb.shr .shr-cta{display:flex;flex-wrap:wrap;gap:10px;align-items:center}
body.mb.shr .shr-cta form{margin:0}
body.mb.shr .shr-help{flex-basis:100%;margin:0;font-size:13px}
/* D1 설정 공개: [설정 파일 저장] + grey line beside it; 결과만: one muted line in the setting card */
body.mb.shr .shr-file{display:flex;flex-wrap:wrap;gap:6px 10px;align-items:center;flex-basis:100%;min-width:0}
body.mb.shr .shr-file-help{font-size:13px;word-break:keep-all;overflow-wrap:anywhere}
body.mb.shr .shr-private{margin:0;font-size:14px}
body.mb.shr .shr-partner{margin:8px 0 0;padding:14px 18px;font-size:14px}
body.mb.shr .shr-partner a{text-decoration:underline}
body.mb.shr .shr-notice{padding:24px 0 8px}
body.mb.shr footer{margin-top:24px}
/* G1c gallery detail /s/{id}: [← 공개 설정 목록], 작성자 · 게시일, small [신고] */
body.mb.shr .shr-back{align-self:flex-start;font-size:14px;color:var(--m);text-decoration:none;padding:2px 0}
body.mb.shr .shr-back:hover{color:var(--t)}
body.mb.shr .shr-byline{margin:0;font-size:13.5px;overflow-wrap:anywhere}
body.mb.shr .shr-report-row{display:flex;justify-content:flex-end}
body.mb.shr .shr-report{font:inherit;font-size:12.5px;color:var(--m);background:none;border:1px solid var(--line);border-radius:99px;padding:3px 12px;text-decoration:none;cursor:pointer}
body.mb.shr .shr-report:hover{color:var(--t)}
body.mb.shr .shr-report[disabled]{cursor:not-allowed;opacity:.7}
/* G1d report dialog: <details> under the [신고] pill; the 기타 field shows only while 기타 is picked (all fields stay usable
   without :has support — the server checks the length) */
body.mb.shr .shr-report-row{flex-direction:column;align-items:flex-end;gap:8px}
body.mb.shr .shr-report-box{display:flex;flex-direction:column;align-items:flex-end;gap:8px;max-width:100%}
body.mb.shr .shr-report-box>summary{list-style:none}
body.mb.shr .shr-report-box>summary::-webkit-details-marker{display:none}
body.mb.shr .shr-report-box[open]>summary{color:var(--t)}
body.mb.shr .shr-report-form{width:min(420px,100%);display:flex;flex-direction:column;gap:10px;padding:14px 16px;border:1px solid var(--line);border-radius:14px;background:var(--card);text-align:left}
body.mb.shr .shr-report-reasons{border:0;margin:0;padding:0;display:flex;flex-wrap:wrap;gap:6px 14px}
body.mb.shr .shr-report-reasons legend{font-size:14px;font-weight:700;margin-bottom:6px;padding:0}
body.mb.shr .shr-report-reason{display:inline-flex;align-items:center;gap:6px;font-size:14px;min-height:32px;cursor:pointer}
body.mb.shr .shr-report-detail{display:flex;flex-direction:column;gap:4px;font-size:13px}
body.mb.shr .shr-report-form:has(input[name=reason]):not(:has(input[value=other]:checked)) .shr-report-detail{display:none}
body.mb.shr .shr-report-detail textarea{font:inherit;font-size:14px;color:var(--t);background:transparent;border:1px solid var(--line);border-radius:10px;padding:8px 10px;resize:vertical;min-height:56px}
body.mb.shr .shr-report-help{margin:0;font-size:12.5px;word-break:keep-all}
body.mb.shr .shr-report-submit{align-self:flex-end}
body.mb.shr .shr-report-is-done{cursor:default;opacity:.8}
body.mb.shr .shr-report-done{margin:0;font-size:13.5px;color:var(--t)}
/* member.css .btn{display:inline-flex} outranks home.css .hide-m: keep the home nav one row on phones */
@media(max-width:900px){body.mb.shr nav .hide-m{display:none}}
@media(max-width:600px){
  body.mb.shr .shr-w{padding-top:20px;gap:12px}
  body.mb.shr .shr-card{padding:16px 14px}
  body.mb.shr .shr-cta .btn,body.mb.shr .shr-cta form{width:100%}
}