.blog-header{max-width:1240px;margin:auto;padding:24px;display:flex;align-items:center;justify-content:space-between;gap:20px;border-bottom:1px solid #e4eafa}.blog-header nav{display:flex;gap:24px}.blog-header .brand{font-size:24px}.blog-header .brandmark{width:46px;height:50px;font-size:34px}#blog-content{max-width:1160px;margin:48px auto;padding:0 24px;min-height:40vh}.blog-intro{max-width:700px;margin-bottom:36px}.blog-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px}.blog-card{border:1px solid #dfe8f7;background:#fff;border-radius:22px;overflow:hidden}.blog-card a{display:block;color:inherit;text-decoration:none;height:100%}.blog-card img{width:100%;height:auto;display:block}.blog-card a>div{padding:24px}.blog-card h2{font-size:23px;line-height:1.4;margin:12px 0}.blog-card p{color:#61718b;line-height:1.65}.blog-card span{color:#1265ed;font-weight:700}.blog-reading{max-width:780px;margin:auto;line-height:1.85;overflow-wrap:anywhere}.blog-reading h1{font-size:clamp(30px,4vw,46px);line-height:1.25}.blog-reading h2{font-size:28px;margin:36px 0 12px}.blog-reading h3{font-size:22px}.blog-reading p,.blog-reading li{font-size:18px}.blog-reading pre{white-space:pre-wrap;padding:20px;background:#f0f5ff;border-radius:12px}.blog-reading a{color:#1265ed;text-decoration:underline}.blog-cover{width:100%;height:auto;border-radius:18px;display:block;margin:24px 0}.blog-meta{color:#64758e;font-size:14px}.blog-footer{max-width:1160px;margin:48px auto;padding:24px;border-top:1px solid #dfe8f7}.blog-pagination{display:flex;gap:24px;justify-content:center;margin:32px}.article-home{max-width:1400px;margin:48px auto;padding:32px;background:linear-gradient(120deg,#effaff,#f0eeff);border-radius:24px}.article-toolbar{display:flex;align-items:center;justify-content:space-between;gap:16px;flex-wrap:wrap;margin-bottom:24px}.article-toolbar label{display:flex;align-items:center;gap:12px}.article-admin-list>article{display:flex;justify-content:space-between;align-items:center;gap:20px;background:white;border:1px solid #e0e8f7;padding:24px;border-radius:18px;margin:12px 0}.article-admin-list h3{margin:8px 0}.article-admin-list p{overflow-wrap:anywhere}.article-row-actions{display:flex;gap:20px;align-items:center;flex-shrink:0}.article-editor-dialog{width:min(1300px,96vw);max-width:96vw;max-height:94dvh;border:1px solid #dce5f8;border-radius:24px;padding:30px}.article-editor-grid{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:32px}.article-editor label{display:block;margin:18px 0 8px;font-weight:600}.article-editor input,.article-editor textarea,.article-editor select{display:block;width:100%;margin-top:8px;box-sizing:border-box;padding:13px;border:1px solid #d7e2f5;background:#f8faff;border-radius:10px;font:inherit;color:#243b60}.article-editor textarea{resize:vertical}.article-editor .article-upload{border:2px dashed #a3c5ff;padding:20px;border-radius:12px}.article-preview{background:#f8faff;border-radius:18px;padding:24px;min-width:0}.article-preview .blog-reading h1{font-size:30px}.article-editor details{margin-top:20px}.article-editor .error{color:#bf3449}.article-editor [type=submit]{margin-top:20px}.article-admin-list small{color:#1265ed}.article-editor-dialog::backdrop{background:#12295780;backdrop-filter:blur(5px)}@media(max-width:850px){.blog-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.article-editor-grid{grid-template-columns:1fr}.article-editor-dialog{padding:20px}.article-preview{padding:16px}}@media(max-width:560px){.blog-grid{grid-template-columns:1fr}.blog-header{padding:18px}.blog-header .brand{font-size:18px}.blog-header nav{gap:14px;font-size:14px}.article-admin-list>article{align-items:flex-start;flex-direction:column}.article-toolbar{align-items:stretch}.article-home{margin:24px 16px;padding:24px}}

.home-article-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:24px;margin:28px 0}.home-article-grid:empty{display:none}.home-article-card{min-width:0;background:#fff;border:1px solid #dce6f7;border-radius:20px;overflow:hidden;box-shadow:0 6px 22px #274a8610;transition:transform .25s,box-shadow .25s}.home-article-card:hover{transform:translateY(-4px);box-shadow:0 14px 30px #274a861c}.home-article-card>a{display:block;height:100%;text-decoration:none;color:inherit}.home-article-card img{display:block;width:100%;aspect-ratio:16/9;object-fit:contain;background:#eef4ff}.home-article-copy{padding:24px}.home-article-meta{font-size:12px;color:#7082a0;margin:0 0 12px}.home-article-card h3{font-size:22px;line-height:1.4;margin:0 0 12px;color:#13285b;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}.home-article-excerpt{font-size:15px;line-height:1.7;color:#62748e;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden;margin:0 0 20px}.home-article-read{display:flex;justify-content:space-between;align-items:center;color:#1465ed;font-weight:700;font-size:14px}.home-article-read>span{font-size:24px;transition:transform .2s}.home-article-card:hover .home-article-read>span{transform:translate(3px,-3px)}.home-article-art{background:radial-gradient(ellipse at top right,#d3caff,transparent 70%),linear-gradient(130deg,#daf5ff,#e9edff);padding:24px;min-height:180px;display:grid;grid-template-columns:44px 1fr;align-items:center;gap:16px;box-sizing:border-box}.home-article-art>.brandmark{width:42px;height:46px;font-size:32px}.home-article-art>span:nth-child(2){font-size:10px;letter-spacing:2px;font-weight:700;color:#3072bd}.home-article-art>b{grid-column:1/-1;font-size:24px;line-height:1.45;color:#173367}.home-article-card:only-child{grid-column:1/-1}.home-article-card:only-child>a{display:grid;grid-template-columns:minmax(0,.8fr) minmax(0,1.2fr)}.home-article-card:only-child .home-article-art{height:100%;min-height:240px;padding:32px}.home-article-card:only-child img{height:100%;max-height:320px}.home-articles-all{display:inline-flex;margin-top:8px}.home-article-card a:focus-visible{outline:3px solid #1265ed;outline-offset:-3px}@media(max-width:1000px){.home-article-grid{gap:16px}.home-article-copy{padding:20px}.home-article-card h3{font-size:19px}}@media(max-width:700px){.home-article-grid{grid-template-columns:1fr}.home-article-card:only-child>a{display:block}.home-article-card:only-child .home-article-art{min-height:190px;padding:24px}.home-article-card:only-child img{height:auto}.home-article-card h3{font-size:21px}}@media(prefers-reduced-motion:reduce){.home-article-card,.home-article-read>span{transition:none}.home-article-card:hover,.home-article-card:hover .home-article-read>span{transform:none}}

.home-article-card:not(:only-child) .home-article-art{aspect-ratio:16/9;min-height:180px}
/* Editorial reading layout, shared with the live admin preview. */
.blog-page{background:radial-gradient(ellipse at 15% 5%,#eaf6ff80,transparent 36%),radial-gradient(ellipse at 90% 8%,#eeeaff80,transparent 35%),#fff}.blog-page .blog-header{background:#ffffffc9}.blog-page .blog-reading{max-width:940px}.article-back{display:inline-flex;margin-bottom:24px;font-size:14px;font-weight:600}.article-masthead{padding:36px;border:1px solid #dfE8fa;border-radius:26px;background:linear-gradient(135deg,#f1faff,#f3f0ff);margin-bottom:30px}.article-kicker{display:inline-block;font-size:11px;font-weight:800;letter-spacing:2.5px;color:#1265ed;background:#ffffffb3;border:1px solid #ffffff;padding:8px 12px;border-radius:30px}.article-masthead h1{font-size:clamp(30px,4vw,48px);line-height:1.22;letter-spacing:-1.1px;margin:22px 0 20px;color:#12265a}.article-masthead .article-lead{font-size:19px;line-height:1.8;color:#5b6e8b;margin:0 0 26px}.article-byline{display:flex;align-items:center;gap:12px;font-size:14px;color:#263f69}.article-author-avatar{display:grid;place-items:center;width:42px;height:42px;flex-shrink:0;border-radius:50%;background:linear-gradient(140deg,#07b6f0,#3664ff);color:white;font-weight:800;font-size:19px}.article-byline small{display:block;font-size:12px;color:#7a89a2;margin-top:2px}.article-prose{max-width:780px;margin:34px auto}.article-prose>p{margin:0 0 22px;color:#354b69;line-height:1.95}.article-prose h2{position:relative;padding-left:16px;margin-top:44px;line-height:1.4;color:#152c5f}.article-prose h2:before{content:"";position:absolute;left:0;top:.15em;bottom:.15em;width:4px;border-radius:3px;background:linear-gradient(#12b9ef,#6761ff)}.article-prose h3{color:#1c3c70;margin:30px 0 12px}.article-prose ul{padding-left:25px}.article-prose li{padding-left:5px;margin:10px 0;color:#354b69}.article-prose li::marker{color:#2873f4}.article-figure{margin:32px 0;padding:0;overflow:hidden;border-radius:18px;border:1px solid #e0e8f5;background:#f6f9ff}.article-figure img{display:block;width:100%;height:auto;max-height:none}.article-figure figcaption{padding:14px 20px;text-align:center;font-size:14px;line-height:1.65;color:#6c7d95;background:white}.blog-reading blockquote{margin:28px 0;padding:22px 26px;border-left:4px solid #3979f4;border-radius:0 16px 16px 0;background:linear-gradient(110deg,#eef7ff,#f6f3ff);font-size:19px;color:#33547f;line-height:1.8}.article-divider{border:0;height:1px;margin:36px 0;background:linear-gradient(90deg,transparent,#b9ccef,transparent)}.article-preview .article-masthead{padding:22px;border-radius:18px}.article-preview .article-masthead h1{font-size:30px;letter-spacing:-.5px}.article-preview .article-lead{font-size:16px}.article-preview .article-prose{margin:24px auto}.article-preview .article-prose p,.article-preview .article-prose li{font-size:16px}.article-format-toolbar{display:flex;gap:8px;flex-wrap:wrap;margin:24px 0 14px}.article-format-toolbar button{border:1px solid #d8e4f8;border-radius:9px;background:#fff;color:#335482;padding:9px 12px;font:inherit;cursor:pointer}.article-format-toolbar button:hover{background:#eaf2ff;border-color:#99bcff}.article-format-toolbar button:focus-visible{outline:2px solid #1265ed;outline-offset:2px}.article-inline-upload{background:linear-gradient(130deg,#f0faff,#f4f1ff)}.article-image-link{padding:16px;border-radius:12px;border:1px solid #dfE8f7;background:#fafcff}.article-image-link summary{color:#2465c2;cursor:pointer;font-weight:600}.article-image-gallery{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;margin-top:16px}.article-image-gallery:empty{display:none}.article-image-gallery figure{margin:0;border:1px solid #dce7f6;border-radius:10px;overflow:hidden;background:white}.article-image-gallery img{display:block;width:100%;height:95px;object-fit:contain;background:#f0f5ff}.article-image-gallery figcaption{font-size:11px;padding:7px;line-height:1.5;overflow-wrap:anywhere;color:#59708f}.article-preview{align-self:start}.article-editor-dialog .article-editor-grid{align-items:start}@media(max-width:600px){.article-masthead{padding:22px;border-radius:20px}.article-masthead h1{font-size:30px;letter-spacing:-.6px}.article-masthead .article-lead{font-size:17px}.blog-page #blog-content{padding:0 18px;margin-top:28px}.article-prose h2{font-size:24px}.article-prose>p,.article-prose li{font-size:17px}.article-figure{margin:26px 0;border-radius:12px}.article-figure figcaption{padding:12px;font-size:13px}.article-image-gallery{grid-template-columns:repeat(2,minmax(0,1fr))}.article-format-toolbar button{font-size:12px;padding:9px}.article-byline{font-size:13px}}
