/* ============================================================================
superblocks.css — стили для блочного редактора (robx-superblocks)
----------------------------------------------------------------------------
Подключение:
Скоупа НЕТ: селекторы (`.notion-*`, `.ct-*`, `.pdf-viewer*`, `.gpt-modal*`)
живут глобально, чтобы редактор работал без обязательной обёртки
`.edu-root` и его можно было подключать в любую страницу — в discussion-
panel, чат, на сторонний сайт. Все классы префиксованы доменом редактора,
так что коллизий с обычным host-CSS быть не должно. Если на host-странице
уже определён хотя бы один из этих классов — оборачивай редактор в свой
контейнер и переопределяй стили внутри него.
============================================================================ */
/* Block editor (robx-superblocks) — seamless, no inner scroll */
.notion-editor-wrap{background:transparent;padding:0;margin:0;border:none;min-height:120px}
.notion-editor-wrap.readonly{background:transparent}
.notion-editor__content{display:flex;flex-direction:column;gap:0}
.notion-block{display:flex;align-items:flex-start;gap:3px;padding:0 6px;border-radius:8px;border:none;background:transparent;min-height:38px;position:relative}
.notion-block__handle{cursor:grab;color:#8f9db0;font-size:24px;line-height:1;user-select:none;opacity:0;transition:opacity .2s}
.notion-block:hover .notion-block__handle{opacity:1}
.notion-block__handle:active{cursor:grabbing}
.notion-block__content{flex:1;min-height:22px;outline:none;padding:6px 8px;border-radius:6px;font-size:15px;color:#3c4043;line-height:1.6}
.notion-block__content:empty::before{content:attr(data-placeholder);color:#9aa6b2}
.notion-block__content p{margin:0;line-height:1.5}
/* Heading scale: the block itself provides vertical rhythm, so headings get
zero margin. Sizes are a clean descending ladder — never shrink below p. */
.notion-block__content h1,
.notion-block__content h2,
.notion-block__content h3,
.notion-block__content h4,
.notion-block__content h5,
.notion-block__content h6{margin:0;line-height:1.3;font-family:inherit;color:inherit}
.notion-block__content h1{font-size:26px;font-weight:700}
.notion-block__content h2{font-size:22px;font-weight:700}
.notion-block__content h3{font-size:18px;font-weight:700}
.notion-block__content h4{font-size:16px;font-weight:600}
.notion-block__content h5{font-size:15px;font-weight:600}
.notion-block__content h6{font-size:14px;font-weight:600;color:#5f6368}
.notion-add-block{align-self:flex-start;display:inline-flex;align-items:center;gap:8px;padding:8px 14px;border-radius:999px;border:1px solid rgba(26,115,232,.3);background:rgba(26,115,232,.05);color:#1a73e8;font-weight:600;cursor:pointer}
.notion-add-block:hover,.notion-add-block:focus{background:rgba(26,115,232,.12);border-color:rgba(26,115,232,.5);outline:none}
.notion-add-block-menu{position:relative;align-self:flex-start;margin-top:10px}
.notion-add-block-menu summary{list-style:none;display:inline-block}
.notion-add-block-menu summary::-webkit-details-marker{display:none}
/* Add-block popup — matches the hover-«+» popup in robx-superblocks.js
(.rsb-add-menu) so both entry points read identically. NOT scoped to
because positionAddBlockMenu portals the element to
to escape transformed ancestors. */
.notion-add-block-options{background:#fff;border:1px solid rgba(0,0,0,.08);border-radius:10px;box-shadow:0 8px 24px rgba(0,0,0,.16);padding:6px;display:none;flex-direction:column;gap:2px;min-width:220px;z-index:5000;font-family:inherit}
details.notion-add-block-menu[open] > .notion-add-block-options{display:flex}
.notion-add-block-option{border:none;background:none;color:#3c4043;padding:8px 12px;border-radius:6px;cursor:pointer;font-size:13.5px;font-weight:500;text-align:left;font-family:inherit;white-space:nowrap}
.notion-add-block-option:hover,.notion-add-block-option:focus{background:rgba(26,115,232,.08);color:#1a73e8;outline:none}
.editor-loading{padding:24px;text-align:center;color:#9aa0a6;font-size:13px}
/* ===== robx-superblocks: per-block overlays / menus / media ===== */
/* Block types */
.notion-block__content--media{display:flex;flex-direction:column;gap:10px;padding:10px;border:1px dashed rgba(26,115,232,.3);background:transparent;border-radius:8px;width:100%;max-width:100%;min-width:240px;min-height:140px;overflow:hidden;box-sizing:border-box;align-self:flex-start;flex:none;margin-left:auto;margin-right:auto}
.notion-block__content--media[data-file-id]:not([data-file-id=""]){border:none;padding:0}
.notion-media-resize-handle{position:absolute;background:transparent;z-index:4;pointer-events:auto}
.notion-media-resize-handle.is-left,.notion-media-resize-handle.is-right{top:0;bottom:0;width:10px;cursor:ew-resize}
.notion-media-resize-handle.is-left{left:0}
.notion-media-resize-handle.is-right{right:0}
.notion-media-resize-handle.is-top,.notion-media-resize-handle.is-bottom{left:0;right:0;height:10px;cursor:ns-resize}
.notion-media-resize-handle.is-top{top:0}
.notion-media-resize-handle.is-bottom{bottom:0}
.notion-block__content--code{
flex:1;background:#111 !important;color:#f8f8f2 !important;
border-radius:8px;padding:14px 16px 14px 0;margin:0;
font-family:"SF Mono","Consolas","Monaco","Courier New",monospace;
font-size:13.5px;line-height:1.55;white-space:pre-wrap;
counter-reset:code-line;tab-size:4;-moz-tab-size:4;
overflow:auto;box-sizing:border-box;
}
.notion-block__content--code:focus{background:#111 !important;box-shadow:none;outline:1px solid rgba(26,115,232,.35)}
/* Line numbers: each top-level line (browser wraps contenteditable lines in