.blog-page{background:transparent;min-height:100svh}.blog-shell{display:grid;gap:2rem;margin-inline:auto;max-width:72rem}.blog-hero,.section-heading,.admin-editor-heading{align-items:end;display:flex;gap:1rem;justify-content:space-between}.section-heading p,.admin-editor-heading p{color:#c4b5fd;font-size:.78rem;font-weight:500;letter-spacing:.02em;margin:0 0 .35rem}.blog-hero h1{color:#f8fafc;font-size:clamp(2rem,4vw,3.2rem);font-weight:500;letter-spacing:0;line-height:1.05}.blog-search-panel{align-items:end;background:#0f172a94;border:1px solid rgba(148,163,184,.16);border-radius:1.1rem;display:grid;gap:.7rem;grid-template-columns:minmax(15rem,22rem) auto;padding:.75rem}.blog-search-panel label,[data-blog-editor] label,.cover-field{color:#aac2e8;display:grid;font-size:.78rem;gap:.45rem}.blog-search-panel input,[data-blog-editor] input,[data-blog-editor] textarea,[data-blog-editor] select{background:#0f172ab3;border:1px solid rgba(148,163,184,.22);border-radius:.9rem;color:#f8fafc;font-family:inherit;min-height:2.8rem;outline:none;padding:.75rem .9rem;transition:background .2s ease,border-color .2s ease,box-shadow .2s ease;width:100%}.blog-search-panel input:focus,[data-blog-editor] input:focus,[data-blog-editor] textarea:focus,[data-blog-editor] select:focus{background:#0f172ae6;border-color:#a855f78c;box-shadow:0 0 0 3px #a855f71f}.cover-input-row{align-items:stretch;display:grid;gap:.55rem;grid-template-columns:minmax(0,1fr) auto}.cover-upload-button{align-items:center;background:#94a3b81a;border:1px solid rgba(167,139,250,.28);border-radius:.9rem;color:#f8fafc!important;cursor:pointer;display:inline-flex!important;font-size:.85rem!important;font-weight:500;justify-content:center;min-height:2.8rem;min-width:5.2rem;padding:.7rem .9rem;position:relative;transition:background .2s ease,border-color .2s ease,transform .2s ease}.cover-upload-button:hover,.cover-upload-button:focus-within{background:#7c3aed38;border-color:#d8b4fe6b;transform:translateY(-1px)}.cover-upload-button input{block-size:1px;inline-size:1px;opacity:0;position:absolute}.blog-search-panel button,.section-heading button,.admin-editor-heading button,.blog-pagination button,.post-card-footer button,.post-edit-button,.editor-footer button{border:1px solid rgba(167,139,250,.28);border-radius:999px;color:#f8fafc;cursor:pointer;font-family:inherit;font-weight:500;min-height:2.65rem;padding:.7rem 1rem;transition:background .2s ease,border-color .2s ease,color .2s ease,opacity .2s ease,transform .2s ease}.blog-search-panel button,.editor-footer button:last-child{background:linear-gradient(180deg,rgba(255,255,255,.1),transparent),#7c3aedd1}.section-heading button,.admin-editor-heading button,.blog-pagination button,.post-card-footer button,.post-edit-button{background:#94a3b81a}.blog-search-panel button:hover,.blog-search-panel button:focus-visible,.section-heading button:hover,.section-heading button:focus-visible,.admin-editor-heading button:hover,.admin-editor-heading button:focus-visible,.blog-pagination button:hover,.blog-pagination button:focus-visible,.post-card-footer button:hover,.post-card-footer button:focus-visible,.post-edit-button:hover,.post-edit-button:focus-visible,.editor-footer button:hover,.editor-footer button:focus-visible{border-color:#d8b4fe7a;outline:none;transform:translateY(-1px)}.blog-pagination button:disabled,.section-heading button:disabled{cursor:not-allowed;opacity:.48;transform:none}.refresh-button{align-items:center;display:inline-flex;height:2.55rem;justify-content:center;min-height:2.55rem;padding:0!important;width:2.55rem}.refresh-button svg{fill:none;height:1rem;stroke:currentColor;stroke-linecap:round;stroke-linejoin:round;stroke-width:1.9;width:1rem}.refresh-button[aria-busy=true] svg{animation:refreshSpin .8s linear infinite}.admin-editor{background:radial-gradient(circle at 100% 0%,rgba(124,58,237,.12),transparent 30%),#0f172a8a;border:1px solid rgba(148,163,184,.16);border-radius:1rem;padding:.85rem 1rem}.admin-editor-heading{align-items:center}.admin-editor-heading h2{font-size:1.02rem;line-height:1.2}.admin-editor-heading p{color:#94a3b8;margin-bottom:.2rem}[data-blog-editor]{border-top:1px solid rgba(148,163,184,.14);display:grid;gap:.85rem;margin-top:.85rem;padding-top:.9rem}[data-blog-editor] textarea{line-height:1.65;resize:vertical}.editor-grid{display:grid;gap:.85rem;grid-template-columns:minmax(0,1fr) minmax(0,.75fr)}.editor-footer{align-items:end;display:grid;gap:.85rem;grid-template-columns:12rem minmax(12rem,1fr) auto}.editor-footer>div{align-items:center;display:flex;gap:.6rem;justify-content:flex-end}.featured-toggle{align-items:center;border:1px solid rgba(148,163,184,.14);border-radius:.95rem;display:flex!important;gap:.65rem!important;min-height:2.8rem;padding:.65rem .8rem}.featured-toggle input{accent-color:#8b5cf6;min-height:auto;width:auto}.editor-footer button.danger{background:#f8717121;border-color:#f8717147;color:#fecaca}.section-heading h2,.admin-editor-heading h2{color:#f8fafc;font-size:clamp(1.25rem,2.2vw,1.65rem);font-weight:500;letter-spacing:0}.section-heading span,.blog-pagination span,.post-card-footer span{color:#94a3b8;font-size:.82rem}.featured-grid{align-items:start;display:grid;gap:1rem;grid-template-columns:1fr;margin-top:1rem}.featured-grid.is-single{grid-template-columns:1fr}.post-grid{align-items:start;display:grid;gap:1rem;grid-template-columns:repeat(auto-fill,minmax(min(100%,18rem),22.5rem));justify-content:start;margin-top:1rem}.post-card,.empty-blog{background:linear-gradient(180deg,rgba(255,255,255,.045),transparent),#111827b8;border:1px solid rgba(148,163,184,.15);overflow:hidden}.post-card{border-radius:0;cursor:pointer;display:grid;grid-template-rows:auto 1fr;min-height:100%;position:relative;transition:border-color .2s ease,box-shadow .2s ease,transform .2s ease}.post-grid .post-card{aspect-ratio:1 / 1;grid-template:1fr / 1fr;isolation:isolate;min-height:0}.post-grid .post-card:after{background:linear-gradient(180deg,#02061705 16%,#0f172a6b 52%,#0f172af5);content:"";grid-area:1 / 1;pointer-events:none;z-index:1}.post-card:hover,.post-card:has(.post-card-link:focus-visible){border-color:#d8b4fe57;box-shadow:0 18px 42px #02061733;transform:translateY(-1px)}.post-card.is-featured-card{grid-template-columns:minmax(16rem,21rem) minmax(0,1fr);grid-template-rows:1fr;min-height:21rem}.post-card-body{display:grid;gap:.7rem;min-width:0;padding:1rem}.post-grid .post-card-body{align-content:end;align-self:end;grid-area:1 / 1;min-height:44%;overflow:hidden;position:relative;z-index:2}.post-card.is-featured-card .post-card-body{align-content:center;padding:clamp(1.2rem,3vw,2rem)}.post-visual{align-items:center;aspect-ratio:16 / 10;background:radial-gradient(circle at 28% 22%,rgba(216,180,254,.34),transparent 24%),linear-gradient(135deg,#0ea5e929,#581c8738),#020617;display:grid;min-height:auto;overflow:hidden;position:relative}.post-grid .post-visual{grid-area:1 / 1;height:100%}.post-visual.is-large{align-self:center;aspect-ratio:16 / 10;height:auto;min-height:0}.visual-fallback{display:grid;inset:0;place-items:center;position:absolute}.post-visual img{background:#0206175c;border-radius:.65rem;height:calc(100% - 1rem);inset:.5rem;object-fit:contain;position:absolute;transition:transform .28s ease;width:calc(100% - 1rem)}.post-card:hover .post-visual img,.post-card:has(.post-card-link:focus-visible) .post-visual img{transform:scale(1.015)}.visual-mark{aspect-ratio:1;border:1px solid rgba(255,255,255,.2);border-radius:1rem;box-shadow:0 0 60px #a855f73d,inset 0 0 28px #ffffff14;justify-self:center;rotate:45deg;width:5rem}.visual-line{border:1px solid rgba(255,255,255,.08);inset:18%;position:absolute;transform:rotate(45deg)}.visual-1{background:linear-gradient(135deg,#0f172a1a,#7c3aed3d),#111827}.visual-2{background:radial-gradient(circle at 70% 35%,rgba(103,232,249,.24),transparent 28%),linear-gradient(135deg,#02061766,#4c1d952e),#020617}.visual-3{background:linear-gradient(135deg,#94a3b838,#0f172ab3),#111827}.post-card-meta{align-items:center;color:#a8b3c7;display:flex;flex-wrap:wrap;font-size:.78rem;gap:.4rem}.post-card-meta span+span:before{color:#94a3b8a3;content:"/";margin-right:.4rem}.post-category{color:#d8b4fe}.post-status{color:#94a3b8}.post-card h3{color:#f8fafc;display:-webkit-box;font-size:1.04rem;font-weight:500;-webkit-box-orient:vertical;-webkit-line-clamp:2;letter-spacing:0;line-height:1.35;margin:0;overflow:hidden}.post-card.is-featured-card h3{font-size:clamp(1.55rem,3vw,2.35rem);line-height:1.12}.post-card-excerpt{color:#cbd5e1;display:-webkit-box;font-size:.9rem;-webkit-box-orient:vertical;-webkit-line-clamp:2;line-height:1.5;margin:0;max-width:100%;overflow:hidden}.post-card.is-featured-card .post-card-excerpt{font-size:.98rem;line-height:1.6;max-width:42rem}.post-card-footer{align-items:center;display:flex;gap:.7rem;justify-content:flex-end;margin-top:.2rem}.post-card-link{border-radius:inherit;inset:0;overflow:hidden;position:absolute;text-indent:-9999px;z-index:2}.post-card-link:focus-visible{outline:none}.post-edit-button{align-items:center;display:inline-flex;height:2.35rem;justify-content:center;min-height:2.35rem;padding:0;position:absolute;right:.85rem;top:.85rem;width:2.35rem;z-index:5}.post-edit-button svg{fill:none;height:1rem;stroke:currentColor;stroke-linecap:round;stroke-linejoin:round;stroke-width:1.8;width:1rem}.empty-blog{border-radius:1.1rem;color:#cbd5e1;display:grid;gap:.45rem;min-height:12rem;padding:1rem;place-content:center}.empty-blog h3{color:#f8fafc;font-size:1.1rem;font-weight:500}.blog-feedback{color:#94a3b8;font-size:.86rem;margin:.7rem 0 0}.blog-feedback[data-tone=success]{color:#86efac}.blog-feedback[data-tone=error]{color:#fca5a5}.blog-pagination{align-items:center;display:flex;gap:.75rem;justify-content:center;margin-top:1.2rem}.empty-blog p{color:#cbd5e1;line-height:1.65}.post-skeleton{aspect-ratio:1 / 1;animation:postSkeleton 1.25s ease-in-out infinite;background:linear-gradient(90deg,#94a3b812,#94a3b829,#94a3b812);background-size:180% 100%;border-radius:1.1rem;min-height:0}.post-skeleton.main{aspect-ratio:auto;min-height:21rem}.featured-grid>.post-skeleton:not(.main){display:none}.is-hidden{display:none!important}@keyframes postSkeleton{0%{background-position:100% 0}to{background-position:-100% 0}}@keyframes refreshSpin{to{transform:rotate(360deg)}}@media(max-width:920px){.blog-hero,.section-heading,.admin-editor-heading{align-items:start;flex-direction:column}.blog-search-panel,.featured-grid,.editor-grid,.editor-footer{grid-template-columns:1fr;width:100%}.post-card.is-featured-card{grid-template-columns:1fr;grid-template-rows:auto 1fr;min-height:0}.post-visual.is-large{height:auto;min-height:0}.editor-footer>div{justify-content:stretch}.editor-footer button{flex:1}}@media(max-width:560px){.blog-page{padding-inline:.75rem}.blog-pagination,.cover-input-row{align-items:stretch;flex-direction:column;grid-template-columns:1fr}.blog-pagination button{width:100%}}