/* Company newsroom: blue light above, quiet editorial surfaces below. */
.blog-page .blog-hero h1, .blog-page .blog-list-heading h2 { overflow-wrap:anywhere; }
.blog-page .blog-list-heading > div { min-width:0; }
.blog-page .blog-closing { flex-wrap:wrap; }
.blog-page .blog-closing a { white-space:normal; }
.blog-page .blog-pagination #page_form { flex-wrap:wrap; max-width:100%; }
.blog-page { --blog-blue:#0755bd; --blog-ink:#153652; --blog-muted:#617387; color:var(--blog-ink); background:#fff; }
.blog-page [hidden] { display:none!important; }
.blog-wrap { width:min(1320px,calc(100% - 112px)); margin-inline:auto; }
.blog-page a:focus-visible,.blog-page button:focus-visible,.blog-page input:focus-visible { outline:2px solid #347fc5; outline-offset:4px; }
.blog-sr-only { position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap; }
.blog-eyebrow { margin:0 0 22px; font:500 12px/1.6 Arial,sans-serif; letter-spacing:.18em; }
.blog-hero { position:relative; isolation:isolate; overflow:hidden; min-height:540px; color:#fff; background:linear-gradient(115deg,#0755bd 0%,#126acc 56%,#197adb 100%); }
.blog-hero-halo { position:absolute; inset:0; z-index:-1; background:radial-gradient(ellipse at 76% 100%,rgba(81,217,255,.44),transparent 58%),radial-gradient(ellipse at 96% 0,rgba(134,218,255,.22),transparent 40%); }
.blog-hero-canvas { position:absolute; inset:0; z-index:-1; width:100%; height:100%; opacity:.8; pointer-events:none; }
.blog-hero::after { content:"";position:absolute;z-index:-1;inset:0;background:linear-gradient(90deg,rgba(7,85,189,.6),rgba(7,85,189,.1) 65%,transparent);pointer-events:none; }
.blog-hero-inner { padding-top:160px; padding-bottom:38px; }
.blog-hero h1 { margin:0; font-size:clamp(44px,4.8vw,72px); font-weight:600; line-height:1.25;letter-spacing:.045em; }
.blog-hero h1 span { color:#79e2ff; }
.blog-hero .blog-eyebrow { color:#d2e9ff; }
.blog-hero-line { margin:23px 0 8px; font-size:clamp(20px,1.7vw,25px); font-weight:400; letter-spacing:.05em; }
.blog-hero-intro { margin:0; max-width:440px; color:#daedff; font-size:15px; line-height:1.9; }
.blog-hero-bottom { display:flex;align-items:center;justify-content:space-between;gap:24px;margin-top:60px; }
.blog-hero-bottom a { display:inline-flex;align-items:center;gap:22px;font-size:13px;color:#edf7ff; }
.blog-hero-bottom a span { display:grid;place-items:center;width:30px;height:30px;border:1px solid rgba(223,247,255,.45);border-radius:50%; }
.blog-hero-bottom a:focus-visible,.blog-hero-bottom button:focus-visible { outline-color:#a9efff; }
.blog-list-section { padding-top:76px;padding-bottom:0;scroll-margin-top:106px;position:relative; }
.blog-list-heading { display:flex;align-items:flex-end;justify-content:space-between;gap:32px;margin-bottom:30px; }
.blog-list-heading .blog-eyebrow { margin:0 0 9px;color:#406a93;font-size:12px; }
.blog-list-heading h2 { margin:0;font-weight:500;font-size:34px;line-height:1.4;letter-spacing:.03em; }
.blog-list-heading h2:focus { outline:none; }
.blog-section-intro { margin:11px 0 0;color:var(--blog-muted);font-size:14px; }
.blog-search { display:flex;align-items:center;flex:0 1 300px;min-width:0;background:#f0f5fa;border-radius:6px; }
.blog-search input { width:100%;min-width:0;background:transparent;border:0;padding:14px 0 14px 17px;color:var(--blog-ink);font-size:14px; }
.blog-search input::placeholder { color:#8391a0; }
.blog-search input:focus-visible { outline-offset:-2px; }
.blog-search button { flex:0 0 48px;height:48px;display:grid;place-items:center;border:0;background:transparent;color:#426b91;cursor:pointer; }
.blog-categories { display:flex;gap:7px 9px;flex-wrap:wrap;padding:0 0 24px;border-bottom:1px solid #e2eaf2; }
.blog-category { display:block;padding:9px 17px;border-radius:4px;font-size:14px;line-height:1.6;color:#51677b;transition:background .18s,color .18s; }
.blog-category:hover { color:var(--blog-blue);background:#eff5fb; }
.blog-category.is-current { background:var(--blog-blue);color:#fff; }
.blog-category.is-child { padding-left:12px; }
.blog-result-meta { display:flex;justify-content:space-between;align-items:center;gap:18px;min-height:64px;font-size:12px;color:#60768a; }
.blog-result-meta b { font-weight:500;color:var(--blog-ink); }
.blog-result-meta a { color:var(--blog-blue); }
.blog-grid { display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:50px 32px; }
.blog-card { display:flex;flex-direction:column;min-width:0;position:relative; }
.blog-card-cover { display:block;position:relative;isolation:isolate;overflow:hidden;width:100%;aspect-ratio:4/3;border-radius:8px;background:#e2effb; }
.blog-card-cover img { position:absolute;inset:0;width:100%;height:100%;object-fit:cover;transition:transform .5s cubic-bezier(.2,.65,.3,1); }
.blog-card-cover::after { content:"";position:absolute;inset:0;z-index:1;background:#000;opacity:.22;pointer-events:none;transition:opacity .35s ease; }
.blog-card:focus-within .blog-card-cover::after { opacity:0; }
.blog-cover-fallback { position:absolute;inset:0;display:grid;place-items:center;background:radial-gradient(ellipse at 85% 0,rgba(130,212,255,.65),transparent 72%),linear-gradient(135deg,#e3effb,#c4dcf5);color:#316aa4; }
.blog-cover-fallback i { position:absolute;width:120%;height:110%;border:1px solid rgba(64,126,188,.18);border-radius:50%;transform:rotate(-25deg) translate(22%,32%); }
.blog-card-meta { display:flex;justify-content:space-between;align-items:center;gap:16px;margin:21px 0 11px;font-size:12px;line-height:1.6;color:#597187; }
.blog-card-meta>span { color:#2465a8; }
.blog-card-meta time { font-family:Arial,sans-serif;font-variant-numeric:tabular-nums;white-space:nowrap; }
.blog-card h3 { margin:0;font-size:21px;line-height:1.65;letter-spacing:.01em;font-weight:500;overflow-wrap:anywhere; }
.blog-card h3 a { display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden; }
.blog-card-summary { display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;margin:12px 0 0;color:var(--blog-muted);font-size:14px;line-height:1.85; }
.blog-card-read { display:flex;align-items:center;justify-content:space-between;gap:15px;margin-top:auto;padding:22px 0 13px;border-bottom:1px solid #e4ebf3;font-size:12px;color:#426b91; }
.blog-card-read span { font-family:Arial,sans-serif;font-size:22px;line-height:1;transition:transform .2s; }
@media (hover:hover) and (pointer:fine) {
    .blog-card:hover .blog-card-cover::after { opacity:0; }
    .blog-card:hover .blog-card-cover img { transform:scale(1.035); }
    .blog-card:hover h3 a { color:var(--blog-blue); }
    .blog-card:hover .blog-card-read span { transform:translate(2px,-2px); }
}
.blog-pagination { display:flex;align-items:center;justify-content:space-between;gap:20px;margin-top:62px;padding-top:28px;border-top:1px solid #e2eaf2;font-size:13px; }
.blog-page-count { color:var(--blog-muted);font-variant-numeric:tabular-nums; }
.blog-pagination #page_bar { display:flex;gap:6px;align-items:center; }
.blog-pagination #page_bar a,.blog-pagination #page_bar span { display:grid;place-items:center;min-width:40px;height:40px;border-radius:4px;font:14px/1 Arial,sans-serif; }
.blog-pagination #page_bar a:hover { background:#eef5fc;color:var(--blog-blue); }
.blog-pagination .current { color:#fff;background:var(--blog-blue); }
.blog-pagination #page_form { display:flex;align-items:center;gap:8px; }
.blog-pagination input { width:50px;min-height:38px;border:1px solid #dce5ef;border-radius:4px;background:#fff;padding:6px;color:var(--blog-ink);font-size:13px; }
.blog-pagination button { padding:6px 0;min-height:40px;border:0;background:transparent;color:#446c92;cursor:pointer;font-size:13px; }
.blog-pagination input::-webkit-inner-spin-button { appearance:none; }
.blog-empty { text-align:center;padding:60px 20px 90px; }
.blog-empty>span { font:48px/1.5 Arial;color:#8eafce; }
.blog-empty h3 { margin:12px 0;font-size:24px;font-weight:500; }
.blog-empty p { margin:0 0 22px;color:var(--blog-muted); }
.blog-empty a { color:var(--blog-blue); }
.blog-notice { position:fixed;z-index:110;left:50%;bottom:26px;transform:translateX(-50%);display:flex;align-items:center;gap:16px;width:max-content;max-width:calc(100vw - 32px);padding:13px 20px;color:#fff;background:#13549a;border-radius:8px;font-size:14px; }
.blog-notice button { border:0;border-bottom:1px solid currentColor;background:transparent;color:#fff;cursor:pointer;padding:4px;white-space:nowrap; }
.blog-notice.is-error { background:#704042; }
.blog-list-section.is-loading::before { content:"";position:fixed;z-index:120;left:0;right:0;top:0;height:3px;background:#8ce7ff;animation:blog-loading 1s ease-in-out infinite alternate;transform-origin:left; }
.blog-list-section.is-loading #tbody { opacity:.65; }
.blog-closing { display:flex;align-items:center;justify-content:space-between;gap:24px;margin-top:90px;margin-bottom:70px;padding:36px 0;border-top:1px solid #e2eaf2; }
.blog-closing p { margin:0;font-size:24px;letter-spacing:.03em;font-weight:400; }
.blog-closing a { display:flex;gap:30px;align-items:center;color:var(--blog-blue);font-size:14px; }
.site-page-blog .site-footer { background:#0755bd;color:#d9edff; }
.blog-reading { width:min(750px,calc(100% - 48px));margin-inline:auto; }
.blog-detail-header { padding:126px 0 64px;color:#fff;background:radial-gradient(ellipse at 90% 10%,rgba(98,210,255,.23),transparent 60%),linear-gradient(120deg,#0755bd,#126acc); }
.blog-back { display:inline-block;font-size:13px;color:#d5ecff;margin-bottom:42px; }
.blog-detail-header .blog-eyebrow { color:#d1e6ff;margin-bottom:16px; }
.blog-detail-header h1 { margin:0;font-size:clamp(26px,3vw,38px);line-height:1.55;font-weight:500;overflow-wrap:anywhere; }
.blog-detail-meta { display:flex;flex-wrap:wrap;gap:24px;margin-top:26px;color:#e1f0ff;font-size:13px; }
.blog-detail-meta time { font-variant-numeric:tabular-nums; }
.blog-content { padding:41px 0 32px;overflow-wrap:anywhere; }
.blog-content.vgc_editor { max-width:750px; }
.blog-content .blog-preview-image { cursor:zoom-in; }
.blog-content .blog-preview-image:focus-visible { outline:2px solid #347fc5;outline-offset:4px; }
.blog-content a { text-decoration:underline;text-underline-offset:3px; }
.blog-content blockquote { margin:28px 0;padding:18px 24px;border-left:3px solid #408ccb;background:#f0f6fc; }
.blog-content pre { overflow-x:auto;white-space:pre;padding:18px;background:#f1f5f9;border-radius:6px; }
.blog-content figure { max-width:100%;margin:24px 0; }
.blog-content hr { border:0;border-top:1px solid #dfe7ef;margin:32px 0; }
/* Existing $.imagePreview markup: isolated from the legacy front/admin stylesheet. */
.site-page-blog #jq-img-preview-overlay,.site-page-album #jq-img-preview-overlay { position:fixed;z-index:99999;inset:0;display:flex;overflow:hidden;align-items:center;justify-content:center;color:#fff;background:rgba(5,27,55,.94);user-select:none; }
.site-page-blog #jq-img-preview-close,.site-page-album #jq-img-preview-close { position:absolute;z-index:2;top:20px;right:20px;display:grid;place-items:center;width:42px;height:42px;margin:0;color:#fff;background:rgba(255,255,255,.14);border:1px solid rgba(255,255,255,.22);border-radius:50%;cursor:pointer;font-size:0; }
.site-page-blog #jq-img-preview-close .jq-img-tool-icon,.site-page-blog .jq-img-nav .jq-img-tool-icon,.site-page-album #jq-img-preview-close .jq-img-tool-icon,.site-page-album .jq-img-nav .jq-img-tool-icon { display:block;pointer-events:none; }
.site-page-blog .jq-img-nav,.site-page-album .jq-img-nav { position:absolute;z-index:2;top:50%;display:grid;place-items:center;width:44px;height:44px;padding:0;border:1px solid rgba(255,255,255,.24);border-radius:50%;background:rgba(8,40,75,.75);color:#fff;cursor:pointer;transform:translateY(-50%); }
.site-page-blog #jq-img-preview-prev,.site-page-album #jq-img-preview-prev { left:16px; }
.site-page-blog #jq-img-preview-next,.site-page-album #jq-img-preview-next { right:16px; }
.site-page-blog #jq-img-preview-counter,.site-page-album #jq-img-preview-counter { position:absolute;z-index:2;left:50%;bottom:max(88px,calc(env(safe-area-inset-bottom) + 70px));transform:translateX(-50%);padding:4px 12px;border-radius:15px;color:#fff;background:rgba(8,40,75,.65);font:13px/1.6 Arial,sans-serif;font-variant-numeric:tabular-nums;pointer-events:none; }
.site-page-blog #jq-img-preview-container,.site-page-album #jq-img-preview-container { position:relative;display:flex;width:100%;height:100%;overflow:hidden;align-items:center;justify-content:center; }
.site-page-blog #jq-img-preview-target,.site-page-album #jq-img-preview-target { position:absolute;width:auto;height:auto;max-width:none;max-height:none;cursor:grab;transform-origin:center;transition:transform .1s ease-out;touch-action:none; }
.site-page-blog #jq-img-preview-target.dragging,.site-page-album #jq-img-preview-target.dragging { cursor:grabbing;transition:none; }
.site-page-blog #jq-img-preview-toolbar,.site-page-album #jq-img-preview-toolbar { position:absolute;z-index:2;bottom:max(20px,env(safe-area-inset-bottom));left:50%;display:flex;gap:7px;padding:6px;background:rgba(8,40,75,.85);border:1px solid rgba(255,255,255,.2);border-radius:30px;transform:translateX(-50%); }
.site-page-blog .jq-img-tool-btn,.site-page-album .jq-img-tool-btn { display:grid;place-items:center;width:40px;height:40px;padding:0;color:#fff;background:transparent;border:0;border-radius:50%;cursor:pointer;font:600 18px/1 Arial,sans-serif; }
.site-page-blog .jq-img-tool-btn:hover,.site-page-blog #jq-img-preview-close:hover,.site-page-album .jq-img-tool-btn:hover,.site-page-album #jq-img-preview-close:hover { background:rgba(255,255,255,.24); }
.site-page-blog #jq-img-preview-overlay [tabindex]:focus-visible,.site-page-blog .jq-img-tool-btn:focus-visible,.site-page-album #jq-img-preview-overlay [tabindex]:focus-visible,.site-page-album .jq-img-tool-btn:focus-visible { outline:2px solid #a9efff;outline-offset:3px; }
.site-page-blog #jq-img-preview-toolbar .jq-img-tool-icon,.site-page-album #jq-img-preview-toolbar .jq-img-tool-icon { display:block;flex:none;width:22px;height:22px;pointer-events:none; }
.site-page-blog #jq-img-preview-info-box,.site-page-album #jq-img-preview-info-box { position:absolute;z-index:2;top:20px;left:20px;display:none;padding:10px 14px;color:#fff;background:rgba(8,40,75,.9);border-radius:8px;font-size:12px;line-height:1.6;text-align:left; }
.site-page-blog #jq-img-loading,.site-page-album #jq-img-loading { position:absolute;z-index:1;color:#fff;font-size:14px; }
.blog-tags { display:flex;flex-wrap:wrap;gap:10px;padding:0 0 36px;font-size:13px; }
.blog-tags a { padding:7px 13px;background:#eff5fb;color:#286ba8;border-radius:4px; }
.blog-detail-bottom { display:flex;justify-content:space-between;padding:28px 0 70px;border-top:1px solid #dfe8f0;color:var(--blog-blue); }
.blog-error { min-height:80vh;padding:200px 0 100px;background:linear-gradient(130deg,#0755bd,#167ad7);color:white; }
.blog-error h1 { font-size:34px;font-weight:500; }
.blog-error a { display:inline-block;margin-top:28px; }
@keyframes blog-loading { from {transform:scaleX(.18);} to {transform:scaleX(.9);} }
@media (max-width:1120px) {
    .blog-wrap { width:calc(100% - 64px); }
    .blog-hero-inner { padding-top:140px; }
    .blog-hero { min-height:510px; }
    .blog-grid { gap:40px 24px; }
    .blog-card h3 { font-size:19px; }
    .blog-category { padding:8px 13px; }
}
@media (max-width:900px) {
    .blog-grid { grid-template-columns:repeat(2,minmax(0,1fr)); }
    .blog-pagination { flex-wrap:wrap;justify-content:center; }
    .blog-page-count { order:2; }
    .blog-pagination #page_form { order:3; }
    .blog-list-heading h2 { font-size:30px; }
    .blog-search { flex-basis:270px; }
}
@media (max-width:600px) {
    .site-page-blog #jq-img-preview-close,.site-page-album #jq-img-preview-close { top:12px;right:12px; }
    .site-page-blog #jq-img-preview-toolbar,.site-page-album #jq-img-preview-toolbar { gap:2px; }
    .blog-wrap { width:calc(100% - 40px); }
    .blog-hero { min-height:480px; }
    .blog-hero-inner { padding-top:130px;padding-bottom:28px; }
    .blog-hero h1 { font-size:44px; }
    .blog-hero-line { font-size:20px;letter-spacing:0; }
    .blog-hero-intro { max-width:295px;font-size:14px; }
    .blog-hero-bottom { margin-top:44px;gap:15px; }
    .blog-hero-bottom a { gap:12px; }
    .blog-hero-canvas { opacity:.38; }
    .blog-list-section { padding-top:46px;scroll-margin-top:88px; }
    .blog-list-heading { display:block;margin-bottom:24px; }
    .blog-list-heading h2 { font-size:28px; }
    .blog-search { margin-top:24px;width:100%; }
    .blog-categories { gap:6px;padding-bottom:18px; }
    .blog-category { font-size:13px;padding:8px 11px; }
    .blog-grid { grid-template-columns:minmax(0,1fr);gap:34px; }
    .blog-card h3 { font-size:21px; }
    .blog-card-meta { margin-top:17px; }
    .blog-card-read { padding-top:16px; }
    .blog-pagination { margin-top:40px;gap:14px; }
    .blog-pagination #page_bar { flex:1 0 100%;justify-content:center;gap:3px; }
    .blog-pagination #page_bar a,.blog-pagination #page_bar span { min-width:29px;height:40px;font-size:13px; }
    .blog-pagination #page_bar .blog-page-gap { min-width:15px; }
    .blog-closing { margin-top:55px;margin-bottom:28px;padding:28px 0;align-items:flex-start; }
    .blog-closing p { max-width:180px;font-size:21px; }
    .blog-closing a { font-size:13px;gap:12px;padding-top:5px;white-space:nowrap; }
    .blog-reading { width:calc(100% - 40px); }
    .blog-detail-header { padding-top:106px;padding-bottom:40px; }
    .blog-back { margin-bottom:28px; }
    .blog-content { padding-top:21px; }
    .blog-error { padding-top:155px; }
    .blog-error h1 { font-size:28px; }
}
@media (prefers-reduced-motion:reduce) {
    .site-page-blog #jq-img-preview-target,.site-page-album #jq-img-preview-target { transition:none; }
    .blog-page *,.blog-page *::after { animation:none!important;transition:none!important; }
}
@media (forced-colors:active) {
    .blog-category,.blog-pagination .current,.blog-search,.blog-pagination input { border:1px solid CanvasText; }
    .blog-hero-canvas,.blog-hero-halo,.blog-card-cover::after { display:none; }
    .blog-page a:focus-visible,.blog-page button:focus-visible,.blog-page input:focus-visible { outline:2px solid Highlight; }
}