.reading-mobile-caption{display:none}
@media(max-width:1130px){
 #unify .reading-mobile-caption{display:block;width:calc(100% - 48px);max-width:580px;margin:8px auto 24px;text-align:center;color:#38332e}
 #unify .reading-mobile-caption h3{font:400 27px/1.2 var(--serif);letter-spacing:-.015em;margin:0 0 12px}
 #unify .reading-mobile-caption p{font:14px/1.55 system-ui;max-width:42ch;margin:0 auto;min-height:46px;opacity:0;transition:opacity .5s ease}
 #unify .reading-mobile-caption[data-ready=true] p{opacity:1}
 #unify .centered-frame{height:604px}
}

/* One quiet action group on the cloth; the native window keeps its dimensions. */
#unify .reading-demo-layout{position:relative}
#unify .reading-demo-actions{position:absolute;right:26px;top:36px;z-index:2;box-sizing:border-box;width:200px;display:grid;gap:8px;padding:0}
#unify .reading-demo-actions button{appearance:none;box-sizing:border-box;display:flex;align-items:center;gap:8px;width:100%;height:46px;margin:0;padding:10px 12px;border:1px solid #74664e88;border-radius:6px;--reading-button-fill:#f5efe4;--reading-button-ink:#423c32;background:var(--reading-button-fill);color:var(--reading-button-ink);font:500 14.5px/1.4 -apple-system,BlinkMacSystemFont,sans-serif;text-align:left;cursor:default;box-shadow:inset 0 1px 0 #fffaf0b3,0 2px 0 #74664e33,0 3px 5px #332b200a;transition:background-color .36s ease-in-out,color .36s ease-in-out,border-color .36s ease-in-out,box-shadow .14s ease}
#unify .reading-action-number{flex:none;font-size:10px;font-weight:400;letter-spacing:.04em;font-variant-numeric:tabular-nums;opacity:.65}
#unify .reading-demo-actions button[data-available=true]{color:#423c32;border-color:#74664eaa}
#unify .reading-demo-actions button:disabled{color:#8a8276;background:var(--reading-button-fill)}
#unify .reading-demo-actions button[data-suggested=true]{--reading-button-fill:#3c382f;--reading-button-ink:#fffdf7;background:var(--reading-button-fill);border-color:#3c382f;color:#fffdf7;box-shadow:inset 0 1px 0 #fffaf026,0 2px 0 #27241e66,0 3px 5px #332b2014}
#unify .reading-demo-actions button:not(:disabled){cursor:pointer}
#unify .reading-demo-actions button:hover:not(:disabled){background:var(--reading-button-fill);color:var(--reading-button-ink);border-color:#74664ecc;box-shadow:inset 0 1px 0 #fffaf0b3,0 2px 0 #74664e55,0 3px 5px #332b2014}
#unify .reading-demo-actions button[data-suggested=true]:hover:not(:disabled){border-color:#27241e;box-shadow:inset 0 1px 0 #fffaf026,0 2px 0 #27241e99,0 3px 5px #332b2020}
#unify .reading-demo-actions button:active:not(:disabled),
#unify .reading-demo-actions button[data-suggested=true]:active:not(:disabled){box-shadow:inset 0 1px 3px #201a252b}
#unify .reading-demo-actions button:focus-visible{outline:2px solid #89642f;outline-offset:3px}
#unify .reading-demo-actions button::after{content:'';flex:none;width:0;height:0;margin-left:auto;border-top:4px solid transparent;border-bottom:4px solid transparent;border-left:6px solid currentColor;opacity:.72}
#unify .reading-demo-actions button:disabled::after{opacity:.4}
#unify .reading-demo-actions[aria-busy=true] button{cursor:default}
@media(min-width:761px) and (max-width:1399px){
 #unify .reading-demo-actions{position:static;grid-template-columns:repeat(4,minmax(0,1fr));width:calc(100% - 48px);max-width:800px;margin:0 auto 12px}
 #unify .reading-demo-actions button{justify-content:center;gap:8px;padding-inline:8px}
}
@media(max-width:760px),(max-width:1000px) and (max-height:500px){#unify .reading-demo-actions{display:none}}
@media(prefers-reduced-motion:reduce){#unify .reading-demo-actions button,#unify .reading-mobile-caption p{transition:none}}