.idea{padding-block:var(--space-12)}.idea .section-index{margin-bottom:var(--space-6)}.idea-grid{align-items:center}.idea-reader{min-width:0;max-width:60ch;width:100%;justify-self:end}.reader-header{display:flex;justify-content:space-between;gap:var(--space-4);font-size:var(--text-xs);line-height:1.5;margin-bottom:var(--space-3)}.reader-header>span:first-child{font-weight:700}.reader-header>span:last-child{max-width:18ch;text-align:right}.reader-progress{height:2px;background:var(--line);margin-bottom:var(--space-4);overflow:hidden}.reader-progress>span{display:block;width:100%;height:100%;background:var(--ink);transform:scaleX(var(--reading-progress,0));transform-origin:left center}.reading-window{height:280px;overflow-y:auto;padding:var(--space-2) var(--space-5) var(--space-6) 0;scrollbar-width:thin;scrollbar-color:var(--ink) var(--bg);scroll-behavior:smooth;scroll-padding-block:var(--space-3)}.reading-window:focus-visible{outline:2px solid var(--ink);outline-offset:6px}.reading-window.reader-ready>:not(.text-link){opacity:.35;transform:translateY(12px);transition:opacity .5s ease,transform .5s ease}.reading-window.reader-ready>.reading-visible{opacity:1;transform:none}.reading-window .text-link{margin-bottom:var(--space-4)}.reader-header.reader-complete #reader-hint{font-weight:600}
@media(max-width:640px){.idea{padding-block:var(--space-10)}.idea-grid{gap:var(--space-6)}.reading-window{height:250px;padding-right:var(--space-4)}.reader-header{gap:var(--space-3)}}
@media(prefers-reduced-motion:reduce){.reading-window{scroll-behavior:auto}.reading-window.reader-ready>:not(.text-link){opacity:1;transform:none;transition:none}}
@media print{.reading-window{height:auto;overflow:visible}.reading-window.reader-ready>:not(.text-link){opacity:1;transform:none}.reader-header,.reader-progress{display:none}}