.blog-page{background:var(--bx-surface)}.blog-intro,.blog-article-head{background:var(--bx-canvas);padding-block:clamp(64px,8vw,118px) clamp(56px,7vw,92px);border-bottom:1px solid var(--bx-border)}.blog-intro .mono,.blog-article-head .mono{color:var(--bx-accent);letter-spacing:.13em}.blog-intro h1,.blog-article-head h1{max-width:17ch;margin-top:20px}.blog-intro>.container>p:last-child,.blog-deck{max-width:62ch;margin-top:24px;color:var(--bx-muted);font-size:clamp(18px,2vw,22px);line-height:1.55}.blog-list{padding-block:52px 110px}.blog-row{display:grid;grid-template-columns:145px minmax(0,1fr) 230px;gap:42px;padding-block:34px;border-bottom:1px solid var(--bx-border);align-items:start}.blog-row:first-child{border-top:1px solid var(--bx-border)}.blog-row>.mono{padding-top:8px;color:var(--bx-muted)}.blog-row h2{font-size:clamp(25px,2.5vw,36px);max-width:24ch}.blog-row p{color:var(--bx-muted);font-size:16px;margin-top:13px}.blog-row .text-link{margin-top:18px}.blog-row>img{width:100%;aspect-ratio:4/3;object-fit:cover;border-radius:6px}.blog-article-head .text-link{margin-bottom:36px}.blog-article-head h1{max-width:17ch}.blog-cover{padding-top:60px}.blog-cover img{display:block;width:100%;max-height:600px;object-fit:cover;border-radius:6px}.blog-prose{max-width:820px;padding-block:65px 95px;font-size:18px;line-height:1.8}.blog-prose>*+*{margin-top:25px}.blog-prose h2{font-size:clamp(28px,3vw,38px);margin-top:65px}.blog-prose h3{font-size:25px;margin-top:44px}.blog-prose ul,.blog-prose ol{padding-left:1.5em}.blog-prose li+li{margin-top:10px}.blog-prose a{color:var(--bx-accent);text-decoration:underline}.blog-prose blockquote{margin:42px 0;padding:12px 0 12px 30px;border-left:2px solid var(--bx-accent);color:var(--bx-muted);font-size:21px}.blog-prose figure{margin:44px 0}.blog-prose figure img{display:block;width:100%;height:auto;border-radius:6px}.blog-prose hr{border:0;border-top:1px solid var(--bx-border);margin-block:55px}.blog-back{padding-bottom:90px;border-top:1px solid var(--bx-border);padding-top:22px}.admin-page{padding-block:54px 100px}.admin-layout{display:grid;grid-template-columns:280px minmax(0,1fr);gap:64px}.admin-sidebar{border-right:1px solid var(--bx-border);padding-right:32px}.admin-sidebar-head{display:grid;gap:26px;align-items:start}.admin-sidebar-head .mono{color:var(--bx-accent)}.admin-sidebar-head .button{justify-self:start}.admin-sidebar h1{font-size:34px;margin-top:46px}.admin-sidebar>p{font-size:14px;color:var(--bx-muted);margin-top:22px}.admin-post-list{margin-top:24px;border-top:1px solid var(--bx-border)}.admin-post-list button{display:grid;gap:5px;width:100%;padding:17px 4px;text-align:left;border:0;border-bottom:1px solid var(--bx-border);background:transparent}.admin-post-list button:hover,.admin-post-list button.is-selected{color:var(--bx-accent)}.admin-post-list strong{font-size:15px;font-weight:500}.admin-post-list .mono{color:var(--bx-muted);font-size:10px;text-transform:uppercase}.admin-main{min-width:0;max-width:850px}.admin-topline{display:flex;align-items:center;justify-content:space-between;padding-bottom:22px;border-bottom:1px solid var(--bx-border);color:var(--bx-muted)}.admin-state{font-family:IBM Plex Mono,monospace;font-size:11px;text-transform:uppercase;letter-spacing:.08em;color:var(--bx-muted)}.admin-state-published{color:var(--bx-success)}.admin-fields{display:grid;gap:21px;padding-block:30px}.admin-fields label{display:grid;gap:8px;font-size:13px;font-weight:600}.admin-fields input,.admin-fields textarea{width:100%;border:1px solid var(--bx-border);border-radius:6px;padding:12px 14px;background:#fff;color:var(--bx-navy);font-size:16px;font-weight:400}.admin-fields input:disabled{background:var(--bx-canvas);color:var(--bx-muted)}.admin-fields textarea{resize:vertical}.admin-body-head,.admin-cover{display:flex;gap:20px;justify-content:space-between;align-items:center;padding-block:22px;border-top:1px solid var(--bx-border)}.admin-body-head p,.admin-cover p{color:var(--bx-muted);font-size:13px;line-height:1.5;margin-top:5px}.admin-toolbar{display:flex;flex-wrap:wrap;gap:3px;padding:8px;border:1px solid var(--bx-border);border-bottom:0;background:var(--bx-canvas)}.admin-toolbar button{min-width:43px;min-height:40px;padding:5px 10px;border:0;background:transparent;border-radius:4px;font-size:13px}.admin-toolbar button:hover,.admin-toolbar button[aria-pressed=true]{background:#e3f3f1;color:var(--bx-navy)}.admin-editor-content{min-height:400px;padding:24px;border:1px solid var(--bx-border);border-radius:0 0 6px 6px;font-size:17px;line-height:1.75;outline-offset:3px}.admin-editor-content p{max-width:none}.admin-editor-content h2{font-size:29px;margin-block:25px 12px}.admin-editor-content h3{font-size:22px;margin-block:20px 10px}.admin-editor-content ul,.admin-editor-content ol{padding-left:25px}.admin-editor-content img{max-width:100%;height:auto}.admin-extra{margin-top:32px;border-bottom:1px solid var(--bx-border)}.admin-cover{flex-wrap:wrap}.admin-cover img{width:100%;max-height:280px;object-fit:cover}.admin-extra details{border-top:1px solid var(--bx-border)}.admin-extra summary{padding:22px 0;font-size:15px;font-weight:500}.admin-extra .admin-fields{padding-top:0}.admin-actions{display:flex;align-items:center;justify-content:space-between;gap:22px;padding-top:25px;flex-wrap:wrap}.admin-actions>p{font-size:14px;color:var(--bx-muted);min-height:24px}.admin-actions>div{display:flex;align-items:center;gap:12px;flex-wrap:wrap}.admin-actions .admin-delete{border-color:#c84747;color:#c84747}.admin-actions .admin-delete:hover{background:#c84747;color:#fff}@media(max-width:900px){.admin-layout{grid-template-columns:1fr;gap:44px}.admin-sidebar{border-right:0;border-bottom:1px solid var(--bx-border);padding:0 0 25px}.admin-sidebar-head{display:flex;align-items:center;justify-content:space-between}.admin-sidebar h1{margin-top:28px}.admin-post-list{display:flex;overflow-x:auto;gap:20px}.admin-post-list button{min-width:180px}}@media(max-width:700px){.blog-row{grid-template-columns:1fr;gap:12px}.blog-row>img{grid-row:2;max-width:360px}.blog-article-head .text-link{margin-bottom:24px}.blog-prose{font-size:17px;padding-block:45px 70px}.admin-page{padding-block:30px 70px}.admin-body-head{align-items:flex-start;flex-direction:column}.admin-actions>div{width:100%}}
