/* A deliberate selection opens a stable reading surface beside the list. */
body {--details-width:clamp(350px,32vw,460px)}
body[data-design=folio] .preview-button {width:54px;min-width:54px;font:11px var(--sans);text-decoration:underline;text-underline-offset:3px}
body[data-design=folio] .record-row.is-previewed {box-shadow:inset 0 -1px var(--accent)}
body[data-design=folio] #preview {scrollbar-color:#aa9980 var(--panel);scrollbar-width:thin}
body[data-design=folio] #preview:before {display:none}
body[data-design=folio] #preview h2 {max-width:none}
body[data-design=folio] #preview .preview-top {position:sticky;top:-20px;background:var(--panel);z-index:1;padding:12px 0;margin-top:-12px}
body[data-design=folio] #close-preview {width:44px;min-height:44px;flex-shrink:0}
body[data-design=folio] #preview .preview-sources ul {display:grid;gap:14px;font-size:12px}
body[data-design=folio] #preview .preview-sources a {display:inline-block;padding-block:3px}
@media(min-width:1100px) {
 body.details-open {padding-right:var(--details-width)}
 body.details-open .site-shell {padding-inline:28px}
 body[data-design=folio] #preview {inset:0 0 0 auto;width:var(--details-width);height:100dvh;max-height:100dvh;max-width:none;margin:0;border:0;border-left:1px solid var(--line);padding:20px 26px 30px;box-shadow:none}
 body[data-design=folio].details-open .record-row h2 {max-width:calc(100% - 160px)}
 body[data-design=folio].details-open .review-mode .record-row h2 {max-width:calc(100% - 290px)}
 body.details-open .queue-tabs {gap:12px}
 body.details-open .reading-hint {display:none}
}
@media(max-width:1099px) {
 body[data-design=folio] #preview {inset:auto 0 0;width:100%;max-width:none;max-height:85dvh;overflow:auto;margin:0;border:0;border-top:1px solid var(--line);padding:20px 25px 28px;box-shadow:0 -8px 30px #25130c26}
 body[data-design=folio] #preview-summary {font-size:15px}
}
@media(max-width:720px) {
 body[data-design=folio] .record-row {grid-template-columns:minmax(0,1fr) 54px}
 body[data-design=folio] .column-head {grid-template-columns:50px minmax(0,1fr) 54px}
 .reading-hint {display:none}
}

body[data-design=folio] #read-story {display:inline-flex;gap:20px;align-items:center;font:600 14px var(--sans);color:var(--accent);min-height:44px;padding:8px 0;margin:0 0 18px;border-bottom:1px solid var(--accent)}
body[data-design=folio] .column-head>span:last-child {visibility:hidden}
@media(min-width:721px) {
 body[data-design=folio] .record-row h2 {max-width:calc(100% - 105px)}
 body[data-design=folio] .review-mode .record-row h2 {max-width:calc(100% - 245px)}
 body[data-design=folio].details-open .record-row h2 {max-width:calc(100% - 105px)}
 body[data-design=folio].details-open .review-mode .record-row h2 {max-width:calc(100% - 235px)}
}
@media(max-width:720px) {
 body[data-design=folio] .record-row {grid-template-columns:minmax(0,1fr)}
}

body[data-design=folio] .record-row {gap:10px;min-height:29px}
.record-row time {width:92px;flex-shrink:0;font:11px var(--sans);color:var(--accent)}
body[data-design=folio] .record-row h2 {flex:0 1 auto;max-width:calc(100% - 105px)}
.tools {flex-wrap:wrap;height:auto;min-height:44px}.tools label {display:flex;align-items:center;gap:8px}.tools input{min-height:40px;border:0;background:transparent}.tools select{min-height:40px}
#preview-summary{font:14px/1.7 var(--sans)}#preview{overscroll-behavior:contain;overflow-wrap:anywhere}.preview-top{display:flex;justify-content:space-between;align-items:center}
#read-story{display:inline-flex;align-items:center;gap:20px;color:var(--accent);font:600 14px var(--sans);min-height:44px;margin-bottom:18px;border-bottom:1px solid var(--accent)}
#preview-title{max-width:none}#load-more{min-height:44px}#pages{display:flex;gap:18px;margin-block:20px}#pages a[aria-current]{font-weight:bold;text-decoration:underline}
[hidden]{display:none!important}:focus-visible{outline:2px solid var(--accent);outline-offset:4px}
@media(max-width:720px){body[data-design=folio] .record-row{grid-template-columns:minmax(0,1fr);padding-block:8px}body[data-design=folio] .record-row h2{max-width:none}.record-row time{width:auto}.reading-hint{display:none}}

.record-layout{display:block}body[data-design=folio] .record-row{min-height:26px;gap:0}.day-group{padding:2px 0}.day-number{font-size:25px}

/* Sharing stays beside the original-source action in the same quiet type scale. */
.story-sharing{display:flex;align-items:center;flex-wrap:wrap;gap:8px 16px;font:12px var(--sans)}
.story-sharing a,.story-sharing button{min-height:44px;display:inline-flex;align-items:center}
.story-sharing button{font:inherit;background:transparent;border:1px solid var(--line);padding:8px 12px;color:var(--ink);cursor:pointer}
#share-status{font:12px/1.5 var(--sans);margin:0 0 12px}
#share-status:empty{display:none}
#share-link-fallback{display:grid;gap:6px;font:12px var(--sans);margin:8px 0 16px}
#share-link-field{width:100%;min-width:0;min-height:44px;border:1px solid var(--line);background:var(--panel);color:var(--ink);font:12px var(--sans);padding:8px}
.site-shell>footer{flex-wrap:wrap;gap:12px 20px}