.guide-update-age{display:grid;grid-template-columns:auto minmax(0,1fr);align-items:center;gap:3px 10px;width:fit-content;max-width:100%;margin:0 0 18px;padding:11px 14px;border:1px solid var(--theme-line);border-radius:7px;background:var(--paper);color:var(--ink);line-height:1.5;font-size:15px}
.guide-update-age small{grid-column:2;font-size:10px;font-weight:400;color:inherit}.guide-age-icon{font-size:24px;grid-row:1/3}
.guide-update-age--recent{background:light-dark(#d8f8e9,#173c30);color:light-dark(#144c38,#b9f5d9);border-color:light-dark(#52a981,#6ac49d);box-shadow:0 0 20px light-dark(#5ddeac1a,#5ddeac26)}
.guide-update-age--older{background:light-dark(#fff0d4,#45321c);color:light-dark(#654014,#f4d39c);border-color:light-dark(#c59b56,#b38e52)}
.guide-update-age--unknown{font-size:13px;color:var(--muted)}
.reader-edit-slot{margin-block:16px 0}
.reader-edit-dock{position:fixed;z-index:45;right:max(12px,env(safe-area-inset-right));bottom:max(18px,env(safe-area-inset-bottom));width:190px;padding:10px;border:1px solid var(--theme-line);border-radius:8px;background:var(--paper);box-shadow:0 4px 24px #0003;box-sizing:border-box}
.reader-edit-dock .suggest-edit{display:flex;margin:0;width:100%;min-width:0;padding:10px;box-sizing:border-box;gap:8px;font-size:12px;line-height:1.5}.reader-edit-dock .suggest-edit svg{width:18px;height:18px;padding:5px}.reader-edit-dock .edit-arrow{display:none}.reader-edit-dock .suggest-edit small{font-size:9px}
.reader-edit-collapse,.reader-edit-restore{font:inherit;min-height:44px;border:1px solid var(--theme-line);border-radius:5px;background:var(--paper);color:var(--ink);cursor:pointer}.reader-edit-collapse{display:block;width:100%;font-size:11px;margin-top:8px}.reader-edit-restore{font-size:12px;padding:8px 12px;box-shadow:0 0 16px #b9e76033}.reader-edit-dock.is-collapsed{width:auto;padding:0;background:transparent;border:0;box-shadow:none}
.reader-edit-dock [hidden]{display:none!important}.reader-edit-dock :focus-visible{outline:3px solid var(--theme-accent);outline-offset:3px}
/* A dedicated desktop gutter keeps the fixed action outside the reading column. */
@media(min-width:1180px){body.reader-edit-enhanced .workspace{padding-right:210px}body.reader-edit-enhanced.reader-edit-collapsed .workspace{padding-right:100px}}
/* Narrow readers can scroll every final line and focused control above the dock. */
@media(max-width:1179px){body.reader-edit-enhanced{padding-bottom:calc(136px + env(safe-area-inset-bottom))}body.reader-edit-enhanced.reader-edit-collapsed{padding-bottom:calc(64px + env(safe-area-inset-bottom))}html{scroll-padding-bottom:calc(146px + env(safe-area-inset-bottom))}.reader-edit-dock{width:min(330px,calc(100vw - 24px));padding:8px;display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:8px}.reader-edit-dock .suggest-edit{font-size:12px}.reader-edit-dock .reader-edit-collapse{width:auto;margin:0;padding:8px;max-width:84px;line-height:1.4}.reader-edit-dock.is-collapsed{display:block;width:auto}}
@media(max-width:420px){.guide-update-age{font-size:14px;padding:10px}.guide-update-age small{font-size:10px}.reader-edit-dock .suggest-edit small{max-width:23ch}}
@media(prefers-reduced-motion:reduce){.guide-update-age,.reader-edit-dock,.reader-edit-dock *{animation:none!important;transition:none!important}}
@media(forced-colors:active){.guide-update-age,.reader-edit-dock{border-color:CanvasText;background:Canvas;color:CanvasText;box-shadow:none}.reader-edit-collapse,.reader-edit-restore{border-color:ButtonText;color:ButtonText}}
@media print{.reader-edit-dock{display:none!important}.guide-update-age{box-shadow:none;break-inside:avoid}body.reader-edit-enhanced .workspace{padding-right:0}body.reader-edit-enhanced{padding-bottom:0}}