/* Blog index and articles. Shares the palette and type of the policy pages. */
.blog-page { background: #f8fbfb; color: #101414; }
.blog-layout { max-width: 820px; margin: 0 auto; padding: 56px 24px 96px; }
.blog-wide { max-width: 1060px; }

.blog-head { border-bottom: 1px solid #d9e5e5; padding-bottom: 28px; margin-bottom: 36px; }
.blog-kicker {
  display: block; font-size: 11px; font-weight: 600; letter-spacing: .12em;
  text-transform: uppercase; color: #177b7b; margin: 0 0 14px;
}
.blog-head h1 {
  font-family: var(--font-display); font-size: clamp(30px, 4.4vw, 46px);
  font-weight: 700; line-height: 1.1; letter-spacing: -.035em; margin: 0;
}
.blog-meta { margin: 16px 0 0; font-size: 14px; color: #607070; }
.blog-standfirst { margin: 18px 0 0; font-size: 18px; line-height: 1.65; color: #3c4f50; }

/* ---- article body ---- */
.blog-body { font-size: 17px; line-height: 1.75; color: #22312f; }
.blog-body h2 {
  font-family: var(--font-display); font-size: clamp(22px, 2.6vw, 29px); font-weight: 700;
  letter-spacing: -.02em; line-height: 1.25; margin: 44px 0 14px;
}
.blog-body h3 { font-family: var(--font-text); font-size: 18px; font-weight: 600; margin: 28px 0 8px; }
.blog-body p { margin: 0 0 18px; }
.blog-body ul, .blog-body ol { margin: 0 0 20px; padding-left: 22px; }
.blog-body li { margin: 0 0 10px; }
.blog-body a { color: #126b6b; text-underline-offset: 2px; }
.blog-body code {
  font-family: ui-monospace, SFMono-Regular, Menlo, monospace; font-size: .9em;
  background: #eef4f4; border-radius: 4px; padding: 1px 5px;
}
.blog-body pre {
  margin: 0 0 22px; padding: 18px 20px; overflow-x: auto;
  background: #0b2021; color: #dbeceb; border-radius: 10px; font-size: 13.5px; line-height: 1.6;
}
.blog-body pre code { background: none; padding: 0; color: inherit; }

/* ---- tables ---- */
.blog-tablewrap { overflow-x: auto; margin: 0 0 24px; }
.blog-body table { border-collapse: collapse; width: 100%; min-width: 520px; font-size: 15px; }
.blog-body th, .blog-body td {
  border: 1px solid #d9e5e5; padding: 10px 13px; text-align: left; vertical-align: top;
}
.blog-body th { background: #eef5f4; font-weight: 600; }

/* ---- FAQs ---- */
.blog-faq { margin: 48px 0 0; padding: 28px 26px; border: 1px solid #d9e5e5; border-radius: 14px; background: #fff; }
.blog-faq h2 { margin-top: 0; }
.blog-faq dt { font-weight: 600; margin: 18px 0 6px; }
.blog-faq dt:first-of-type { margin-top: 0; }
.blog-faq dd { margin: 0; color: #3c4f50; }

/* ---- call to action ---- */
.blog-cta {
  margin: 44px 0 0; padding: 30px 28px; border-radius: 14px;
  background: #0b2021; color: #eaf3f2;
}
.blog-cta p { margin: 0 0 18px; font-size: 17px; line-height: 1.6; color: #cfe2e1; }
.blog-cta a {
  display: inline-block; padding: 13px 22px; border-radius: 7px;
  background: #4ad3d3; color: #082021; font-weight: 600; text-decoration: none;
}
.blog-cta a:hover { background: #3cc3c3; }

/* ---- related ---- */
.blog-related { margin: 44px 0 0; padding-top: 26px; border-top: 1px solid #d9e5e5; }
.blog-related h2 { font-family: var(--font-text); font-size: 12px; font-weight: 600; letter-spacing: .12em; text-transform: uppercase; color: #607070; margin: 0 0 14px; }
.blog-related ul { margin: 0; padding-left: 20px; }

/* ---- index ---- */
.blog-list { display: grid; gap: 18px; margin: 0; padding: 0; list-style: none; }
@media (min-width: 760px) { .blog-list { grid-template-columns: repeat(2, minmax(0, 1fr)); } }
.blog-card {
  display: flex; flex-direction: column; gap: 10px; height: 100%;
  padding: 24px 22px; border: 1px solid #d9e5e5; border-radius: 14px; background: #fff;
}
.blog-card h2 { font-family: var(--font-display); font-size: 21px; font-weight: 700; line-height: 1.25; letter-spacing: -.02em; margin: 0; }
.blog-card h2 a { color: #101414; text-decoration: none; }
.blog-card h2 a:hover { color: #126b6b; }
.blog-card p { margin: 0; font-size: 15px; line-height: 1.6; color: #52655d; }
.blog-card span { margin-top: auto; padding-top: 8px; font-size: 12px; color: #78908c; }

.blog-foot {
  max-width: 1060px; margin: 0 auto; padding: 28px 24px 56px;
  display: flex; flex-wrap: wrap; gap: 18px; font-size: 13px; color: #607070;
}
.blog-foot a { color: #126b6b; }

/* Journal layout. Shared local typefaces, ink and turquoise from Anphonic. */
:root{--blog-ink:#101414;--blog-teal:#1c9393;--blog-accent:#43cece;--blog-line:#d9e5e5}
*{box-sizing:border-box}.blog-page{margin:0;background:#fbfcfb;font-family:var(--font-text);overflow-wrap:break-word}.blog-page [hidden]{display:none!important}
.flow-nav{height:80px;padding:0 max(24px,calc((100vw - 1280px)/2));display:flex;align-items:center;justify-content:space-between;background:#fff;border-bottom:1px solid var(--blog-line)}.flow-nav img{width:136px;height:32px;object-fit:contain}.flow-nav-group{display:flex;align-items:center;gap:24px}.flow-nav-link{font-size:13px;text-decoration:none;color:var(--blog-ink);padding:12px 0}.flow-nav-link:last-child{background:var(--blog-ink);color:#fff;border-radius:6px;padding:12px 18px}.flow-nav-link span{margin-left:12px}
.blog-skip{position:fixed;top:-80px;left:16px;z-index:20;background:#fff;padding:14px}.blog-skip:focus{top:8px}.blog-page a:focus-visible,.blog-page button:focus-visible,.blog-page summary:focus-visible{outline:3px solid var(--blog-teal);outline-offset:5px}.reading-progress{height:3px;position:fixed;top:0;left:0;right:0;background:var(--blog-teal);transform:scaleX(0);transform-origin:left;z-index:30;pointer-events:none}
.blog-layout{max-width:1200px;padding:64px 32px 88px}.blog-wide{max-width:1280px}.blog-head{margin-bottom:48px;padding-bottom:40px}.blog-head h1{font-size:clamp(36px,4.8vw,64px);line-height:1.09;max-width:1000px;text-wrap:balance}.blog-index-head{padding:12px 0 44px;border:0}.blog-index-head h1{font-size:clamp(52px,7.2vw,98px);letter-spacing:-.065em;line-height:1.04;margin:24px 0 30px}.blog-index-head h1 span{color:var(--blog-teal)}.blog-kicker{font-family:var(--font-text);letter-spacing:.12em;font-size:10px;font-weight:600}.hero-bottom{display:flex;align-items:end;justify-content:space-between;gap:32px}.hero-bottom .blog-standfirst{max-width:570px;font-size:18px;margin:0}.explore-link{color:var(--blog-ink);font-size:14px;text-decoration:none;border-bottom:1px solid var(--blog-ink);padding:12px 0;white-space:nowrap}.explore-link span{margin-left:28px}
.blog-feature{display:grid;grid-template-columns:1.08fr 1fr;overflow:hidden;border:1px solid var(--blog-line);border-radius:16px;background:#f0f6f4;margin-bottom:88px}.feature-copy{padding:48px;display:flex;flex-direction:column;align-items:start;justify-content:center}.feature-copy h2{font:700 clamp(25px,3vw,38px)/1.17 var(--font-display);letter-spacing:-.035em;margin:8px 0 20px}.feature-copy h2 a{color:var(--blog-ink);text-decoration:none}.feature-copy p{font-size:15px;line-height:1.8;color:#52655d;margin:0 0 30px}.read-link{font-size:13px;font-weight:600;color:var(--blog-ink);text-decoration:none}.read-link span{display:inline-block;margin-left:24px;transition:transform .2s}.read-link:hover span{transform:translate(3px,-3px)}
.feature-art{min-height:380px;position:relative;background:#102e2d;overflow:hidden;color:#c8f4eb}.art-grid{position:absolute;inset:0;background-image:linear-gradient(#b5e7db0c 1px,transparent 1px),linear-gradient(90deg,#b5e7db0c 1px,transparent 1px);background-size:40px 40px}.art-label,.art-caption{position:absolute;left:30px;font:10px/1.5 var(--font-text);letter-spacing:.18em}.art-label{top:28px}.art-caption{bottom:26px;color:#85b2a8}.orbit{position:absolute;width:290px;height:290px;border:1px solid #80c8ba44;border-radius:50%;left:50%;top:50%;transform:translate(-50%,-50%)}.orbit-two{width:210px;height:210px;border-style:dashed}.art-core{position:absolute;top:50%;left:50%;margin:-58px 0 0 -58px;width:116px;height:116px;background:#43cece;color:#0c2927;border-radius:27px;display:grid;place-content:center;font:600 82px/1 var(--font-display);box-shadow:0 0 75px #43cece22}.art-core span{position:absolute;right:13px;top:13px;font-size:20px}.art-chip{position:absolute;padding:12px 16px;background:#234541;border:1px solid #6b9d9266;border-radius:7px;font:12px var(--font-text);box-shadow:0 10px 24px #0002}.chip-one{top:24%;left:9%;transform:rotate(-7deg)}.chip-two{right:6%;top:44%;transform:rotate(5deg)}.chip-three{left:17%;bottom:18%;transform:rotate(-3deg)}
.guides{scroll-margin-top:30px}.section-heading{display:flex;justify-content:space-between;align-items:end;gap:24px;margin-bottom:26px}.section-heading h2{font:600 clamp(26px,3vw,38px)/1.2 var(--font-display);letter-spacing:-.035em;margin:0}.section-heading p{font-size:12px;color:#607070;white-space:nowrap}.blog-filters{display:flex;flex-wrap:wrap;gap:8px;margin:0 0 32px}.blog-filters button{font:500 12px var(--font-text);background:transparent;border:1px solid var(--blog-line);border-radius:30px;padding:12px 18px;min-height:44px;cursor:pointer;color:#405453}.blog-filters button[aria-pressed=true]{background:var(--blog-ink);border-color:var(--blog-ink);color:#fff}.blog-list{grid-template-columns:repeat(3,minmax(0,1fr));gap:0;border-top:1px solid var(--blog-line);border-left:1px solid var(--blog-line)}.blog-card{position:relative;border:0;border-right:1px solid var(--blog-line);border-bottom:1px solid var(--blog-line);border-radius:0;padding:30px;gap:20px;background:transparent;transition:background .2s}.blog-card:hover,.blog-card:focus-within{background:#edf6f3}.card-top,.card-bottom{display:flex;justify-content:space-between;align-items:center;gap:12px}.blog-card .blog-kicker{padding:0;margin:0;color:#177b7b;font-size:9px}.blog-card .card-number{padding:0;margin:0;color:#81928c;font:12px ui-monospace,monospace}.blog-card h3{font:650 24px/1.25 var(--font-display);letter-spacing:-.025em;margin:0}.blog-card h3 a{color:var(--blog-ink);text-decoration:none}.blog-card h3 a:after{content:'';position:absolute;inset:0}.blog-card p{font-size:14px;line-height:1.75}.card-bottom{margin-top:auto;padding-top:12px}.card-bottom span{padding:0;margin:0;color:#52655d}.card-arrow{display:grid;place-content:center;border:1px solid var(--blog-line);border-radius:50%;width:34px;height:34px;font-size:20px!important;transition:background .2s}.blog-card:hover .card-arrow{background:var(--blog-accent)}
.blog-cta{display:flex;justify-content:space-between;align-items:center;gap:32px;padding:48px;background:#102e2d;margin-top:72px;border-radius:12px}.blog-cta .blog-kicker{color:#9ce1d7}.blog-cta h2{font:600 clamp(27px,3.5vw,44px)/1.13 var(--font-display);letter-spacing:-.035em;color:#fff;margin:16px 0}.blog-cta p{font-size:15px;margin:0;max-width:470px}.blog-cta a{flex-shrink:0;font-size:13px;padding:16px 22px;min-height:48px}.blog-cta a span{margin-left:20px}
.blog-back{display:inline-block;color:#52655d;font-size:13px;text-decoration:none;margin-bottom:32px}.blog-meta{display:flex;flex-wrap:wrap;gap:10px;font-size:12px;margin-top:24px}.blog-head>.blog-standfirst{max-width:850px;font-size:19px}.article-grid{display:grid;grid-template-columns:230px minmax(0,740px);gap:64px;justify-content:space-between}.blog-toc{position:sticky;top:32px;align-self:start;font-size:12px;max-height:calc(100vh - 64px);overflow:auto}.blog-toc summary{font-weight:600;padding:12px 0;cursor:pointer}.blog-toc nav{display:flex;flex-direction:column;border-left:1px solid var(--blog-line);margin:10px 0 24px}.blog-toc nav a{padding:9px 14px;text-decoration:none;color:#607070;line-height:1.6}.blog-toc nav a[aria-current],.blog-toc nav a:hover{color:#126b6b;background:#eaf5f2;border-left:2px solid #1c9393;margin-left:-1px}.toc-scan{display:block;color:#126b6b;text-decoration:none;border-top:1px solid var(--blog-line);padding-top:20px}.blog-body{min-width:0;font-size:17px;line-height:1.85}.blog-body>p:first-child{padding:22px 24px;background:#eaf5f2;border-left:3px solid var(--blog-teal);border-radius:0 8px 8px 0}.blog-body h2{scroll-margin-top:30px}.blog-body h2:first-child{margin-top:0}.blog-body .blog-cta{display:block;padding:28px;margin-top:40px}.blog-body .blog-cta p{margin-bottom:20px}.blog-tablewrap{max-width:100%;border-radius:8px}.blog-faq{padding:28px}.blog-foot{max-width:1280px;border-top:1px solid var(--blog-line);padding:32px;gap:20px}.blog-foot span{margin-right:auto}.blog-foot a{text-decoration:none;font-size:12px}
@media(min-width:760px) and (max-width:1050px){.blog-list{grid-template-columns:repeat(2,minmax(0,1fr))}.feature-copy{padding:32px}.article-grid{gap:32px;grid-template-columns:190px minmax(0,1fr)}}
@media(max-width:759px){.flow-nav{height:72px;padding:0 20px}.flow-nav-group{gap:16px}.flow-nav img{width:112px;height:auto}.flow-nav-link:last-child{font-size:11px;padding:11px 12px}.flow-nav-link span{margin-left:4px}.blog-layout{padding:40px 20px 56px}.blog-index-head{padding:0;margin-bottom:32px}.blog-index-head h1{font-size:clamp(44px,10vw,70px);margin:22px 0}.hero-bottom{display:block}.hero-bottom .blog-standfirst{font-size:16px}.explore-link{display:inline-block;margin-top:16px}.blog-feature{grid-template-columns:1fr;margin-bottom:48px}.feature-art{min-height:280px}.feature-copy{padding:28px}.feature-copy h2{font-size:28px}.orbit{width:235px;height:235px}.orbit-two{width:170px;height:170px}.art-core{width:92px;height:92px;margin:-46px 0 0 -46px;font-size:66px}.art-label,.art-caption{left:22px;font-size:9px}.art-chip{font-size:10px;padding:10px 12px}.section-heading{align-items:start;gap:16px}.section-heading h2{font-size:28px}.blog-filters{gap:7px}.blog-filters button{font-size:11px;padding:10px 13px}.blog-list{grid-template-columns:1fr}.blog-card{padding:26px;gap:16px}.blog-card h3{font-size:25px}.blog-cta{display:block;padding:30px 24px;margin-top:48px}.blog-cta a{margin-top:24px}.blog-cta h2{font-size:32px}.blog-head h1{font-size:36px}.blog-index-head h1{font-size:clamp(44px,10vw,70px)}.blog-head>.blog-standfirst{font-size:17px}.article-grid{display:flex;flex-direction:column;gap:30px}.blog-toc{position:static;max-height:none;width:100%;border:1px solid var(--blog-line);border-radius:8px;padding:10px 18px}.blog-toc nav{margin-bottom:10px}.toc-scan{display:none}.blog-body{font-size:16px;line-height:1.85}.blog-faq{padding:24px 18px}.blog-body .blog-cta a{margin-top:0}.blog-foot{padding:28px 20px;gap:16px}.blog-foot span{flex-basis:100%;font-size:11px}}
@media(prefers-reduced-motion:reduce){.blog-page *{scroll-behavior:auto!important;transition:none!important}}
@media print{.flow-nav,.blog-toc,.reading-progress,.blog-filters,.blog-cta,.blog-foot{display:none}.article-grid{display:block}.blog-layout{max-width:none;padding:0}.blog-page{background:white}.blog-body pre{white-space:pre-wrap}.blog-tablewrap{overflow:visible}.blog-body table{min-width:0}}
/* Long product names and domains must fit even the narrowest phones. */
.blog-feature>*{min-width:0}.feature-copy h2,.blog-card h3,.blog-head h1{overflow-wrap:anywhere}
@media(max-width:759px){.blog-feature{grid-template-columns:minmax(0,1fr)}.flow-nav-group{gap:12px}.blog-toc,.blog-body{min-width:0;width:100%}}

.flow-nav .blog-home-link{display:inline-flex;align-items:center;gap:6px;min-height:44px;white-space:nowrap}.flow-nav .blog-home-link span{margin:0}
@media(max-width:420px){.flow-nav{padding:0 14px}.flow-nav img{width:94px}.flow-nav-group{gap:10px}.flow-nav .blog-home-link{font-size:11px}.flow-nav-link:last-child{padding:11px 9px}.flow-nav-link:last-child span{display:none}}