.reading-page{--ink:#122b2c;--paper:#fbf9f3;--gold:#b99764;--line:#d9d2c2;margin:0;background:var(--paper);color:var(--ink);font:16px/1.9 Tahoma,Arial,sans-serif}
.reading-page header{display:flex;justify-content:space-between;align-items:center;gap:16px;padding:18px max(5vw,16px);border-bottom:1px solid var(--line)}
.reading-page a{color:inherit;text-underline-offset:4px}
.reading-content{max-width:740px;margin:auto;padding:44px max(5vw,16px)}
.reading-content h1{font:clamp(27px,5vw,44px)/1.45 Tahoma,Arial,sans-serif}
.reading-text,.reading-comments article p{white-space:pre-wrap;overflow-wrap:anywhere}
.reading-image{display:block;max-width:100%;max-height:680px;margin:20px auto}
.reading-actions,.editor-actions{display:flex;flex-wrap:wrap;align-items:center;gap:10px;margin:20px 0}
.reading-page button,.reading-comments button{min-height:44px;padding:8px 16px;font:inherit;background:transparent;color:inherit;border:1px solid var(--gold,#b99764);cursor:pointer}
.reading-comments{margin-top:36px;padding:20px 0;border-top:1px solid var(--line,#d9d2c2)}
.reading-comments label,.content-editor label{display:block;margin:12px 0}
.reading-comments :is(input,textarea),.reading-page textarea{display:block;width:100%;box-sizing:border-box;padding:10px;font:inherit;border:1px solid var(--line,#d9d2c2);background:var(--paper,#fbf9f3);color:inherit}
.reading-comments article{margin:12px 0;border-bottom:1px solid var(--line,#d9d2c2)}
.managed-list{margin-top:28px}
.managed-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,260px),1fr));gap:14px}
.managed-card,.managed-grid .film-card{padding:20px;border:1px solid var(--line);overflow-wrap:anywhere}
.managed-grid .film-card{display:block}
.content-editor{margin:22px 0;padding:clamp(12px,4vw,28px);border:1px solid var(--line)}
.content-editor [hidden]{display:none}

#admin-shortcut:not([hidden]){display:inline-flex;align-items:center;min-height:44px;padding:.35rem .65rem;border:1px solid currentColor;border-radius:.4rem;white-space:nowrap;font-size:.85rem;text-decoration:none}
#admin-shortcut[hidden]{display:none}
#admin-panel{scroll-margin-top:7rem}
#admin-editor-slot,#admin-comments-slot{margin-block:1rem 1.5rem}
#admin-member-emails{overflow-wrap:anywhere}
@media(max-width:380px){#admin-shortcut:not([hidden]){font-size:.76rem;padding-inline:.35rem}}