/* Reuse service-reading roles; one compact, illustrative shared report. */
.sharing-phrase{display:inline-block}
.sharing-report{border:2px solid var(--ink);border-radius:10px;overflow:hidden;background:#fff}
.sharing-report-header{display:flex;align-items:center;justify-content:space-between;gap:16px;background:var(--ink);color:var(--paper);padding:11px 22px}
.sharing-report-header h3,.sharing-memo-title h4{margin:0;font:900 18px/1.5 "SE Response",sans-serif;letter-spacing:-.015em}
.sharing-report-header>span{font-size:16px;font-weight:700;line-height:1.5}
.sharing-report-body{padding:0 22px}
.sharing-appointment{display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:16px;padding:19px 0;border-bottom:1px solid color-mix(in srgb,var(--ink) 28%,white)}
.sharing-label{font-size:16px;font-weight:600;line-height:1.5;color:#62655c}
.sharing-date{font-size:18px;font-weight:700;line-height:1.5;font-variant-numeric:tabular-nums;white-space:nowrap}
.sharing-status{padding:2px 10px;background:var(--aqua);font-size:16px;font-weight:700;line-height:1.6;white-space:nowrap}
.sharing-memo{padding:15px 0 17px}
.sharing-memo-title{display:flex;justify-content:space-between;align-items:center;gap:12px;margin-bottom:10px}
.sharing-memo-title>span{font-size:14px;font-weight:600;line-height:1.5;color:#62655c}
.sharing-memo p{font-size:16px;font-weight:600;line-height:1.95;letter-spacing:.015em}
.sharing-memo p>span{display:block}
.sharing-memo mark{position:relative;isolation:isolate;display:inline-block;background:transparent;color:inherit;padding:0 .1em;line-height:1.5}
.sharing-memo mark::before{content:"";position:absolute;inset:0;z-index:-1;background:var(--aqua);transform:scaleX(var(--sharing-marker,1));transform-origin:left}
.sharing-report figcaption{border-top:1px solid color-mix(in srgb,var(--ink) 28%,white);padding:10px 0 13px;font-size:14px;font-weight:600;line-height:1.7;letter-spacing:.015em;color:#62655c}
@media(min-width:1001px) and (max-width:1200px){.sharing-appointment{gap:10px}.sharing-report-body{padding-inline:16px}.sharing-report-header{padding-inline:16px}}
@media(max-width:600px){
 .sharing-report-header{padding:10px 16px;gap:10px}.sharing-report-header>span{font-size:14px}
 .sharing-report-body{padding:0 16px}
 .sharing-appointment{grid-template-columns:1fr auto;gap:9px 12px;padding:14px 0}
 .sharing-date{grid-row:2;grid-column:1/-1}.sharing-status{grid-column:2;grid-row:1}
 .sharing-memo{padding:14px 0}.sharing-memo-title{margin-bottom:8px}
}

/* One sequence records the date, notes and emphasis, then keeps the copy still. */
.sharing-report figcaption{display:flex;align-items:center;justify-content:space-between;gap:6px 12px;flex-wrap:wrap}
.sharing-saved{display:inline-flex;align-items:center;gap:7px;white-space:nowrap;color:var(--ink);font-size:13px}
.sharing-saved-dot{display:block;width:6px;height:6px;flex:none;border-radius:50%;background:var(--ink);opacity:var(--sharing-dot-opacity,1);transform:scale(var(--sharing-dot-scale,1))}
.sharing-status{background:color-mix(in srgb,var(--aqua) calc(var(--sharing-confirm,1) * 100%),white)}