:root{--essay-bg:#f5f8fc;--essay-card:#fff;--essay-border:#dbe5f3;--essay-text:#1c355f;--essay-muted:#5d6f89;--essay-accent:#2e67c7}*{box-sizing:border-box}body{color:var(--essay-text);background:var(--essay-bg);margin:0;font-family:Montserrat,system-ui,-apple-system,sans-serif}.essay-page{grid-template-rows:auto 1fr;min-height:100vh;display:grid}.essay-header{border-bottom:1px solid var(--essay-border);background:#eff4fb;justify-content:space-between;align-items:center;gap:12px;padding:14px 18px;display:flex}.essay-header__title{margin:0;font-family:Playfair Display,Georgia,serif;font-size:1.1rem}.essay-header__desc{color:var(--essay-muted);margin:2px 0 0;font-size:.82rem}.essay-back{color:var(--essay-accent);align-items:center;font-size:.88rem;font-weight:600;text-decoration:none;display:inline-flex}.essay-main{grid-template-columns:290px minmax(0,1fr);gap:14px;min-height:0;padding:14px;display:grid}.essay-sidebar{background:var(--essay-card);border:1px solid var(--essay-border);border-radius:14px;padding:10px;overflow:auto}.essay-list{gap:8px;margin:0;padding:0;list-style:none;display:grid}.essay-item-btn{text-align:left;width:100%;color:var(--essay-text);cursor:pointer;background:#f8fbff;border:1px solid #d7e1ef;border-radius:10px;padding:10px 11px;transition:all .12s}.essay-item-btn:hover{background:#eef5ff;border-color:#c6d8f4}.essay-item-btn.is-active{border-color:var(--essay-accent);background:#e9f1ff;box-shadow:inset 0 0 0 1px #2e67c729}.essay-item-btn__label{font-size:.9rem;font-weight:600;display:block}.essay-item-btn__file{color:var(--essay-muted);margin-top:3px;font-size:.75rem;display:block}.essay-viewer{background:var(--essay-card);border:1px solid var(--essay-border);border-radius:14px;min-height:75vh;position:relative;overflow:hidden}.essay-viewer iframe{background:#edf3fb;border:0;width:100%;height:100%;min-height:75vh}.essay-empty{text-align:center;color:var(--essay-muted);place-items:center;margin:0;padding:20px;font-size:.92rem;display:grid;position:absolute;inset:0}@media (width<=900px){.essay-main{grid-template-columns:1fr}.essay-viewer,.essay-viewer iframe{min-height:62vh}}