/* /text-to-speech-mac only (01.11. minimal round). Tokens from r.css; nothing here sets its own colour or size.
   The "thinks along" sheets follow STYLE-OPENNOTE-WISPR.md §7: sand/white, r20, hairline, tilted -8..+3 deg,
   straight on a phone and under reduced motion. */
.xmac-or{margin:24px 0 0;font:400 var(--fs-body)/1.55 var(--sans);color:var(--ink-2);text-align:center}
.xmac-or b{font-weight:500;color:var(--ink)}
.xmac-sheets{list-style:none;margin:var(--in) auto 0;padding:0;max-width:var(--mid);display:grid;grid-template-columns:repeat(3,minmax(0,1fr));align-items:start}
.xmac-sheet{margin:0 -6px;padding:clamp(24px,2.6vw,32px);border-radius:var(--r-frame);background:var(--sand);box-shadow:var(--ring);transition:transform var(--t) var(--ease)}
.xmac-sheet:nth-child(1){transform:rotate(-4deg)}
.xmac-sheet:nth-child(2){background:var(--sheet);transform:rotate(2deg) translateY(18px);position:relative;z-index:1}
.xmac-sheet:nth-child(3){transform:rotate(-1.5deg)}
.xmac-sheet p{margin:0}
.xmac-l{font:500 var(--fs-small)/1.3 var(--sans);color:var(--ink-3)}
.xmac-in{margin:6px 0 24px!important;font:400 var(--fs-body)/1.5 var(--sans);color:var(--ink-2)}
.xmac-out{margin-top:6px!important;font:400 var(--fs-h3)/var(--lh-h3) var(--serif);color:var(--ink)}
.xmac-more{justify-content:center}
@media (max-width:760px){
  .xmac-sheets{grid-template-columns:1fr;gap:16px;max-width:420px}
  .xmac-sheet,.xmac-sheet:nth-child(n){margin:0;transform:none}
}
@media (prefers-reduced-motion:reduce){.xmac-sheet,.xmac-sheet:nth-child(n){transform:none;transition:none}.xmac-sheets{gap:16px}.xmac-sheet{margin:0}}
.xmac-num{margin-top:var(--in)}
.xmac-src{text-align:center}