.blog-index,.blog-article{padding-block:32px 64px}.blog-heading{justify-content:space-between;align-items:center;gap:16px;margin-bottom:24px;display:flex}.blog-heading h1,.blog-heading h2{margin:0 0 8px}.blog-muted{color:var(--muted);font-size:14px;line-height:1.6}.blog-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:24px;display:grid}.blog-card,.blog-panel{background:var(--surface);border:1px solid var(--line);border-radius:8px;overflow:hidden}.blog-card{flex-direction:column;display:flex}.blog-card-image{aspect-ratio:16/9;background:var(--surface-hover);display:block;overflow:hidden}.blog-card-image img{object-fit:cover;width:100%;height:100%}.blog-card-copy{flex-direction:column;flex:1;align-items:flex-start;padding:20px;display:flex}.blog-card-copy h3{overflow-wrap:anywhere;margin:0 0 12px;font-size:26px}.blog-card-copy p{margin:0 0 12px;line-height:1.65}.blog-tags{flex-wrap:wrap;gap:7px;margin:0 0 14px;padding:0;list-style:none;display:flex}.blog-tags a{border:1px solid var(--accent-dark);background:color-mix(in srgb, var(--accent) 10%, transparent);min-height:30px;color:var(--accent-bright);border-radius:999px;align-items:center;padding:4px 10px;font-size:13px;line-height:1.3;display:inline-flex}.blog-tags a:hover,.blog-tags a:focus-visible{border-color:var(--accent);background:color-mix(in srgb, var(--accent) 18%, transparent)}.blog-article header .blog-tags{margin-top:18px}.blog-read-more{color:var(--accent-bright);margin-top:auto;padding-top:10px}.blog-card a:hover,.blog-back:hover{color:var(--accent-bright)}.blog-panel{padding:24px}.blog-article{max-width:900px}.blog-article h1{overflow-wrap:anywhere;margin:24px 0 16px;font-size:clamp(34px,5vw,56px);line-height:1.1}.blog-back{color:var(--muted);margin-bottom:28px;display:inline-block}.blog-lead{color:var(--muted);font-size:21px;line-height:1.65}.blog-hero{margin:28px 0 36px}.blog-hero img{object-fit:contain;background:var(--surface);border-radius:8px;width:100%;max-height:650px}.blog-prose{overflow-wrap:anywhere;max-width:75ch;font-size:18px;line-height:1.8}.blog-prose p{margin:0 0 20px}.blog-prose h2{margin:36px 0 16px;font-size:32px;line-height:1.2}.blog-prose h3{margin:28px 0 12px;font-size:26px;line-height:1.3}.blog-prose blockquote{border-left:3px solid var(--accent);color:var(--muted);margin:24px 0;padding:8px 24px}.blog-prose a{color:var(--accent-bright);text-underline-offset:3px;text-decoration:underline}.blog-prose .content-spoiler{background:var(--line);color:#0000;text-shadow:0 0 7px var(--muted);cursor:pointer;-webkit-user-select:none;user-select:none;border-radius:3px;padding-inline:3px}.blog-prose .content-spoiler.is-revealed,.blog-prose:not(.spoilers-ready) .content-spoiler:focus{color:inherit;text-shadow:none;-webkit-user-select:text;user-select:text}.blog-prose figure{margin:28px 0}.blog-prose img{object-fit:contain;border-radius:6px;max-height:900px}.blog-prose figcaption,.blog-hero figcaption{color:var(--muted);margin-top:10px;font-size:14px;line-height:1.5}.blog-editor-layout{grid-template-columns:minmax(0,1fr) 330px;align-items:start;gap:24px;display:grid}.blog-editor-main,.blog-editor-sidebar,.blog-admin-list{gap:20px;min-width:0;display:grid}.blog-editor-metadata{z-index:30;position:relative;overflow:visible}.blog-fields{flex-direction:column;gap:16px;display:flex}.blog-fields label{flex-direction:column;gap:8px;font-size:14px;display:flex}.blog-fields input,.blog-fields select,.blog-fields textarea{border:1px solid var(--line);background:var(--background);width:100%;min-width:0;color:inherit;font:inherit;border-radius:4px;padding:10px 12px}.blog-fields textarea{resize:vertical}.blog-check{align-items:center;gap:10px;flex-direction:row!important;display:flex!important}.blog-check input{width:auto;accent-color:var(--accent)}.blog-actions{flex-wrap:wrap;align-items:center;gap:10px 16px;display:flex}.blog-button{border:1px solid var(--line);background:var(--surface-hover);color:inherit;font:inherit;cursor:pointer;border-radius:4px;justify-content:center;align-items:center;padding:10px 14px;display:inline-flex}.blog-button:hover{border-color:var(--accent)}.blog-button:disabled{opacity:.5;cursor:default}.blog-primary{background:var(--accent);color:#fff;border-color:var(--accent)}.blog-danger{border-color:var(--accent-dark);color:var(--accent-bright)}.blog-badge{border:1px solid var(--line);border-radius:4px;padding:4px 10px;font-size:13px}.blog-editor-surface{border:1px solid var(--line);border-radius:4px;overflow:hidden}.blog-editor .review-toolbar{background:var(--surface-hover);border-bottom:1px solid var(--line);flex-wrap:wrap;gap:6px;padding:10px;display:flex}.blog-editor .review-toolbar button{border:1px solid var(--line);color:inherit;background:var(--surface);cursor:pointer;border-radius:3px;padding:6px 9px}.blog-editor .review-toolbar button[aria-pressed=true]{border-color:var(--accent);color:var(--accent-bright)}.blog-editor .review-toolbar button:disabled{opacity:.5}.blog-editor-text .tiptap{outline-offset:-2px;overflow-wrap:anywhere;min-height:420px;padding:24px;line-height:1.8}.blog-editor-text .tiptap p.is-editor-empty:first-child:before{content:attr(data-placeholder);float:left;color:var(--muted);pointer-events:none;height:0}.blog-editor-text .content-spoiler{border:1px dashed var(--muted);background:var(--surface-hover);border-radius:3px;padding-inline:3px}.blog-editor-text .ProseMirror-selectednode{outline:2px solid var(--accent)}.blog-image-preview{object-fit:contain;width:100%;max-height:220px}.blog-feedback{color:var(--accent-bright);line-height:1.5}.blog-tag-editor{gap:8px;display:grid;position:relative}.blog-tag-label{font-size:14px}.blog-tag-selection{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.blog-tag-chip{border:1px solid var(--accent-dark);background:color-mix(in srgb, var(--accent) 12%, transparent);border-radius:999px;align-items:center;gap:5px;min-height:34px;padding:4px 5px 4px 10px;font-size:13px;display:inline-flex}.blog-tag-chip button{width:26px;height:26px;color:var(--muted);font:inherit;cursor:pointer;background:0 0;border:0;border-radius:50%;place-items:center;padding:0;font-size:19px;display:grid}.blog-tag-chip button:hover{color:var(--accent-bright);background:var(--surface-hover)}.blog-tag-open{min-height:38px}.blog-tag-live{clip:rect(0, 0, 0, 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.blog-tag-picker{z-index:40;border:1px solid var(--line);background:var(--surface);border-radius:8px;width:min(440px,100vw - 48px);padding:16px;position:absolute;top:calc(100% + 6px);right:0;box-shadow:0 14px 32px #0007}.blog-tag-picker label{gap:8px;font-size:14px;display:grid}.blog-tag-picker input{border:1px solid var(--line);background:var(--background);width:100%;min-height:42px;color:inherit;font:inherit;border-radius:4px;padding:9px 12px;font-size:16px}.blog-tag-options{overscroll-behavior:contain;gap:4px;max-height:320px;margin-top:12px;display:grid;overflow-y:auto}.blog-tag-option{width:100%;min-height:42px;color:inherit;font:inherit;text-align:left;cursor:pointer;background:0 0;border:1px solid #0000;border-radius:4px;justify-content:space-between;align-items:center;gap:16px;padding:8px 10px;display:flex}.blog-tag-option:hover,.blog-tag-option:focus-visible{background:var(--background)}.blog-tag-option.selected{border-color:var(--accent-dark);color:var(--accent-bright);background:color-mix(in srgb, var(--accent) 10%, transparent)}.blog-tag-option small{color:var(--muted);white-space:nowrap}.blog-tag-create{color:var(--accent-bright);border-color:var(--line);justify-content:flex-start}.blog-tag-option:disabled,.blog-tag-chip button:disabled{opacity:.5;cursor:wait}.blog-tag-error{color:var(--accent-bright);margin-top:12px}.blog-tag-error p{margin:0 0 8px}.blog-status{margin:0;font-size:14px}.home-news{margin-block:32px}.home-news .blog-card{isolation:isolate;background:var(--surface);min-height:clamp(320px,25vw,420px);transition:border-color .16s,transform .16s;position:relative}.home-news .blog-card:after{z-index:1;pointer-events:none;content:"";background:linear-gradient(#080a0b0a 18%,#080a0b4d 48%,#080a0bf0 100%);position:absolute;inset:0}.home-news .blog-card:hover,.home-news .blog-card:focus-within{border-color:#edece547;transform:translateY(-2px)}.home-news .blog-card-image{z-index:0;aspect-ratio:auto;position:absolute;inset:0}.home-news .blog-card-image img{filter:saturate(.33);transition:filter .22s,transform .36s}.home-news .blog-card:hover .blog-card-image img,.home-news .blog-card:focus-within .blog-card-image img{filter:saturate(.8);transform:scale(1.035)}.home-news .blog-card-copy{z-index:2;min-height:inherit;color:#edece5;text-shadow:0 1px 12px #000000a6;justify-content:flex-end;padding:clamp(18px,2vw,28px);position:relative}.home-news .blog-card-copy h3{margin-bottom:7px;font-size:clamp(23px,2vw,30px);line-height:1.08}.home-news .blog-card-copy>p{margin-bottom:9px;line-height:1.45}.home-news .blog-card-copy>p:not(.blog-muted){-webkit-line-clamp:2;-webkit-box-orient:vertical;display:-webkit-box;overflow:hidden}.home-news .blog-muted{color:#c0c1bd;font-size:12px}.home-news .blog-tags{margin-bottom:10px}.home-news .blog-tags a{min-height:27px;text-shadow:none;background:#0b0d0eb8;padding:3px 9px;font-size:12px;box-shadow:0 2px 12px #0003}.home-news .blog-read-more{text-shadow:0 1px 10px #000000d9;margin-top:2px;padding-top:5px;font-weight:700}@media (width<=1100px){.blog-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.blog-editor-layout{grid-template-columns:minmax(0,1fr) 290px;gap:16px}}@media (width<=800px){.blog-editor-layout{grid-template-columns:1fr}.blog-tag-picker{left:0;right:auto}}@media (width<=700px){.blog-grid{grid-template-columns:1fr}.blog-heading{flex-wrap:wrap;align-items:flex-start}.blog-panel{padding:18px}.blog-prose{font-size:17px}.blog-editor-text .tiptap{padding:18px}}
