/* Reading owns the viewport; management appears only when requested. */
#focusDialog{height:fit-content}#focusDialog .focus-card{position:relative;overflow:visible}#focusDialog .focus-content{max-height:82dvh;border-radius:16px 16px 0 0;overflow:auto}#focusDialog .focus-content>img,#focusDialog .focus-content>video{max-height:82dvh}
.focus-information:not([open]) .focus-info-body{display:none}
.focus-actions .focus-management{border:0;margin:0;padding:0;gap:14px}.focus-actions{gap:16px!important}
.focus-info-body{position:static!important;width:100%!important;max-height:24dvh!important;box-shadow:none!important;border:0!important;border-top:1px solid #eee!important;border-radius:0!important;padding:16px 0!important;margin-top:10px}
#focusDialog .focus-information[open]{grid-column:1/-1;grid-row:3;min-width:0}
#focusDialog .focus-card aside{grid-template-columns:minmax(0,1fr) auto;column-gap:16px}
#focusDialog .focus-information{grid-column:1;grid-row:2}
#focusDialog .focus-actions{grid-column:2;grid-row:1/3}
.preview-views{grid-column:1;grid-row:2;margin-right:120px}
#focusDialog .focus-information:has(~.focus-actions):not([open]){justify-self:end;grid-column:1;grid-row:2}
@media(max-width:700px){#focusDialog .focus-actions{grid-column:1/-1;grid-row:3;justify-content:flex-end}#focusDialog .focus-information[open]{grid-row:4}#focusDialog .focus-actions .focus-management{margin-right:auto}#focusDialog .focus-information:not([open]){justify-self:start!important}.preview-views~.focus-information:not([open]){justify-self:end!important}}
#focusDialog #focusContent.archive-view{height:calc(100dvh - 146px);max-height:82dvh}
#focusDialog .focus-card aside{display:grid;grid-template-columns:minmax(0,1fr) auto auto;column-gap:20px;row-gap:4px;padding:12px 20px;max-height:none;overflow:visible;flex:none;align-items:center;border-radius:0 0 16px 16px}
#focusDialog .focus-card aside h2{font-size:18px!important;line-height:1.35;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;grid-column:1;grid-row:1}
#focusDialog .focus-information{grid-column:2;grid-row:1;position:static}.focus-information summary{font-size:11px;white-space:nowrap}.focus-information summary::after{content:''}.focus-information[open]{padding:0}.focus-information[open] summary{color:#111}
.focus-info-body{position:absolute;right:16px;bottom:64px;width:min(340px,calc(100% - 32px));max-height:60dvh;overflow:auto;overscroll-behavior:contain;padding:24px;background:#fff;border:1px solid #e9e9eb;border-radius:12px;box-shadow:0 12px 50px #0002;z-index:3;color:#555;line-height:1.5}.focus-info-body .focus-save{width:100%;margin-top:12px}.focus-management{display:flex;justify-content:space-between;gap:12px;align-items:center;border-top:1px solid #eee;margin-top:20px;padding-top:14px}.focus-management button{background:none;border:0;padding:6px 0;font-size:11px;color:#777}.focus-management .focus-delete{color:#9a4848}
#focusDialog .focus-actions{grid-column:2;grid-row:1/3;margin:0;gap:16px!important}.preview-views{grid-column:1;grid-row:2;margin-right:120px}.preview-views .archive-navigation{margin:0;gap:20px!important;justify-content:flex-start}.preview-views .archive-navigation button{flex:none;font-size:11px;padding:3px 0!important}.focus-info-body .archive-state{font-size:11px!important}
#focusDialog .focus-card aside{grid-template-columns:minmax(0,1fr) auto}#focusDialog .focus-information{grid-column:1;grid-row:2;justify-self:end}#focusDialog .focus-information[open]{grid-column:1/-1;grid-row:3;justify-self:stretch}.focus-actions .focus-management{border:0;margin:0;padding:0;gap:14px}
#focusDialog .archive-reader{max-width:720px;padding:28px 36px;font-size:18px;line-height:1.75}#focusDialog .archive-reader h1{font-size:30px}#focusDialog .focus-content .text-block{max-width:720px;font-size:28px;padding:40px;line-height:1.5}
@media(max-width:700px){#focusDialog .focus-card aside{padding:12px 14px;column-gap:12px}#focusDialog .focus-card aside h2{font-size:16px!important}.focus-information summary{font-size:10px}#focusDialog #focusContent.archive-view{height:calc(100dvh - 124px);max-height:82dvh}#focusDialog .archive-reader{padding:20px;font-size:17px}.focus-info-body{bottom:70px}#focusDialog .focus-content .text-block{padding:24px;font-size:24px}}
@media(max-width:700px){#focusDialog .focus-actions{grid-column:1/-1;grid-row:3;justify-content:flex-end}#focusDialog .focus-information[open]{grid-row:4}#focusDialog .focus-actions .focus-management{margin-right:auto}#focusDialog .focus-information:not([open]){justify-self:start!important}.preview-views~.focus-information:not([open]){justify-self:end!important}}