/* The Whirld Lite — intentionally simple. No external font, JS, or image requests. */
:root{color-scheme:light}
*{box-sizing:border-box}
html{scroll-behavior:auto}
body{margin:0;background:#fff;color:#242424;font:19px/1.78 Georgia,"Times New Roman",serif;-webkit-text-size-adjust:100%}
a{color:#92482d;text-decoration:underline;text-underline-offset:.17em}
a:hover{color:#4b392c}
a:focus-visible{outline:2px solid #92482d;outline-offset:4px}
#riley-whirld{width:100%;min-height:100vh}
.wrap{width:min(100% - 40px,720px);margin-inline:auto}
.mast{border-bottom:1px solid #e4e3df;padding:18px 0}
.mast .wrap{display:flex;justify-content:space-between;align-items:center;gap:18px}
.identity{font:700 23px/1.2 Georgia,serif;color:#242424;text-decoration:none;white-space:nowrap}
.topnav{display:flex;gap:16px;align-items:center;flex-wrap:wrap;font:13px/1.5 system-ui,-apple-system,sans-serif}
.topnav a{color:#555;text-decoration:none;white-space:nowrap}
.topnav a[aria-current="page"],.topnav a:hover{color:#92482d;text-decoration:underline}
main.wrap{padding:58px 0 100px}
.story .eyebrow{font:600 11px/1.5 system-ui,sans-serif;letter-spacing:.11em;text-transform:uppercase;color:#777;margin:0 0 18px}
.story h1{font:700 clamp(40px,6.5vw,62px)/1.11 Georgia,"Times New Roman",serif;letter-spacing:-.025em;margin:0 0 16px}
.story .sub{font:italic clamp(21px,3vw,27px)/1.43 Georgia,serif;color:#555;margin:0 0 41px}
.prose p{margin:0 0 1.2em}
.prose blockquote{border-left:2px solid #cfc9c1;margin:34px 0;padding:0 0 0 21px;font:italic 1.2em/1.52 Georgia,serif;color:#444}
.prose strong{font-weight:700}
.chapter-break{margin:54px 0 32px;text-align:center}
.chapter-break small,.note-label,.section-label{font:600 11px/1.5 system-ui,sans-serif;letter-spacing:.09em;text-transform:uppercase;color:#888}
.inline-marginalia,.postscript,.letter-preview,.artifact{border-left:2px solid #ded8d1;margin:34px 0;padding:1px 0 1px 18px}
.inline-marginalia p,.postscript p,.letter-preview p,.artifact p{font-size:.94em;margin:12px 0}
.artifact-stats{display:flex;flex-wrap:wrap;gap:20px;margin:13px 0}
.artifact-stats div{display:flex;flex-direction:column}
.artifact-stats small,.artifact-top{font:600 11px/1.5 system-ui,sans-serif;color:#777}
.artifact-stats strong{font-size:1.13em}
.crossroads{border-top:1px solid #e5e3df;margin:48px 0 20px;padding-top:22px}
.crossroads h3{font-size:1.2em;line-height:1.4;margin:12px 0}
.crossroads-grid{display:grid;gap:10px}
.crossroads-grid a{display:block;padding:0 0 12px;border-bottom:1px solid #eeecea;text-decoration:none;color:#92482d}
.crossroads-grid strong{display:block;font-size:1.04em;text-decoration:underline;text-underline-offset:.17em}
.crossroads-grid small{display:block;color:#666;font:14px/1.55 system-ui,sans-serif;margin-top:5px}
.cross-icon{display:none}
.cross-caption,.after .aside-copy,.quiet-invite,.index-caption,.mini{color:#777;font-size:.87em}
.after{border-top:1px solid #e4e3df;margin-top:48px;padding-top:22px}
.further{display:grid;gap:5px;margin-top:12px}
.further a{font-size:.92em}
.further a:before{content:"↗ ";color:#aaa}
.index-intro{margin-bottom:25px}
.index-list{border-top:1px solid #ddd}
.index-item{display:flex;gap:14px;border-bottom:1px solid #e8e8e5;padding:14px 0;text-decoration:none;color:#333}
.index-item strong{display:block;font-size:1.08em;line-height:1.4}
.index-item small{display:block;font:14px/1.55 system-ui,sans-serif;color:#777}
.index-no{font:12px/2 system-ui,sans-serif;color:#888;min-width:25px}
.index-arrow{display:none}
.prose .action{font-weight:700}
.letter-preview .small-note{color:#777;font-size:.86em}
.footnotes{font-size:.85em}
footer{border-top:1px solid #e4e3df;color:#777;font:13px/1.8 system-ui,sans-serif;padding:22px 0 35px}
footer .wrap{display:flex;justify-content:space-between;gap:18px;flex-wrap:wrap}
footer a{color:#555;margin-left:12px}
@media(max-width:600px){body{font-size:18px;line-height:1.7}.mast .wrap{display:block}.identity{font-size:22px}.topnav{margin-top:12px;gap:15px}main.wrap{padding:38px 0 70px}.story h1{font-size:42px}.story .sub{font-size:23px;margin-bottom:30px}footer a{margin:0 12px 0 0}}