/* Long-form reading layout — scoped to migrated, unchanged Wix article content. */
body.blog-page{background:#f7f9fd;color:#132a46}
.blog-page .v9-header{z-index:50}
.blog-page .blog-main{position:relative;overflow:clip;background:linear-gradient(165deg,#edf4ff 0%,#f7f9fd 520px,#fff 1150px)}
.blog-page .blog-main *{box-sizing:border-box}
.blog-page .blog-shell{max-width:1190px;padding:38px 26px 76px;margin:auto}
.blog-page .blog-reading-progress{position:fixed;z-index:45;top:0;right:0;left:0;height:3px;pointer-events:none;background:#e5edfa}
.blog-page .blog-reading-progress span{display:block;transform-origin:right;transform:scaleX(0);width:100%;height:100%;background:#0867e8;transition:transform 80ms linear}
.blog-page .blog-crumb{display:flex;align-items:center;flex-wrap:wrap;gap:9px;font-size:13px;color:#62738c;margin:0 0 43px}
.blog-page .blog-crumb a{color:#1457b1;font-weight:600;text-decoration:none}
.blog-page .blog-crumb a:hover{text-decoration:underline}
.blog-page .blog-hero{max-width:900px;margin:0 auto 42px;text-align:center}
.blog-page .blog-kicker{display:inline-flex;align-items:center;padding:7px 14px;border:1px solid #cbdcf5;border-radius:50px;color:#175bc5;font-size:12px;font-weight:800;background:#f0f6ff}
.blog-page .blog-hero h1{font-size:clamp(28px,4.25vw,50px);line-height:1.55;font-weight:800;letter-spacing:-.025em;color:#081f40;margin:17px 0 20px;overflow-wrap:anywhere}
.blog-page .blog-meta{display:flex;gap:12px 23px;align-items:center;justify-content:center;flex-wrap:wrap;color:#697b91;font-size:12px;font-weight:600}
.blog-page .blog-meta time{unicode-bidi:plaintext}
.blog-page .blog-meta span:not(:last-child)::after,.blog-page .blog-meta time::after{content:"·";margin-inline-start:17px;color:#a7b5c8}
.blog-page .blog-hero-intro{line-height:2;color:#506683;font-size:clamp(13px,1.5vw,16px);max-width:760px;margin:20px auto 0}
.blog-page .blog-layout{display:grid;grid-template-columns:minmax(0,1fr) 268px;align-items:start;gap:28px;direction:rtl}
.blog-page .blog-paper{min-width:0;background:#fff;padding:clamp(20px,4vw,56px);border:1px solid #e3eaf4;border-radius:20px;box-shadow:0 20px 75px rgba(12,44,93,.045)}
.blog-page .blog-content{font-size:16px;line-height:2.15;color:#243651;overflow-wrap:anywhere}
.blog-page .blog-content p{font-weight:400;line-height:2.15;margin:0 0 1.35em;max-width:none}
.blog-page .blog-content p:empty{display:none}
.blog-page .blog-content h2,.blog-page .blog-content h3,.blog-page .blog-content h4{scroll-margin-top:105px;color:#082a59;letter-spacing:-.012em;font-weight:800;line-height:1.75}
.blog-page .blog-content h2{font-size:clamp(22px,2.5vw,29px);border-top:1px solid #e3ecf8;padding-top:27px;margin:45px 0 15px}
.blog-page .blog-content h2:first-child{border-top:0;padding-top:0;margin-top:0}
.blog-page .blog-content h3{font-size:clamp(19px,2vw,23px);margin:32px 0 13px}
.blog-page .blog-content h4{font-size:18px;margin:24px 0 9px}
.blog-page .blog-content strong{color:#163b75;font-weight:800}
.blog-page .blog-content a{color:#075fc8;text-decoration:underline;text-underline-offset:4px}
.blog-page .blog-content :is(a,button):focus-visible,.blog-page :is(a,button):focus-visible{outline:3px solid #4591ef;outline-offset:4px;border-radius:5px}
.blog-page .blog-figure{margin:28px 0 34px}
.blog-page .blog-figure img{max-width:100%;height:auto;width:auto;display:block;margin:auto;border-radius:15px;border:1px solid #e7eaf1;box-shadow:0 8px 25px rgba(17,48,88,.06)}
.blog-page .blog-figure figcaption{text-align:center;color:#647892;font-size:12px;line-height:1.9;margin:12px auto 0;max-width:65ch}
.blog-page .blog-content .blog-list{padding-inline-start:0;padding-inline-end:1.85em;margin:0 0 24px;list-style-position:outside}
.blog-page .blog-content li{line-height:2.05;margin:7px 0;padding-inline-start:3px}
.blog-page .blog-content li::marker{color:#1466cd;font-weight:800}
.blog-page .blog-content li p{margin:0 0 7px}
.blog-page .blog-content blockquote{border-right:4px solid #2e80ed;border-left:0;border-radius:0 12px 12px 0;margin:25px 0;padding:13px 21px;background:#eff5ff;color:#23476d}
.blog-page .blog-content blockquote p:last-child{margin-bottom:0}
.blog-page .blog-table-scroll{max-width:100%;overflow-x:auto;overscroll-behavior-x:contain;border:1px solid #dce8f5;border-radius:14px;margin:22px 0 30px;scrollbar-color:#9bb8df #eef4fb}
.blog-page .blog-table-scroll:focus-visible{outline:3px solid #4591ef}
.blog-page .blog-table-scroll table{border-collapse:collapse;width:100%;min-width:490px;font-size:14px;line-height:1.9}
.blog-page .blog-table-scroll :is(td,th){padding:12px 15px;border-bottom:1px solid #e0e9f5;border-inline-end:1px solid #e9eff9;vertical-align:top;min-width:90px}
.blog-page .blog-table-scroll tr:first-child{background:#eff5ff;color:#173b75;font-weight:800}
.blog-page .blog-table-scroll tr:last-child td{border-bottom:0}
.blog-page .blog-table-scroll tr:nth-child(even){background:#fbfdff}
.blog-page .blog-table-scroll p{margin:0;line-height:1.8}
.blog-page .blog-source-action{text-align:center;margin:24px 0}
.blog-page .blog-source-link{display:inline-flex;padding:13px 20px;border-radius:12px;color:#fff;background:#135dcc;font-weight:700;text-decoration:none}
.blog-page .blog-source-link.blog-source-inert{background:#e8edf6;color:#4d5c72;cursor:default;border:1px solid #dce2eb}
.blog-page .blog-sidebar{position:sticky;top:95px;min-width:0}
.blog-page .blog-toc-box{border:1px solid #e2eaf5;border-radius:18px;background:#fff;padding:20px 19px;box-shadow:0 8px 38px rgba(13,48,90,.035)}
.blog-page .blog-toc-title{font-size:15px;font-weight:800;color:#103563;padding-bottom:12px;border-bottom:1px solid #e5edf7}
.blog-page .blog-toc-box nav{max-height:57vh;overflow:auto;padding:3px}
.blog-page .blog-toc-box ol{list-style:none;margin:8px 0;padding:0}
.blog-page .blog-toc-box li{margin:2px 0}
.blog-page .blog-toc-box li.sub{margin-inline-start:12px}
.blog-page .blog-toc-box a{display:block;color:#5b6d85;padding:9px 10px;text-decoration:none;font-size:12px;font-weight:600;line-height:1.7;border-radius:9px;transition:background 150ms,color 150ms}
.blog-page .blog-toc-box a:hover,.blog-page .blog-toc-box a.active{background:#e9f2ff;color:#075ec3}
.blog-page .blog-toc-box .blog-backlist{border-top:1px solid #e5edf7;margin-top:12px;padding-top:13px;color:#075ec3;font-weight:800}
.blog-page .blog-end{display:flex;gap:12px;flex-wrap:wrap;justify-content:space-between;align-items:center;border-top:1px solid #e1eaf5;margin-top:50px;padding-top:24px;color:#637e99;font-size:13px;font-weight:700}
.blog-page .blog-end a{color:#0764d6;text-decoration:none}
.blog-page .blog-related{padding-top:85px}
.blog-page .blog-related-heading{text-align:center;margin-bottom:26px}
.blog-page .blog-related-heading span{color:#1560c6;font-size:12px;font-weight:800}
.blog-page .blog-related-heading h2{color:#0a2c59;font-size:clamp(23px,3vw,34px);margin:8px 0 0}
.blog-page .blog-related-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:15px}
.blog-page .blog-related-card{display:flex;flex-direction:column;justify-content:space-between;min-height:155px;padding:21px;background:#fff;border:1px solid #e3eaf4;border-radius:15px;text-decoration:none;transition:transform 150ms,border-color 150ms}
.blog-page .blog-related-card:hover{transform:translateY(-3px);border-color:#91b8ef}
.blog-page .blog-related-card small{color:#1264ce;font-size:11px;font-weight:800}
.blog-page .blog-related-card strong{display:block;color:#143458;font-size:14px;line-height:1.8;margin:9px 0;font-weight:800}
.blog-page .blog-related-card span{color:#1667c9;font-size:12px;font-weight:700}
@media(max-width:920px){.blog-page .blog-layout{grid-template-columns:minmax(0,1fr)}.blog-page .blog-sidebar{grid-row:1;position:relative;top:0}.blog-page .blog-toc-box nav{max-height:190px}.blog-page .blog-hero{margin-bottom:25px}}
@media(max-width:680px){.blog-page .blog-shell{padding:23px 13px 50px}.blog-page .blog-crumb{margin-bottom:21px}.blog-page .blog-meta{gap:6px 11px}.blog-page .blog-meta span:not(:last-child)::after,.blog-page .blog-meta time::after{display:none}.blog-page .blog-hero{padding:0 5px}.blog-page .blog-hero h1{font-size:clamp(24px,6vw,34px)}.blog-page .blog-paper{padding:22px 16px;border-radius:13px}.blog-page .blog-content{font-size:15px}.blog-page .blog-content h2{font-size:21px}.blog-page .blog-content h3{font-size:18px}.blog-page .blog-related-grid{grid-template-columns:1fr}.blog-page .blog-related{padding-top:50px}.blog-page .blog-figure{margin-inline:-4px}}
@media(prefers-reduced-motion:reduce){.blog-page *, .blog-page *::before,.blog-page *::after{scroll-behavior:auto!important;animation:none!important;transition:none!important}}


/* Visual reading system V2 — source content stays unchanged. */
.blog-page{--blog-ink:#0b2e56;--blog-accent:#0b6fe0;--blog-highlight:#ecf5ff}
.blog-page:has(.blog-visual-figure img[src*="business.svg"]){--blog-accent:#07816c;--blog-highlight:#e8f9f3}
.blog-page:has(.blog-visual-figure img[src*="time.svg"]){--blog-accent:#9b6213;--blog-highlight:#fff7e7}
.blog-page:has(.blog-visual-figure img[src*="leveling.svg"]){--blog-accent:#7049b0;--blog-highlight:#f3edff}
.blog-page .blog-hero{position:relative}
.blog-page .blog-hero::before{content:"";position:absolute;z-index:0;top:-45px;left:calc(50% - 320px);width:640px;height:230px;border-radius:50%;background:radial-gradient(closest-side,#bdd8ff55,transparent);pointer-events:none}
.blog-page .blog-hero>*{position:relative}
.blog-page .blog-hero-jump{display:inline-flex;align-items:center;gap:8px;margin-top:19px;border:1px solid #b2cbeb;color:#0b55a8!important;font-size:13px;font-weight:800;padding:11px 20px;background:white;text-decoration:none;border-radius:999px;box-shadow:0 7px 24px #103b7020;transition:transform .18s,border-color .18s}
.blog-page .blog-hero-jump:hover{transform:translateY(-2px);border-color:#276ec9}
.blog-page .blog-start-guide{margin:10px auto 31px;padding:clamp(19px,3vw,29px);max-width:1138px;border:1px solid #d5e5fa;border-radius:22px;background:linear-gradient(130deg,#fff,#f0f7ff);box-shadow:0 12px 34px #124d8e0a}
.blog-page .blog-start-title{margin:0 0 17px}
.blog-page .blog-start-title>span{display:inline-block;color:#0b6bd5;letter-spacing:.03em;font-size:11px;font-weight:800}
.blog-page .blog-start-title h2{font-size:clamp(19px,2.2vw,25px);line-height:1.65;margin:5px 0;color:#0e315e}
.blog-page .blog-start-title p{font-size:13px;line-height:1.9;color:#647892;margin:0}
.blog-page .blog-start-guide ol{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;list-style:none;margin:0;padding:0}
.blog-page .blog-start-guide li{min-width:0;margin:0}
.blog-page .blog-start-guide a{height:100%;min-height:86px;display:flex;gap:9px;align-items:center;text-decoration:none;padding:13px 12px;color:#17395e;background:white;border:1px solid #dce8f6;border-radius:12px;transition:border-color .16s,background .16s}
.blog-page .blog-start-guide a:hover{border-color:#83b3ef;background:#f8fbff}
.blog-page .blog-start-guide a>span:first-child{font:800 15px/1.2 Alexandria,Arial,sans-serif;color:var(--blog-accent);align-self:flex-start}
.blog-page .blog-start-guide a>span:last-child{margin-inline-start:auto;align-self:flex-end;color:#8ea5c0;font-weight:700}
.blog-page .blog-start-guide strong{font-size:11px;line-height:1.8;font-weight:750;overflow-wrap:anywhere}
.blog-page .blog-paper{scroll-margin-top:98px}
.blog-page .blog-reader-toolbar{display:flex;align-items:center;justify-content:space-between;gap:10px;flex-wrap:wrap;border-bottom:1px solid #e2edf9;padding-bottom:17px;margin-bottom:30px}
.blog-page .blog-reader-toolbar>span{font-size:12px;font-weight:800;color:#54718e}
.blog-page .blog-reader-toolbar>div{display:flex;align-items:center;gap:7px}
.blog-page .blog-reader-toolbar button{min-width:39px;min-height:38px;padding:8px 11px;font-size:12px;font-weight:800;color:#12447e;background:#f1f7ff;border:1px solid #d5e5fa;border-radius:9px;cursor:pointer;transition:background .15s,border-color .15s}
.blog-page .blog-reader-toolbar button:hover{background:#e0efff;border-color:#9bbce5}
.blog-page .blog-content{--reader-adjust:0px;font-size:calc(16px + var(--reader-adjust));max-width:100%}
.blog-page .blog-content p{max-width:76ch;line-height:2.18}
.blog-page .blog-content .blog-list{max-width:83ch}
.blog-page .blog-content h2{position:relative;font-size:clamp(22px,2.5vw,28px);margin-block:54px 21px;border-top:1px solid #e2ebf7;padding-top:34px}
.blog-page .blog-content h2::after{content:"";display:block;width:49px;height:4px;margin-top:12px;background:var(--blog-accent);border-radius:99px}
.blog-page .blog-content h2:first-child{margin-top:12px}
.blog-page .blog-content h3{padding-inline-start:13px;border-inline-start:3px solid #d4e7ff}
.blog-page .blog-content :is(ol,ul) li{padding-block:2px}
.blog-page .blog-content ol.blog-list:not(.blog-stage-list)>li::marker{font-weight:800;color:var(--blog-accent)}
.blog-page .blog-content .blog-figure{margin:35px 0}
.blog-page .blog-content .blog-figure img{width:100%;max-width:100%;height:auto}
.blog-page .blog-visual-figure{background:#0d2447;padding:0;margin:25px 0 8px;border-radius:22px;overflow:hidden;border:1px solid #273f6e;box-shadow:0 17px 41px #0b2b5723}
.blog-page .blog-visual-figure img{display:block;width:100%;height:auto;margin:0}
.blog-page .blog-visual-figure figcaption{background:#0b2548;color:#e1ebfd;font-size:11px;text-align:center;padding:9px 13px;line-height:1.9}
.blog-page .blog-stage-list{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:8px;list-style:none;padding:0;margin:13px 0 35px}
.blog-page .blog-stage-list li{padding:13px 10px;text-align:center;border:1px solid #d8e7f8;background:var(--blog-highlight);border-radius:13px;min-width:0;line-height:1.6}
.blog-page .blog-stage-list li span{display:block;font:800 14px/1.3 Alexandria,Arial,sans-serif;color:var(--blog-accent)}
.blog-page .blog-stage-list li strong{display:block;font-size:11px;line-height:1.6;margin-top:7px;color:#193658;font-weight:750}
.blog-page .blog-table-scroll{position:relative;border-color:#cad9ee;box-shadow:0 12px 32px #193f7310}
.blog-page .blog-table-scroll tr:first-child{background:var(--blog-highlight)}
.blog-page .blog-content blockquote{background:var(--blog-highlight);border-right-color:var(--blog-accent)}
.blog-page .blog-toc-box .blog-toc-title{display:flex;align-items:center;gap:9px}
.blog-page .blog-toc-box .blog-toc-title:before{content:"☰";color:#1c6fd9;font-size:18px}
.blog-page .blog-live-status{position:fixed;inset:auto 50% 18px auto;transform:translateX(50%);z-index:100;background:#103961;color:white;font-size:12px;border-radius:12px;padding:11px 17px;box-shadow:0 9px 27px #0003;max-width:calc(100vw - 30px)}
.blog-page .blog-live-status:empty{display:none}
.blog-page .blog-backtop{position:fixed;z-index:30;left:20px;bottom:18px;display:flex;align-items:center;justify-content:center;width:44px;height:44px;background:#0b65c7;color:white;border-radius:50%;border:1px solid #3a8aeb;text-decoration:none;font-weight:800;font-size:22px;box-shadow:0 8px 25px #10498133;opacity:0;pointer-events:none;transform:translateY(10px);transition:opacity .15s,transform .15s}
.blog-page .blog-backtop.is-visible{opacity:1;pointer-events:auto;transform:none}
@media(max-width:1100px){.blog-page .blog-start-guide ol{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:760px){.blog-page .blog-start-guide{margin-bottom:16px;border-radius:14px}.blog-page .blog-start-guide ol{grid-template-columns:repeat(2,minmax(0,1fr))}.blog-page .blog-start-guide a{min-height:75px;padding:11px 9px}.blog-page .blog-content{font-size:calc(15px + var(--reader-adjust))}.blog-page .blog-stage-list{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.blog-page .blog-stage-list li:last-child{grid-column:1/-1}.blog-page .blog-visual-figure{border-radius:14px;margin:21px 0 8px}.blog-page .blog-reader-toolbar{margin-bottom:15px}.blog-page .blog-content h2{margin-block:39px 17px;padding-top:25px}.blog-page .blog-backtop{left:12px;bottom:12px;width:40px;height:40px}}
@media(max-width:440px){.blog-page .blog-start-guide{padding:16px 12px}.blog-page .blog-start-guide ol{grid-template-columns:1fr}.blog-page .blog-start-guide a{min-height:0}.blog-page .blog-stage-list{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(prefers-reduced-motion:reduce){.blog-page .blog-hero-jump,.blog-page .blog-backtop,.blog-page .blog-start-guide a,.blog-page .blog-reader-toolbar button{transition:none!important;transform:none!important}}