.blog-item-hero .blog-slideshow img { display:block; object-fit:contain; }
.blog-slide-controls { display:flex; align-items:center; justify-content:center; gap:12px; }
.blog-slide-controls button { min-width:44px; min-height:44px; border:1px solid #d7dde7; border-radius:4px; background:transparent; color:white; font-size:24px; cursor:pointer; }
.blog-slideshow:focus-visible, .blog-slide-controls button:focus-visible { outline:3px solid #649bff; outline-offset:3px; }
.blog-photo-editor-row { display:flex; flex-wrap:wrap; align-items:center; gap:10px; margin:12px 0; }
.blog-photo-editor-row img { width:72px; height:80px; object-fit:contain; }
.blog-photo-editor-row span { flex:1; min-width:120px; overflow-wrap:anywhere; }
.blog-photo-editor-row button { min-height:44px; min-width:44px; }

/* Inline landscape design. Previous upper-right layout: design-reference/blog-upper-right/. */
.blog-note-inline { background:#fff; }
.blog-note-inline .blog-item-hero { display:block; min-height:0; background:#fff; border:0; padding:64px 24px 32px; }
.blog-note-inline .blog-item-hero-copy { max-width:820px; margin:auto; gap:20px; }
.blog-note-inline .blog-item-hero h1 { font-size:clamp(38px,5vw,64px); line-height:1.08; letter-spacing:-.025em; }
.blog-note-inline .blog-item-layout { display:block; max-width:868px; margin:auto; padding:0 24px 80px; }
.blog-note-inline .article-body { display:block; padding:0; border:0; border-radius:0; box-shadow:none; }
.blog-note-inline .article-body > p { max-width:720px; margin:0 0 26px; font-size:clamp(18px,1.65vw,21px); line-height:1.75; }
.blog-note-inline .article-body > h2 { margin:40px 0 18px; }
.blog-note-inline .blog-slideshow { margin:32px 0 36px; background:#edf0f4; border:1px solid #dbe1e8; border-radius:8px; overflow:hidden; }
.blog-note-inline .blog-slideshow img { display:block; width:100%; height:auto; aspect-ratio:3/2; object-fit:contain; }
.blog-note-inline .blog-slide-controls { padding:10px 16px; background:#fff; border-top:1px solid #dbe1e8; color:#465062; font-size:14px; }
.blog-note-inline .blog-slide-controls button { border-color:#dbe1e8; color:var(--space-navy); font-size:22px; }
.blog-note-inline .blog-slide-controls button:hover { background:#eef3ff; }
@media(max-width:640px) {
  .blog-note-inline .blog-item-hero { padding:40px 20px 26px; }
  .blog-note-inline .blog-item-layout { padding:0 20px 56px; }
  .blog-note-inline .blog-slideshow { margin:26px 0; }
}

/* v4-plus-sideNav — large lead illustration with published-note navigation. */
.blog-plus-shell { display:grid; grid-template-columns:250px minmax(0,1fr); gap:42px; max-width:1600px; margin:auto; padding:calc(var(--nav-height, 84px) + 42px) 32px 0; background:#fff; }
.blog-side-nav { align-self:start; position:sticky; top:calc(var(--nav-height, 84px) + 24px); background:#101c38; color:#fff; border-radius:8px; overflow:hidden; }
.blog-side-nav summary { padding:24px 20px; font-size:18px; font-weight:800; cursor:pointer; list-style:none; }
.blog-side-nav summary::-webkit-details-marker { display:none; }
.blog-side-nav summary span { float:right; }
.blog-side-nav nav { display:grid; max-height:calc(100dvh - 220px); overflow-y:auto; padding:0 12px 16px; }
.blog-side-nav a { display:grid; gap:8px; padding:16px 12px; border-top:1px solid #ffffff20; color:#e4eaf5; text-decoration:none; line-height:1.45; overflow-wrap:anywhere; }
.blog-side-nav a small { color:#aebbd1; font-size:12px; }
.blog-side-nav a:hover { background:#ffffff0c; }
.blog-side-nav a[aria-current="page"] { background:#243a60; box-shadow:inset 3px 0 #7bd5ed; color:#fff; }
.blog-side-nav a:focus-visible, .blog-side-nav summary:focus-visible { outline:3px solid #7bd5ed; outline-offset:-3px; }
.blog-side-nav .blog-side-all { display:flex; justify-content:space-between; color:#9adeef; font-size:13px; font-weight:700; }
.blog-v4-plus.blog-item { padding-top:0; min-width:0; }
.blog-v4-plus .blog-item-hero { padding:0 0 30px; }
.blog-v4-plus .blog-item-hero-copy { max-width:760px; }
.blog-v4-plus > .blog-slideshow { margin:0 0 36px; width:100%; }
.blog-v4-plus > .blog-slideshow img { aspect-ratio:16/9; }
.blog-v4-plus .blog-item-layout { max-width:808px; }
@media(max-width:1100px) and (min-width:901px) {
 .blog-plus-shell { grid-template-columns:210px minmax(0,1fr); gap:26px; padding-left:24px; padding-right:24px; }
}
@media(max-width:900px) {
 .blog-plus-shell { display:block; padding:calc(var(--nav-height, 84px) + 20px) 20px 0; }
 .blog-side-nav { position:static; margin-bottom:30px; }
 .blog-side-nav summary { padding:17px 20px; }
 .blog-side-nav nav { max-height:320px; }
 .blog-v4-plus .blog-item-hero { padding:0 0 26px; }
 .blog-v4-plus .blog-item-layout { padding-left:0; padding-right:0; }
}

.blog-photo-editor-details { display:grid; flex:1; min-width:180px; gap:8px; }
.blog-photo-editor-details input { width:100%; min-width:0; box-sizing:border-box; }
.blog-photo-editor-details small { font-size:13px; }