/* The Infinite Book: compact orange WidgetPhi-compatible story card. */
#infiniteBook{margin:12px 0 16px;max-width:100%;font-family:inherit}
#infiniteBook .ib-head{display:flex;align-items:center;justify-content:space-between;gap:8px;margin-bottom:6px}
#infiniteBook .ib-head strong{font-size:11px;letter-spacing:.5px;color:#893e08;line-height:1.35}
#infiniteBook button{font:inherit;cursor:pointer}
#infiniteBook .ib-next{border:1px solid #c77f45;background:#fff2e5;color:#7c3804;border-radius:8px;padding:7px 9px;white-space:nowrap;font-size:12px;font-weight:750}
#infiniteBook .ib-next:disabled{opacity:.55;cursor:not-allowed}
#infiniteBook .ib-story{background:linear-gradient(150deg,#ffdaab,#f6a75c);color:#321902;border:2px solid #cc7224;border-radius:13px;padding:14px;box-shadow:0 2px 0 rgba(127,69,11,.14)}
#infiniteBook .ib-category{font-size:11px;font-weight:800;line-height:1.45;text-transform:capitalize;color:#642f0b}
#infiniteBook .ib-title{font-size:19px;line-height:1.25;margin:7px 0 10px;color:#321902}
#infiniteBook .ib-summary,#infiniteBook .ib-full{font-size:14px;line-height:1.55;margin:0 0 10px;color:#3d230d;white-space:pre-line}
#infiniteBook details{border-top:1px solid rgba(75,40,9,.25);padding-top:9px;margin-top:9px}
#infiniteBook summary{cursor:pointer;font-size:13px;font-weight:800;color:#522502;padding:4px 0}
#infiniteBook .ib-full{padding-top:10px}
#infiniteBook .ib-source{display:inline-block;line-height:1.5;font-size:12px;font-weight:800;color:#642f0b;text-decoration:underline;overflow-wrap:anywhere}
#infiniteBook .ib-actions{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:6px;margin-top:13px}
#infiniteBook .ib-action{background:#fff5e8;border:1px solid #a75c1b;border-radius:7px;padding:9px 3px;font-size:12px;color:#4d2909;font-weight:800;min-height:38px}
#infiniteBook .ib-action:active,#infiniteBook .ib-next:active{transform:translateY(1px)}
#infiniteBook .ib-build{display:flex;align-items:center;flex-wrap:wrap;gap:6px;margin-top:10px;padding-top:10px;border-top:1px solid rgba(75,40,9,.18)}
#infiniteBook .ib-build span{font-size:12px;font-weight:700}
#infiniteBook .ib-build-link{display:inline-block;background:#5e287e;color:#fff;text-decoration:none;padding:7px 8px;border-radius:7px;font-size:12px;font-weight:750}
#infiniteBook .ib-next:focus-visible,#infiniteBook .ib-action:focus-visible,#infiniteBook a:focus-visible,#infiniteBook summary:focus-visible{outline:3px solid #124aff;outline-offset:2px}
#infiniteBook .ib-status{margin:6px 2px 0;min-height:16px;font-size:11px;color:#6d4f30}
@media(max-width:360px){#infiniteBook .ib-head strong{font-size:10px}#infiniteBook .ib-next{font-size:11px;padding:7px}#infiniteBook .ib-title{font-size:17px}#infiniteBook .ib-story{padding:11px}}

#infiniteBook .ib-more-sources{display:grid;gap:5px;margin-top:6px}
#infiniteBook .ib-more-sources .ib-source{font-size:11px}


/* Phi card family: rounded tactile controls, not square tiles. */
#infiniteBook .ib-story{border-radius:20px}
#infiniteBook .ib-next{border-radius:999px;padding:9px 13px}
#infiniteBook .ib-action{border-radius:19px;min-height:43px}
#infiniteBook .ib-build-link{border-radius:999px;padding:9px 12px}


/* Oracle story presentation: layered orange card with a bright, legible action rail. */
#infiniteBook{scroll-margin-top:76px}
#infiniteBook .ib-head{gap:12px;flex-wrap:wrap;margin:17px 2px 9px}
#infiniteBook .ib-head strong{font-size:12px;letter-spacing:1px;color:#853c12}
#infiniteBook .ib-story{position:relative;padding:19px 16px 17px;border-radius:24px;border:1px solid #d88b42;background:radial-gradient(circle at 100% 0%,#fff4d7 0%,transparent 52%),linear-gradient(155deg,#ffe8c3,#f4af6b 70%,#e99248);box-shadow:0 14px 32px #a75c2440,inset 0 1px 0 #fff8eb;overflow:hidden}
#infiniteBook .ib-story::before{content:"";position:absolute;top:0;left:0;right:0;height:4px;background:linear-gradient(90deg,#bb6225,#fff3bb,#e38b3e)}
#infiniteBook .ib-category{display:inline-block;background:#fff4e2d9;border:1px solid #dfac78;border-radius:999px;padding:6px 10px;color:#69310e;font-size:11px;letter-spacing:.18px}
#infiniteBook .ib-title{font-size:clamp(20px,5.1vw,25px);line-height:1.24;letter-spacing:-.35px;margin:13px 0 10px;color:#361905}
#infiniteBook .ib-summary,#infiniteBook .ib-full{font-size:14px;line-height:1.68;color:#39220f}
#infiniteBook .ib-details{background:#fff8eacc;border:1px solid #dfae78;border-radius:17px;padding:12px;margin:13px 0 0}
#infiniteBook .ib-details summary{min-height:32px;color:#6c330c}
#infiniteBook .ib-details summary::marker{color:#8f410d}
#infiniteBook .ib-actions{gap:8px}
#infiniteBook .ib-action,#infiniteBook .ib-next{background:linear-gradient(160deg,#fff,#fff0e3);border:1px solid #dbb087;color:#66300f;box-shadow:0 3px 9px #8c501824;border-radius:999px;transition:transform .15s,box-shadow .15s,background .15s}
#infiniteBook .ib-action:hover,#infiniteBook .ib-next:hover,#infiniteBook .ib-action:focus-visible,#infiniteBook .ib-next:focus-visible{box-shadow:0 0 0 2px #fff7ea,0 0 14px #fdc082}
#infiniteBook .ib-build{border-top:1px solid #b66e3d63;padding-top:14px}
#infiniteBook .ib-build > span{font-weight:850;color:#60300d}
#infiniteBook .ib-build-link{box-shadow:0 4px 12px #58249421;border:1px solid #cfb0db!important;background:linear-gradient(160deg,#fff,#f8eefe)!important;color:#552b76!important}
#infiniteBook .ib-status{font-size:11px;line-height:1.5;color:#765336;margin-top:8px;overflow-wrap:anywhere}
@media(max-width:360px){#infiniteBook .ib-story{padding:15px 12px}#infiniteBook .ib-title{font-size:20px}}
@media(prefers-reduced-motion:reduce){#infiniteBook .ib-action,#infiniteBook .ib-next{transition:none}}