.article-entry{display:flex;align-items:center;gap:14px;padding:18px 20px;margin:12px 0 20px;border:1px solid var(--line);border-radius:16px;background:var(--surface);color:var(--ink);text-decoration:none}.article-entry:hover{border-color:var(--brand);background:var(--mint)}.article-entry strong,.article-entry small{display:block}.article-entry strong{font-size:17px}.article-entry small{margin-top:4px;line-height:1.45;color:var(--muted)}.article-entry>span:last-child{margin-left:auto}.article-entry-icon{padding:12px;border-radius:12px;background:var(--mint);color:var(--brand-deep)}.article-entry svg{width:24px;height:24px}.hub-rules{padding:20px!important}.hub-rules p{font-size:14px;line-height:1.6}.hub-rules>a{font-weight:700;color:var(--brand-deep)}
.article-studio[hidden],.article-fallback[hidden]{display:none}.article-studio{--editor-top:12px;padding:8px 0 60px}.article-studio form{margin:0;display:block}.article-actions{position:sticky;top:0;z-index:12;display:flex;align-items:center;gap:14px;background:var(--surface);border:1px solid var(--line);border-radius:14px;padding:12px 16px;margin-bottom:20px}.article-actions>a{font-size:14px;white-space:nowrap}.article-state{font-size:12px;color:var(--muted);border-left:1px solid var(--line);padding-left:14px}.article-save-state{margin-left:auto;color:var(--muted);font-size:12px}.article-actions .button{font-size:13px;white-space:nowrap}.article-layout{display:grid;grid-template-columns:190px minmax(0,1fr);gap:22px;align-items:start}.article-outline{position:sticky;top:96px;background:var(--surface);border:1px solid var(--line);border-radius:14px;padding:18px;font-size:13px}.article-outline summary{font-weight:800;cursor:pointer}.article-outline nav{display:grid;gap:4px;margin:16px 0}.article-outline nav a{padding:8px;border-radius:8px;overflow-wrap:anywhere}.article-outline nav a:hover{background:var(--mint)}.article-outline p,.article-outline small{color:var(--muted);line-height:1.5}.article-outline>a{display:block;margin-top:18px;color:var(--brand-deep)}.article-paper{min-width:0;background:var(--surface);border:1px solid var(--line);border-radius:18px;padding:28px 38px 36px;box-shadow:0 10px 35px #101b2305}.article-cover{position:relative;display:grid;place-items:center;min-height:100px;background:var(--bg);border:1px dashed var(--line);border-radius:12px;margin-bottom:24px;overflow:hidden}.article-cover.has-cover{border:0}.article-cover img{width:100%;height:230px;object-fit:cover;display:block}.article-cover img[hidden]{display:none}.article-cover>div{display:flex;gap:6px;padding:12px}.article-cover.has-cover>div{position:absolute;top:0;right:0}.article-cover .button{font-size:12px;background:var(--surface);cursor:pointer}.article-title-row{position:relative}.article-title-row textarea{border:0!important;box-shadow:none!important;border-radius:0;background:transparent!important;padding:0!important;font-size:34px!important;font-weight:850;line-height:1.22;min-height:90px;width:100%;resize:vertical;color:var(--ink);font-family:inherit}.article-title-row>button{margin:6px 0}.article-intro{color:var(--muted);font-size:13px;line-height:1.6}.article-toolbar{position:sticky;top:78px;z-index:10;display:flex;align-items:center;gap:3px;background:var(--surface);border:1px solid var(--line);border-radius:10px;padding:6px;margin:22px 0}.article-toolbar button,.article-toolbar select{font-family:inherit;border:0;background:transparent;color:var(--ink);padding:8px;min-width:34px;min-height:36px;border-radius:6px;cursor:pointer;font-size:14px;width:auto;margin:0}.article-toolbar button:hover{background:var(--mint)}.article-toolbar select{max-width:145px}.article-block{position:relative;margin:0 0 16px;min-width:0;scroll-margin-top:145px}.article-editable{font-size:18px;line-height:1.8;outline:none;min-height:52px;overflow-wrap:anywhere}.article-editable:empty:before{content:attr(data-placeholder);color:var(--muted);pointer-events:none}.article-editable p{margin:0 0 16px}.article-editable h2,.article-preview h2{font-size:27px;margin:24px 0 14px}.article-editable h3{font-size:22px}.article-editable a{color:var(--brand-deep);text-decoration:underline}.article-editable blockquote,.article-preview blockquote{border-left:3px solid var(--brand);background:var(--mint);margin:16px 0;padding:12px 18px;border-radius:0 10px 10px 0}.article-block-tools{display:flex;gap:3px;opacity:0;transition:opacity .15s;flex-wrap:wrap}.article-block:focus-within .article-block-tools,.article-block:hover .article-block-tools,.article-block.is-selected .article-block-tools{opacity:1}.article-block-tools button{border:0;background:var(--bg);padding:5px 9px;color:var(--muted);border-radius:6px;font-size:11px;cursor:pointer}.article-block-tools button:hover{background:var(--mint);color:var(--ink)}.article-photo img{max-width:100%;height:auto;border-radius:10px;display:block}.article-photo.is-selected img{outline:2px solid var(--brand);outline-offset:2px}.article-photo .article-block-tools{margin-top:8px}.article-bottom{display:flex;align-items:center;flex-wrap:wrap;gap:8px;padding-top:20px;border-top:1px solid var(--line)}.article-bottom span{font-size:12px;color:var(--muted);margin-left:auto}.article-error{color:#b52b37;font-size:14px;white-space:pre-line}.article-busy .article-paper{opacity:.7;pointer-events:none}.article-preview{width:min(850px,calc(100vw - 24px));max-height:90vh;padding:26px;border:1px solid var(--line);border-radius:16px;background:var(--surface);color:var(--ink)}.article-preview::backdrop{background:#101b2377}.article-preview article{padding:24px 12px;font-size:18px;line-height:1.8}.article-preview img{max-width:100%;height:auto;border-radius:10px}.has-article-editor footer{display:none}.article-focus .article-outline{display:none}.article-focus .article-layout{grid-template-columns:minmax(0,850px);justify-content:center}body.article-focus>header{display:none}
@media(max-width:900px){.article-layout{grid-template-columns:1fr}.article-outline{position:static}.article-outline details:not([open])~p{display:none}.article-outline p{display:none}.article-outline>a{display:inline-block;margin:8px 0 0}.article-paper{padding:22px}.article-actions{flex-wrap:wrap;gap:8px}.article-save-state{flex:1;text-align:right}.article-title-row textarea{font-size:29px!important}}
@media(max-width:600px){.article-studio{padding-top:0}.article-actions{position:sticky;top:0;padding:10px;border-radius:10px;margin-bottom:12px}.article-state{display:none}.article-save-state{font-size:10px}.article-actions .button{flex:1}.article-layout{gap:12px}.article-outline{padding:12px}.article-paper{padding:15px;border-radius:12px}.article-cover img{height:155px}.article-title-row textarea{font-size:26px!important;min-height:100px}.article-toolbar{top:102px;flex-wrap:wrap;gap:0;padding:4px}.article-toolbar select{max-width:105px}.article-toolbar button{font-size:12px;min-width:32px;padding:6px}.article-editable{font-size:17px;line-height:1.7}.article-block-tools{opacity:1}.article-entry{padding:14px}.article-entry small{font-size:12px}.article-preview{padding:14px}.article-preview article{padding:18px 0}.article-bottom span{width:100%;margin:8px 0 0}}

.article-studio [hidden]{display:none!important}
.article-toolbar{top:var(--article-action-height,80px)}
.article-block-tools details{position:relative;font-size:12px;color:var(--muted)}
.article-block-tools summary{list-style:none;cursor:pointer;padding:4px 8px;border-radius:6px}
.article-block-tools summary:hover{background:var(--mint)}
.article-block-tools details>div{position:absolute;z-index:15;top:100%;left:0;min-width:170px;padding:6px;display:grid;gap:4px;border:1px solid var(--line);border-radius:10px;background:var(--surface);box-shadow:var(--shadow-lift)}
.article-block-tools details>div button{text-align:left;white-space:nowrap;padding:9px}
.article-outline small{display:block}
.article-preview .article-editable{min-height:0}
/* d77: кнопки обложки одной высоты; окно портала вместо confirm/prompt браузера. */
.article-cover .button{min-height:40px;height:40px;padding:0 16px;margin:0;line-height:1;box-sizing:border-box}
.article-ask{width:min(420px,calc(100vw - 32px));padding:24px;border:1px solid var(--line);border-radius:16px;background:var(--surface);color:var(--ink);box-shadow:0 20px 50px #101b2330}
.article-ask::backdrop{background:#101b2377}
.article-ask form{margin:0}.article-ask h2{font-size:19px;margin:0 0 8px;line-height:1.3}.article-ask p{color:var(--muted);font-size:14px;line-height:1.5;margin:0 0 16px}
.article-ask input{margin:0 0 6px}.article-ask .article-ask-error{color:var(--danger);font-size:13px;min-height:1.3em;margin:0 0 10px}
.article-ask-actions{display:flex;justify-content:flex-end;gap:8px;flex-wrap:wrap}.article-ask-actions .button{min-height:40px;margin:0}
.article-ask .button.danger{background:var(--danger);border-color:var(--danger);color:var(--on-brand)}
@media(max-width:600px){.article-ask-actions .button{flex:1}}