/* Cybee editorial reading: the existing light palette, type and square geometry. */
[data-page^="blog-"] main{--blog-measure:72ch}
.blog-library-hero{display:grid;grid-template-columns:minmax(0,1.1fr) minmax(0,.8fr);gap:9%;align-items:end;padding-block:76px 58px}
.blog-library-hero h1{font-size:clamp(42px,5.1vw,70px);max-width:770px;line-height:1.07;letter-spacing:-.035em;text-wrap:balance}
.blog-library-hero>div>p{font-size:20px;line-height:1.6;max-width:500px;margin:0 0 22px;color:var(--muted)}
.blog-library-hero .text-link{font-size:15px;line-height:1.5;gap:15px}
.blog-library{padding-bottom:88px}
.blog-tools{border-block:1px solid var(--line);padding-block:25px 18px;margin-bottom:36px}
.blog-tools[hidden],.blog-story[hidden],.blog-empty[hidden],.blog-result-line button[hidden]{display:none}
.blog-search{display:block;max-width:560px}
.blog-search>span{font-size:14px;display:block;margin-bottom:8px}
.blog-search>div{display:flex;align-items:center;gap:14px;border:1px solid var(--line);background:var(--paper);min-height:54px;padding-inline:16px}
.blog-search>div:focus-within{outline:2px solid var(--blue);outline-offset:3px}
.blog-search svg{width:20px;height:20px;flex:0 0 20px;fill:none;stroke:var(--blue);stroke-width:1.5}
.blog-search input{width:100%;min-width:0;border:0;outline:none;background:transparent;color:var(--ink);font:inherit;padding-block:13px;border-radius:0}
.blog-search input::placeholder{color:var(--muted);opacity:1}
.blog-search input:focus-visible{outline:none}
.blog-topics{display:flex;flex-wrap:wrap;gap:8px 22px;margin-top:21px}
.blog-topics button{border:0;border-bottom:2px solid transparent;background:transparent;color:var(--muted);font:inherit;font-size:15px;min-height:44px;padding:8px 0;cursor:pointer}
.blog-topics button[aria-pressed="true"]{color:var(--blue);border-bottom-color:var(--blue)}
.blog-topics button:hover{color:var(--blue)}
.blog-result-line{display:flex;justify-content:space-between;gap:15px;align-items:center;margin-top:12px;min-height:36px;font-size:14px;color:var(--muted)}
.blog-result-line p{margin:0;font-variant-numeric:tabular-nums}
.blog-result-line button{display:flex;gap:8px;align-items:center;border:0;background:transparent;color:var(--blue);font:inherit;cursor:pointer;min-height:36px;padding:0}
.blog-result-line .icon{width:15px;height:15px}
.blog-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:54px 38px}
.blog-story{min-width:0;display:flex;flex-direction:column}
.blog-story-image{display:block;overflow:hidden;aspect-ratio:1.8;background:var(--warm)}
.blog-photo-preview{position:relative;height:100%;isolation:isolate}
.blog-photo-preview>img{display:block;width:100%;height:100%;object-fit:cover}
.blog-photo-stamp{position:absolute;inset:auto 0 0 auto;background:var(--paper);display:flex;align-items:center;gap:20px;min-height:52px;padding:12px 16px;max-width:95%}
.blog-preview-brand{display:block;width:84px;height:auto;flex:0 0 84px}
.blog-photo-stamp>span{font-size:12px;border-left:1px solid var(--line);padding-left:20px;color:var(--muted);line-height:1.4}
.blog-story-copy{padding-top:20px;display:flex;flex-direction:column;align-items:flex-start;flex:1}
.blog-story-meta{display:flex;flex-wrap:wrap;gap:8px 18px;font-size:13px;color:var(--muted);margin-bottom:10px}
.blog-story-meta>span:first-child{color:var(--blue)}
.blog-story-copy h2{font-size:30px;line-height:1.16;letter-spacing:-.025em;max-width:630px;margin:0 0 14px;text-wrap:balance}
.blog-story-copy h2 a:hover{color:var(--blue);text-decoration:underline;text-decoration-thickness:1px;text-underline-offset:5px}
.blog-story-copy>p{font-size:16px;line-height:1.65;max-width:59ch;margin:0 0 18px;color:var(--muted)}
.blog-read-link{font-size:14px;line-height:1.5;color:var(--blue);display:inline-flex;align-items:center;gap:14px;min-height:44px;margin-top:auto}
.blog-read-link:hover{text-decoration:underline;text-underline-offset:5px}
.blog-read-link .icon{width:18px;height:18px}
.blog-story-featured{grid-column:1/-1;display:grid;grid-template-columns:minmax(0,1.2fr) minmax(0,1fr);gap:36px;padding-bottom:36px;border-bottom:1px solid var(--line)}
.blog-story-featured .blog-story-image{aspect-ratio:1.42;min-height:100%}
.blog-story-featured .blog-story-copy{justify-content:center;align-self:center;padding:20px 10px 20px 0}
.blog-story-featured h2{font-size:clamp(32px,3vw,43px);line-height:1.13;letter-spacing:-.03em}
.blog-story-featured .blog-story-copy>p{font-size:18px}
.blog-story-featured .blog-story-meta{margin-bottom:20px}
.blog-story-featured .blog-read-link{margin-top:4px}
.blog-guide-preview{height:100%;padding:28px;background:var(--light-blue);display:flex;flex-direction:column;justify-content:space-between;color:var(--blue)}
.blog-guide-preview>div{display:flex;align-items:center;gap:25px;padding-block:24px;border-block:1px solid #b7c9ed;max-width:100%}
.blog-guide-preview>div>.icon{width:43px;height:43px;flex:0 0 43px}
.blog-guide-preview>div>span{font-size:24px;line-height:1.35;max-width:300px;letter-spacing:-.025em}
.blog-empty{padding:44px 0 60px;max-width:600px}
.blog-empty h2{font-size:32px;margin-bottom:18px}
.blog-empty p{color:var(--muted);margin-bottom:20px}
.blog-library-close{padding-block:64px}
.blog-library-close>.wrap{display:grid;grid-template-columns:1fr 1fr;gap:64px}
.blog-library-close h2{font-size:42px;line-height:1.12;max-width:420px;letter-spacing:-.03em}
.blog-library-close>.wrap>div>a{display:grid;grid-template-columns:1fr 24px;gap:8px 24px;padding:24px 0;border-top:1px solid var(--line)}
.blog-library-close>.wrap>div>a:first-child{padding-top:0;border-top:0}
.blog-library-close strong{font-size:23px;font-weight:500;line-height:1.3}
.blog-library-close span{font-size:16px;color:var(--muted);grid-column:1}
.blog-library-close .icon{grid-column:2;grid-row:1/3;align-self:center;color:var(--blue)}
.blog-library-close a:hover strong{color:var(--blue)}
.blog-article-hero{padding-block:46px 34px}
.blog-breadcrumb{display:flex;gap:14px;align-items:center;font-size:14px;line-height:1.5;color:var(--muted);margin-bottom:36px}
.blog-breadcrumb a{padding-block:7px}
.blog-breadcrumb a:hover{color:var(--blue);text-decoration:underline;text-underline-offset:4px}
.blog-article-hero h1{font-size:clamp(40px,4.8vw,66px);line-height:1.08;letter-spacing:-.035em;max-width:1050px;text-wrap:balance}
.blog-article-description{font-size:22px;line-height:1.55;max-width:820px;margin-top:25px;color:var(--muted)}
.blog-article-meta{display:flex;gap:10px 24px;flex-wrap:wrap;align-items:center;margin-top:29px;font-size:14px;line-height:1.5;color:var(--muted)}
.blog-article-meta a{color:var(--blue)}
.blog-article-meta a:hover{text-decoration:underline;text-underline-offset:4px}
.blog-article-photo{margin-block:0 52px}
.blog-article-photo>img{display:block;width:100%;height:auto;aspect-ratio:2.5;object-fit:cover;background:var(--warm)}
.blog-article-photo>figcaption{font-size:12px;line-height:1.6;color:var(--muted);padding-top:10px}
.blog-reading-layout{display:grid;grid-template-columns:210px minmax(0,760px);gap:64px;align-items:start;padding-bottom:72px}
.blog-reading{min-width:0;font-size:18px;line-height:1.75}
.blog-reading p{margin:0 0 22px;max-width:var(--blog-measure)}
.blog-toc{position:sticky;top:122px;font-size:14px;line-height:1.5}
.blog-toc details>summary{display:flex;justify-content:space-between;align-items:center;gap:14px;list-style:none;cursor:pointer;padding-block:5px 15px;font-weight:500}
.blog-toc details>summary::-webkit-details-marker,.blog-sources summary::-webkit-details-marker{display:none}
.blog-toc details>summary>.icon{width:14px;height:14px}
.blog-toc details[open]>summary>.icon{transform:rotate(45deg)}
.blog-toc nav{display:flex;flex-direction:column}
.blog-toc nav a{padding:11px 0;border-top:1px solid var(--line);color:var(--muted)}
.blog-toc nav a:hover,.blog-toc nav a[aria-current="location"]{color:var(--blue)}
.blog-toc-glossary{display:flex;gap:15px;align-items:center;color:var(--blue);margin-top:24px;min-height:44px}
.blog-toc-glossary>.icon{width:17px;height:17px;flex:0 0 17px}
.blog-answer{background:var(--blue);color:white;padding:31px 34px 34px;scroll-margin-top:120px}
.blog-answer h2{font-size:29px;letter-spacing:-.025em;line-height:1.2;margin:0 0 19px}
.blog-answer p{font-size:19px;line-height:1.65;color:#f5f8ff;margin:0}
.blog-section{padding-top:48px;scroll-margin-top:124px}
.blog-section h2{font-size:34px;line-height:1.18;letter-spacing:-.028em;max-width:760px;margin:0 0 23px;text-wrap:balance}
.blog-section p:last-child{margin-bottom:0}
.blog-section ul{padding-left:24px;margin:22px 0 0}
.blog-section li{padding-left:4px;margin-block:10px}
.blog-section li::marker{color:var(--blue)}
.blog-diagram{margin:36px 0 0;padding:27px 30px 24px;background:var(--warm);color:var(--ink)}
.blog-diagram figcaption{display:flex;justify-content:space-between;align-items:center;gap:28px;margin-bottom:25px}
.blog-diagram h3{font-size:24px;line-height:1.22;letter-spacing:-.02em;max-width:440px;font-weight:500}
.blog-diagram figcaption>svg{width:122px;height:64px;flex:0 0 122px;color:var(--blue)}
.blog-diagram :is(ol,ul){display:grid;grid-template-columns:repeat(3,minmax(0,1fr));list-style:none;gap:0;margin:0;padding:0;counter-reset:none}
.blog-diagram li{position:relative;min-width:0;padding:0 18px 0 0}
.blog-diagram li:last-child{padding-right:0}
.blog-diagram li::before{content:"";position:absolute;top:16px;left:32px;width:calc(100% - 32px);border-top:1px solid #b2bbcd}
.blog-diagram li:last-child::before{display:none}
.blog-diagram-mark{display:flex;align-items:center;justify-content:center;width:32px;height:32px;color:var(--blue);border:1px solid var(--blue);background:var(--warm);font-size:14px;font-variant-numeric:tabular-nums;margin-bottom:18px;position:relative;z-index:1}
.blog-diagram strong{display:block;font-size:17px;line-height:1.35;font-weight:500;margin-bottom:9px}
.blog-diagram li p{font-size:15px;line-height:1.65;margin:0;color:var(--muted)}
.blog-diagram p.blog-diagram-caption{font-size:12px;line-height:1.6;color:var(--muted);border-top:1px solid var(--line);padding-top:18px;margin:23px 0 0}
.blog-diagram-layers ol,.blog-diagram-scope ul{grid-template-columns:1fr;gap:0}
.blog-diagram-layers li,.blog-diagram-scope li{display:flex;gap:18px;padding:17px 0;border-top:1px solid var(--line)}
.blog-diagram-layers li::before,.blog-diagram-scope li::before{display:none}
.blog-diagram-layers .blog-diagram-mark,.blog-diagram-scope .blog-diagram-mark{flex:0 0 32px;margin:0}
.blog-diagram-layers strong,.blog-diagram-scope strong{margin-bottom:5px}
.blog-diagram-evidence{background:var(--light-blue)}
.blog-diagram-evidence .blog-diagram-mark{background:var(--light-blue)}
.blog-diagram-evidence p.blog-diagram-caption{border-color:#c4d2ec;color:#46536b}
.blog-takeaways{padding:29px 0 0;border-top:1px solid var(--line);margin-top:48px;scroll-margin-top:124px}
.blog-takeaways h2{font-size:29px;line-height:1.2;letter-spacing:-.025em;margin-bottom:23px}
.blog-takeaways ul{list-style:none;padding:0;margin:0}
.blog-takeaways li{display:flex;gap:16px;align-items:flex-start;margin-block:15px;font-size:17px;line-height:1.65}
.blog-takeaways .icon{flex:0 0 19px;width:19px;height:19px;margin-top:5px;color:var(--blue)}
.blog-term-links{display:flex;flex-wrap:wrap;gap:10px 20px;margin-top:30px;font-size:14px}
.blog-term-links p{flex-basis:100%;margin:0;color:var(--muted)}
.blog-term-links a{color:var(--blue);text-decoration:underline;text-underline-offset:4px}
.blog-sources{margin-top:42px;border-top:1px solid var(--line);padding-top:20px;scroll-margin-top:124px}
.blog-sources summary{display:flex;justify-content:space-between;align-items:center;gap:22px;cursor:pointer;list-style:none;font-size:16px;min-height:44px}
.blog-sources summary .icon{width:17px;height:17px;flex:0 0 17px;color:var(--blue)}
.blog-sources details[open] summary .icon{transform:rotate(45deg)}
.blog-sources ul{list-style:none;padding:0;margin:15px 0}
.blog-sources li{margin-block:13px;font-size:14px;line-height:1.6}
.blog-sources li a{display:inline;color:var(--blue);text-decoration:underline;text-decoration-thickness:1px;text-underline-offset:4px;overflow-wrap:anywhere}
.blog-sources li .icon{display:inline-block;vertical-align:middle;margin-left:8px;width:13px;height:13px}
.blog-sources details>p{font-size:13px;color:var(--muted);margin:18px 0 0}
.blog-next{padding-block:59px}
.blog-next>.wrap{display:grid;grid-template-columns:1fr 1.1fr;gap:65px}
.blog-next h2{font-size:43px;line-height:1.12;letter-spacing:-.03em;margin-bottom:20px}
.blog-next p{max-width:420px;color:var(--muted);font-size:17px;line-height:1.65}
.blog-next nav>a{display:flex;align-items:center;justify-content:space-between;gap:24px;border-top:1px solid var(--line);padding-block:18px;font-size:19px;line-height:1.4}
.blog-next nav>a:last-child{border-bottom:1px solid var(--line)}
.blog-next nav>a:hover{color:var(--blue)}
.blog-next nav .icon{color:var(--blue);width:20px;height:20px;flex:0 0 20px}
@media(min-width:1200px){.blog-tools{display:grid;grid-template-columns:1fr 1.3fr;gap:12px 42px;align-items:end}.blog-search{grid-row:1/3}.blog-topics{margin-top:0;justify-content:flex-end;gap:7px 20px}.blog-result-line{grid-column:2;margin-top:0}.blog-result-line:has(button[hidden]){justify-content:flex-end}}
@media(max-width:1100px){.blog-library-hero{gap:45px}.blog-reading-layout{grid-template-columns:180px minmax(0,1fr);gap:38px}.blog-toc{top:108px}.blog-story-featured{gap:28px}.blog-story-featured h2{font-size:34px}.blog-story-featured .blog-story-copy>p{font-size:17px}.blog-grid{gap:42px 28px}.blog-diagram{padding:24px}.blog-diagram figcaption{gap:20px}.blog-diagram :is(ol,ul){grid-template-columns:1fr}.blog-diagram li{display:flex;gap:17px;padding:0 0 24px}.blog-diagram li:last-child{padding-bottom:0}.blog-diagram li::before{left:16px;top:32px;height:calc(100% - 32px);width:0;border-top:0;border-left:1px solid #b2bbcd}.blog-diagram-mark{flex:0 0 32px;margin:0}.blog-diagram-layers li,.blog-diagram-scope li{padding:17px 0}.blog-diagram-layers li:last-child,.blog-diagram-scope li:last-child{padding-bottom:0}}
@media(max-width:760px){.blog-library-hero{grid-template-columns:1fr;gap:24px;padding-block:42px 34px}.blog-library-hero h1{font-size:clamp(38px,7.5vw,52px);max-width:620px}.blog-library-hero>div>p{font-size:18px;max-width:580px;margin-bottom:16px}.blog-library-hero .text-link{font-size:14px}.blog-library{padding-bottom:52px}.blog-tools{padding-block:20px 13px;margin-bottom:27px}.blog-search{max-width:100%}.blog-search input{font-size:16px}.blog-topics{gap:4px 20px;margin-top:16px}.blog-topics button{font-size:14px}.blog-result-line{font-size:13px}.blog-grid{gap:37px 23px}.blog-story-featured{display:flex;padding-bottom:30px;gap:0}.blog-story-featured .blog-story-image{aspect-ratio:1.8;min-height:0}.blog-story-featured .blog-story-copy{padding:20px 0 0;align-self:stretch}.blog-story-featured .blog-story-meta{margin-bottom:10px}.blog-story-featured h2{font-size:32px;max-width:620px}.blog-story-copy h2{font-size:25px}.blog-story-copy>p{font-size:15px}.blog-story-meta{font-size:12px;gap:6px 12px}.blog-preview-brand{width:72px;flex-basis:72px}.blog-photo-stamp{padding:10px 12px;min-height:43px;gap:12px}.blog-photo-stamp>span{font-size:11px;padding-left:12px}.blog-library-close{padding-block:44px}.blog-library-close>.wrap{grid-template-columns:1fr;gap:29px}.blog-library-close h2{font-size:36px;max-width:none}.blog-library-close strong{font-size:22px}.blog-library-close span{font-size:15px}.blog-guide-preview{padding:19px}.blog-guide-preview>div{gap:15px;padding-block:18px}.blog-guide-preview>div>span{font-size:19px}.blog-guide-preview>div>.icon{width:32px;height:32px;flex-basis:32px}.blog-article-hero{padding-block:27px 27px}.blog-breadcrumb{margin-bottom:24px;font-size:13px}.blog-article-hero h1{font-size:clamp(35px,6.6vw,50px);max-width:700px;line-height:1.1}.blog-article-description{font-size:19px;line-height:1.6;margin-top:20px}.blog-article-meta{gap:9px 19px;font-size:13px;margin-top:24px}.blog-article-photo{margin-bottom:30px}.blog-article-photo>img{aspect-ratio:1.8}.blog-article-photo>figcaption{font-size:11px}.blog-reading-layout{grid-template-columns:1fr;gap:28px;padding-bottom:45px}.blog-toc{position:static}.blog-toc nav{display:grid;grid-template-columns:1fr 1fr;column-gap:24px}.blog-toc details>summary{padding-bottom:13px}.blog-toc nav a{font-size:13px;padding-block:10px}.blog-toc-glossary{margin-top:13px;font-size:13px}.blog-reading{font-size:17px;line-height:1.75}.blog-answer{padding:25px}.blog-answer h2{font-size:27px}.blog-answer p{font-size:18px;line-height:1.65}.blog-section{padding-top:35px;scroll-margin-top:100px}.blog-section h2{font-size:30px;line-height:1.2;margin-bottom:20px}.blog-diagram{margin-top:28px;padding:23px}.blog-diagram figcaption>svg{width:95px;flex-basis:95px;height:50px}.blog-diagram h3{font-size:22px}.blog-diagram figcaption{gap:15px;margin-bottom:23px}.blog-takeaways{margin-top:35px;padding-top:25px}.blog-takeaways h2{font-size:27px}.blog-takeaways li{font-size:16px;gap:13px}.blog-sources{margin-top:32px}.blog-next{padding-block:44px}.blog-next>.wrap{grid-template-columns:1fr;gap:28px}.blog-next h2{font-size:36px}.blog-next p{max-width:560px;font-size:16px}.blog-next nav>a{font-size:18px;padding-block:17px}}
@media(max-width:540px){.blog-grid{grid-template-columns:1fr}.blog-story-featured{grid-column:auto}.blog-story-copy h2,.blog-story-featured h2{font-size:29px;line-height:1.15}.blog-story-copy>p,.blog-story-featured .blog-story-copy>p{font-size:16px}.blog-story-image{aspect-ratio:1.65}.blog-story-meta{font-size:13px}.blog-story-copy{padding-top:16px}.blog-guide-preview{padding:23px}.blog-guide-preview>div>span{font-size:23px}.blog-article-meta{gap:9px 17px}.blog-article-photo>img{aspect-ratio:1.5}.blog-toc nav{grid-template-columns:1fr}.blog-toc nav a{padding-block:10px;font-size:14px}.blog-answer{padding:23px 21px}.blog-answer h2{font-size:25px}.blog-section h2{font-size:28px}.blog-diagram{padding:23px 20px}.blog-diagram figcaption{align-items:flex-start}.blog-diagram figcaption>svg{width:74px;flex-basis:74px;height:44px}.blog-diagram h3{font-size:22px}.blog-reading-layout{gap:24px}.blog-story-image .blog-photo-stamp{max-width:92%}.blog-photo-stamp>span{font-size:12px}.blog-article-hero h1{font-size:clamp(33px,8.8vw,42px)}.blog-library-hero h1{font-size:clamp(36px,9vw,46px)}}
@media(prefers-reduced-motion:no-preference){.blog-read-link .icon{transition:transform .2s cubic-bezier(.16,1,.3,1)}.blog-read-link:hover .icon{transform:translateX(3px)}}
@media print{.blog-toc,.blog-next,.blog-library-close,.blog-tools{display:none}.blog-reading-layout{display:block}.blog-article-photo>img{max-height:200px}.blog-answer{background:white;color:var(--ink);border:1px solid var(--line)}.blog-answer p{color:var(--ink)}.blog-section{break-inside:avoid}.blog-reading{font-size:12pt}}

.blog-diagram-mark>.icon{width:15px;height:15px}