/* Blog uses the same global base and header as the internal procedure pages. */
.blog-skip{position:fixed;left:16px;top:-100px;z-index:200;background:white;padding:12px;color:var(--primary)}.blog-skip:focus{top:12px}
.blog-hero{min-height:650px}.blog-hero .hero-grid{gap:72px}.blog-hero .hero-copy h1{font-size:clamp(44px,5.5vw,78px);font-weight:400}.blog-hero .hero-media{max-width:430px;width:100%;justify-self:end}.hero-grid--text{grid-template-columns:1fr}.blog-hero .post-date{display:block;margin-top:26px;color:rgba(255,255,255,.7);font-size:12px;letter-spacing:.07em}
.blog-list-layout{display:grid;grid-template-columns:minmax(0,1fr) 240px;gap:48px;align-items:start}.blog-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:28px}.blog-card{min-width:0;overflow:hidden;border:1px solid var(--line);border-radius:28px;background:rgba(255,255,255,.9);box-shadow:0 22px 60px rgba(20,51,64,.06)}.card-image{display:block;aspect-ratio:16/11;overflow:hidden;background:var(--blue-soft);text-decoration:none}.card-image img{width:100%;height:100%;object-fit:cover;transition:transform .4s}.card-image:hover img{transform:scale(1.03)}.card-placeholder{display:flex;height:100%;align-items:center;justify-content:center;padding:28px;text-align:center;color:var(--primary);font:400 26px var(--display)}.card-copy{padding:28px 30px 32px}.card-copy time{font-size:11px;color:var(--muted);letter-spacing:.06em}.card-copy h2{margin:15px 0 18px;font:400 clamp(26px,2.7vw,34px)/1.12 var(--display);letter-spacing:-.035em;color:var(--primary);overflow-wrap:anywhere}.card-copy h2 a{text-decoration:none}.card-copy p{font-size:14px;color:var(--muted);margin:0 0 24px}.card-read{display:inline-flex;gap:22px;text-decoration:none;color:var(--primary);font-size:10px;font-weight:700;letter-spacing:.12em;text-transform:uppercase}.card-read:hover{color:var(--deep)}
.blog-sidebar{position:sticky;top:116px;padding:25px 23px;border:1px solid var(--line);border-radius:22px;background:rgba(255,255,255,.72);box-shadow:0 18px 48px rgba(16,49,63,.08);backdrop-filter:blur(14px)}.blog-sidebar section+section{margin-top:32px;padding-top:24px;border-top:1px solid var(--line)}.blog-sidebar h2{font:400 24px/1.15 var(--display);color:var(--primary);margin:0 0 18px}.term-links{display:flex;flex-wrap:wrap;gap:8px}.term-links a{padding:7px 12px;border:1px solid var(--line);border-radius:999px;font-size:11px;text-decoration:none;color:var(--primary);transition:background .2s,color .2s}.term-links a:hover{background:var(--primary);color:#fff}.blog-pagination{display:flex;align-items:center;gap:10px;flex-wrap:wrap;margin-top:40px}.blog-pagination a{display:grid;place-items:center;min-width:40px;min-height:40px;border:1px solid var(--line);border-radius:50%;text-decoration:none;color:var(--primary)}.blog-pagination [aria-current]{background:var(--primary);color:white}
.post-layout{max-width:920px}.post-content{font-size:16px;line-height:1.85;overflow-wrap:anywhere}.post-content h2,.post-content h3{color:var(--primary);font-family:var(--display);font-weight:400;line-height:1.12;margin:34px 0 22px}.post-content h2{font-size:38px}.post-content h3{font-size:30px}.post-content img{height:auto;max-width:100%;margin:24px auto;border-radius:18px}.post-content figure{margin:28px 0}.post-content figcaption{font-size:12px;color:var(--muted);text-align:center}.post-content iframe,.post-content video{max-width:100%;width:100%;border-radius:18px}.post-content iframe{aspect-ratio:16/9;height:auto;border:0}.post-content table{display:block;max-width:100%;overflow:auto}.post-content blockquote{border-left:2px solid #6f9caf;margin:30px 0;padding-left:24px}.post-terms{display:grid;gap:22px;margin-top:30px;padding:28px 34px;border:1px solid var(--line);border-radius:22px;background:rgba(255,255,255,.72)}.post-terms strong{display:block;color:var(--primary);margin-bottom:14px;font-size:11px;letter-spacing:.1em;text-transform:uppercase}.related{margin-top:70px}.related>h2{font:400 44px/1.05 var(--display);color:var(--primary);letter-spacing:-.035em;margin:0 0 30px}.related .blog-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.blog-message{padding-block:30px}.blog-message .btn{display:inline-flex;padding:14px 24px;background:var(--primary);color:white;text-decoration:none}.blog-page a:focus-visible,.blog-page button:focus-visible{outline:3px solid #9ec6d8;outline-offset:4px}
@media(max-width:1100px){.blog-list-layout{gap:28px;grid-template-columns:minmax(0,1fr) 210px}.card-copy{padding:24px}.blog-hero .hero-grid{gap:42px}}
@media(max-width:900px){.blog-hero{min-height:0;padding:130px 0 64px}.blog-hero .hero-grid{grid-template-columns:1fr;gap:36px}.blog-hero .hero-media{justify-self:center;max-width:430px;aspect-ratio:4/4.4}.blog-hero .hero-copy h1{font-size:clamp(42px,8vw,64px)}.blog-list-layout{grid-template-columns:1fr}.blog-sidebar{position:static;display:grid;grid-template-columns:1fr 1fr;gap:26px}.blog-sidebar section+section{margin:0;padding:0;border:0}.blog-stage{padding:60px 0 70px}.related .blog-grid{grid-template-columns:1fr}.related>h2{font-size:36px}}
@media(max-width:600px){.blog-grid,.blog-sidebar{grid-template-columns:1fr}.blog-hero{padding:120px 0 48px}.blog-hero .hero-media{max-width:320px}.blog-hero .breadcrumb{font-size:10px;margin-bottom:24px}.blog-hero .hero-copy h1{font-size:42px;line-height:1.03}.card-copy h2{font-size:30px}.blog-sidebar section+section{padding-top:24px;border-top:1px solid var(--line)}.post-content{padding:30px 24px;font-size:15px}.post-content h2{font-size:32px}.post-content h3{font-size:27px}.post-terms{padding:25px}.related{margin-top:50px}}
@media(prefers-reduced-motion:reduce){.card-image img{transition:none}}

/* Photographic backdrop with the site's blue treatment. */
.blog-hero::before{opacity:.72;background-position:center 43%;filter:saturate(.45)}
.blog-hero::after{background:linear-gradient(90deg,rgba(7,25,35,.84) 0%,rgba(7,25,35,.64) 48%,rgba(7,25,35,.38) 100%)}
@media(max-width:900px){.blog-hero::before{background-position:42% center}.blog-hero::after{background:linear-gradient(180deg,rgba(7,25,35,.8),rgba(7,25,35,.58))}}