:root{--bg: #ffffff;--text: #132238;--muted: #5e6a7c;--line: #d9e1ec;--navy: #001b55;--blue: #0077ff;--brown: #64291f;--soft: #f7f9fc;--shadow: 0 16px 36px rgb(15 35 65 / .1);font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}*{box-sizing:border-box}html{background:var(--bg);color:var(--text)}body{margin:0;color:var(--text);line-height:1.6;letter-spacing:0}a{color:inherit;text-decoration:none}button,input,select,textarea{font:inherit}.container{width:min(1160px,calc(100% - 40px));margin:0 auto}.site-header{position:sticky;top:0;z-index:50;border-bottom:1px solid rgb(217 225 236 / .76);background:#ffffffe0;backdrop-filter:blur(18px)}.site-header__inner{width:min(1160px,calc(100% - 40px));min-height:72px;margin:0 auto;display:flex;align-items:center;justify-content:space-between;gap:28px}.brand{display:inline-flex;align-items:center;gap:12px}.brand__mark{width:52px;height:42px;display:inline-grid;place-items:center;overflow:hidden;border-radius:10px;background:#fff;color:#111827;font-weight:900}.brand__mark--image img{display:block;width:100%;max-height:34px;object-fit:contain}.brand strong,.brand small{display:block}.brand strong{font-size:16px;font-weight:900}.brand small{color:var(--muted);font-size:12px;font-weight:700}.site-nav{display:flex;align-items:center;gap:24px;color:#26384f;font-size:14px;font-weight:800}.site-nav__cta,.admin-link{min-height:40px;display:inline-flex;align-items:center;justify-content:center;padding:9px 16px;border-radius:6px;background:var(--brown);color:#fff}.basic-page{background:#fff}.blog-head{padding:clamp(42px,7vw,76px) 0 18px}.blog-title-row{display:flex;justify-content:space-between;align-items:start;gap:24px;padding-bottom:12px;border-bottom:2px solid #1c46d8}.blog-title-row h1{margin:0 0 10px;color:#071e3a;font-size:clamp(1.72rem,3.2vw,2.15rem);font-weight:900;line-height:1.24}.blog-title-row p{margin:0;color:var(--navy);font-size:clamp(1.03rem,2vw,1.24rem);font-weight:900}.category-tabs{display:flex;gap:8px;overflow-x:auto;padding:18px 0 0;scrollbar-width:none}.category-tabs::-webkit-scrollbar{display:none}.category-tabs a{flex:0 0 auto;min-height:36px;display:inline-flex;align-items:center;padding:8px 12px;border:1px solid var(--line);border-radius:6px;background:var(--soft);color:#18304f;font-size:13px;font-weight:900}.category-tabs a:hover,.category-tabs a.is-active{border-color:#1c46d8;color:#173bb6}.blog-feed{padding:18px 0 clamp(74px,10vw,110px)}.blog-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}.blog-card{overflow:hidden;display:grid;grid-template-rows:auto 1fr;min-height:100%;border:1px solid #dfe5ed;border-radius:0;background:#fff;box-shadow:0 7px 20px #20365214;color:#26384f;transition:transform .18s ease,box-shadow .18s ease}.blog-card:hover{transform:translateY(-2px);box-shadow:0 12px 28px #20365221}.blog-card__media{display:block;aspect-ratio:16 / 9;overflow:hidden;background:#e9eef5}.blog-card__media img{display:block;width:100%;height:100%;object-fit:cover;transition:transform .18s ease}.blog-card:hover .blog-card__media img{transform:scale(1.02)}.blog-card__body{display:grid;align-content:start;gap:9px;padding:14px}.blog-card__brand{width:max-content;max-width:100%;padding:3px 7px;border:1px solid #ecd5cd;background:#fff7f4;color:#773629;font-size:12px;line-height:1.2}.blog-card strong{color:#001e9f;font-size:1.08rem;font-weight:900;line-height:1.38}.blog-card__summary{display:-webkit-box;min-height:5.3em;overflow:hidden;-webkit-box-orient:vertical;-webkit-line-clamp:4;color:#5d6b7e;font-size:14px;line-height:1.72}.blog-card__more{width:max-content;margin-top:2px;padding:7px 12px;border-radius:4px;background:var(--blue);color:#fff;font-size:13px;font-weight:900}.blog-card__date{color:#7d8794;font-size:12px}.quick-dock{position:fixed;right:18px;bottom:18px;z-index:60;display:grid;grid-template-columns:repeat(4,minmax(66px,1fr));gap:8px;padding:10px;border:1px solid rgb(217 225 236 / .9);border-radius:24px;background:#ffffffdb;box-shadow:var(--shadow);backdrop-filter:blur(18px)}.quick-dock a{min-height:58px;display:grid;place-items:center;gap:4px;padding:8px 10px;border-radius:16px;color:#23364f;font-size:12px;font-weight:900}.quick-dock a:hover{background:#edf4ff;color:#005fd1}.quick-dock svg{width:20px;height:20px}.article-page{padding:clamp(34px,6vw,72px) 0 96px}.article{width:min(820px,calc(100% - 40px));margin:0 auto}.article__back,.article__category{color:#005fd1;font-size:13px;font-weight:900}.article h1{margin:14px 0;color:#071e3a;font-size:clamp(2rem,5vw,3.2rem);line-height:1.16}.article__summary{color:#48596f;font-size:1.12rem;font-weight:700}.article__meta{margin:18px 0 22px;color:#7d8794;font-size:13px}.article__image{width:100%;aspect-ratio:16 / 9;object-fit:cover;border:1px solid var(--line)}.article__body{margin-top:30px;color:#26384f;font-size:1.04rem;line-height:1.9}.article__body h2,.article__body h3,.article__body h4{margin:34px 0 12px;color:#071e3a;line-height:1.32}.article__body h2{font-size:1.5rem}.article__body h3,.article__body h4{font-size:1.22rem}.article__body ul,.article__body ol{margin:18px 0;padding-left:1.35rem}.article__body li+li{margin-top:7px}.article__body blockquote{margin:24px 0;padding:14px 18px;border-left:4px solid #0077ff;background:#f4f8ff;color:#23364f;font-weight:800}.article__body a{color:#005fd1;font-weight:900;text-decoration:underline;text-underline-offset:3px}.article__body img{display:block;width:100%;height:auto;margin:22px 0;border:1px solid var(--line)}.article__body code{padding:2px 5px;border-radius:5px;background:#edf4ff}.article__body pre{overflow-x:auto;padding:14px;border-radius:8px;background:#101827;color:#fff}.empty-state{width:min(720px,calc(100% - 40px));margin:0 auto;padding:60px 0}.admin-body{background:#f2f5f9}.admin-body .site-header{display:none}.admin-shell{min-height:100vh;display:grid;grid-template-columns:248px minmax(0,1fr)}.admin-sidebar{position:sticky;top:0;height:100vh;padding:22px 16px;border-right:1px solid #d8e0ea;background:#ffffffe0;backdrop-filter:blur(18px)}.admin-logo{display:flex;align-items:center;gap:10px;margin-bottom:28px}.admin-logo span{width:40px;height:40px;display:grid;place-items:center;border-radius:14px;background:#111827;color:#fff;font-weight:900}.admin-logo strong{font-size:16px;font-weight:900}.admin-sidebar nav{display:grid;gap:8px}.admin-sidebar nav a{padding:12px 13px;border-radius:12px;color:#35465d;font-size:14px;font-weight:900}.admin-sidebar nav a:hover{background:#edf4ff;color:#005fd1}.admin-main{padding:28px}.admin-topbar{display:flex;justify-content:space-between;align-items:start;gap:18px;margin-bottom:22px}.admin-topbar h1{margin:0 0 6px;font-size:clamp(1.7rem,3vw,2.4rem);line-height:1.2}.admin-topbar p{margin:0;color:var(--muted);font-weight:700}.admin-user{padding:8px 12px;border:1px solid var(--line);border-radius:999px;background:#fff;color:#35465d;font-size:13px;font-weight:900}.admin-stat-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;margin-bottom:18px}.admin-stat-grid article,.admin-panel{border:1px solid #d8e0ea;border-radius:20px;background:#fff;box-shadow:0 12px 28px #1529460f}.admin-stat-grid article{padding:18px}.admin-stat-grid strong{display:block;color:#071e3a;font-size:2rem;line-height:1}.admin-stat-grid span{color:var(--muted);font-size:13px;font-weight:900}.admin-panel{padding:18px}.admin-panel__head{display:flex;justify-content:space-between;align-items:center;gap:12px;margin-bottom:16px}.admin-panel__head h2{margin:0;font-size:1.12rem}.admin-panel__head a,.ghost-button{border:1px solid var(--line);border-radius:999px;background:#fff;color:#24415f;padding:8px 12px;font-size:13px;font-weight:900;cursor:pointer}.admin-grid-2{display:grid;grid-template-columns:minmax(320px,.82fr) minmax(0,1.18fr);gap:18px}.post-admin-grid{grid-template-columns:minmax(0,1.45fr) minmax(300px,.55fr);align-items:start}.post-editor-form{gap:16px}.admin-actions{display:flex;flex-wrap:wrap;gap:8px}.admin-form-row{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.admin-table{display:grid;gap:8px}.admin-row{display:grid;grid-template-columns:minmax(0,1fr) auto auto;gap:14px;align-items:center;padding:12px;border:1px solid #e3e9f1;border-radius:14px;background:#fbfcfe}.admin-row span{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-weight:900}.admin-row small{color:var(--muted);font-weight:800}.admin-row em{border-radius:999px;background:#edf4ff;color:#005fd1;padding:4px 8px;font-size:12px;font-style:normal;font-weight:900}.admin-form{display:grid;gap:13px}.admin-form label{display:grid;gap:7px;color:#31445c;font-size:13px;font-weight:900}.admin-form input,.admin-form select,.admin-form textarea{width:100%;border:1px solid #d6e0eb;border-radius:12px;background:#fff;color:#14233a;padding:11px 12px;font-size:14px}.admin-form textarea{resize:vertical}.markdown-editor{display:grid;gap:10px}.markdown-editor__head{display:flex;justify-content:space-between;align-items:center;gap:12px;color:#31445c;font-size:13px}.editor-toolbar{display:flex;flex-wrap:wrap;gap:6px}.editor-toolbar button{min-height:32px;border:1px solid #d6e0eb;border-radius:8px;background:#fff;color:#24415f;padding:5px 9px;font-size:12px;font-weight:900;cursor:pointer}.editor-toolbar button:hover{background:#edf4ff;color:#005fd1}.markdown-editor__grid{display:grid;grid-template-columns:minmax(0,1.08fr) minmax(280px,.92fr);gap:12px}.markdown-editor__input,.markdown-editor__preview{min-width:0}.markdown-editor__input span,.markdown-editor__preview>span{display:block;margin-bottom:7px;color:#31445c;font-size:13px;font-weight:900}.admin-form .markdown-textarea{min-height:clamp(420px,58vh,680px);line-height:1.75;font-family:SFMono-Regular,Consolas,Liberation Mono,Menlo,monospace}.markdown-preview{min-height:clamp(420px,58vh,680px);overflow:auto;border:1px solid #d6e0eb;border-radius:12px;background:#fbfcfe;color:#26384f;padding:18px;font-size:15px;line-height:1.82}.markdown-preview h2,.markdown-preview h3,.markdown-preview h4{margin:24px 0 10px;color:#071e3a;line-height:1.32}.markdown-preview h2:first-child,.markdown-preview h3:first-child,.markdown-preview p:first-child{margin-top:0}.markdown-preview ul,.markdown-preview ol{padding-left:1.25rem}.primary-button{min-height:44px;border:0;border-radius:14px;background:#07f;color:#fff;font-weight:900;cursor:pointer}.form-status{min-height:22px;margin:0;color:#005fd1;font-size:13px;font-weight:900}.settings-form{width:min(840px,100%)}@media(max-width:980px){.blog-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.admin-shell,.admin-grid-2,.post-admin-grid,.markdown-editor__grid{grid-template-columns:1fr}.admin-sidebar{position:static;height:auto}.admin-stat-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:680px){.site-header__inner{width:min(100% - 24px,1160px);min-height:64px}.site-nav a:not(.site-nav__cta){display:none}.container,.article{width:min(100% - 24px,1160px)}.blog-head{padding-top:28px}.blog-title-row{display:grid;gap:14px}.admin-link{justify-self:start}.blog-grid,.admin-stat-grid{grid-template-columns:1fr}.blog-card__summary{min-height:0;-webkit-line-clamp:3}.quick-dock{left:10px;right:10px;bottom:10px;grid-template-columns:repeat(4,minmax(0,1fr));border-radius:20px}.quick-dock a{min-height:54px;padding:8px 4px}.admin-main{padding:18px 12px 84px}.admin-form-row{grid-template-columns:1fr}.admin-row{grid-template-columns:1fr;gap:6px}}