/* /read-websites-aloud only (01.11. late, minimal round, STYLE-OPENNOTE-WISPR.md). Loads after t-read.css. Prefix xrwa-.
   Every value is a token or the sheet-stack geometry of §7 (same as t-tts.css .xtts-sheets and t-how.css .th2-sheets,
   so the stacks look alike across pages). */

/* hero drawing: o-page is wide and low, so it stays short */
.xrwa-art{width:clamp(220px,20vw,280px)}

/* "LoudFlow thinks along": the one tilted sheet stack (§7, Opennote 7683757c) — sand and white, r20, hairline, −6°…+3° */
.xrwa-sheets{list-style:none;margin-left:auto;margin-right:auto;margin-bottom:0;padding:12px 0;max-width:var(--max);display:grid;grid-template-columns:repeat(4,minmax(0,1fr));align-items:start}
.xrwa-sheets li{position:relative;min-height:190px;padding:28px 26px 30px;border-radius:var(--r-frame);background:var(--sand);box-shadow:0 0 0 1px var(--line);display:flex;flex-direction:column;gap:18px;text-align:left;transition:opacity .7s var(--ease),transform .7s var(--ease),rotate .9s var(--ease)}
.xrwa-sheets li+li{margin-left:-18px}
.xrwa-sheets li:nth-child(even){background:var(--sheet)}
.xrwa-sheets li:nth-child(1){rotate:-6deg;margin-top:18px;z-index:1}
.xrwa-sheets li:nth-child(2){rotate:2deg;z-index:2}
.xrwa-sheets li:nth-child(3){rotate:-3deg;margin-top:26px;z-index:3}
.xrwa-sheets li:nth-child(4){rotate:3deg;margin-top:6px;z-index:4}
.r-anim .xrwa-sheets li.r-in:not(.is-in){rotate:-8deg}
.xrwa-raw{margin:0;font:400 var(--fs-small)/1.45 var(--sans);color:var(--ink-2);overflow-wrap:anywhere}
.xrwa-say{margin:0;font:400 var(--fs-h3)/1.2 var(--serif);color:var(--ink);text-wrap:balance}

/* the built-in tools answer: three short lines inside one FAQ answer */
.xrwa-bi{list-style:none;margin:12px 0 0;padding:0}
.xrwa-bi li+li{margin-top:8px}
.xrwa-src{margin-top:12px;font-size:var(--fs-small);color:var(--ink-3)}
.xrwa-src .dot{margin:0 .1em}

@media (min-width:821px) and (max-width:1100px){.xrwa-sheets{grid-template-columns:repeat(2,minmax(0,1fr));max-width:640px;row-gap:20px}.xrwa-sheets li+li{margin-left:0}.xrwa-sheets li:nth-child(even){margin-left:-18px}}
@media (max-width:820px){
  .xrwa-sheets{grid-template-columns:1fr;max-width:420px;gap:16px}
  .xrwa-sheets li{min-height:0;margin:0!important;rotate:none!important}
}
@media (prefers-reduced-motion:reduce){.xrwa-sheets li{rotate:none!important;transition:none}}