/* Baby's Breath — screenshot reference reconstruction
   2026-10-11, draft preview only. Readability and responsive behavior preserved. */
:root { --bb-ivory:#fffefa; --bb-deep:#224b3e; --bb-sage:#397459; --bb-muted:#5b7066; }
/* Reduce Lightning's constrained landing-page gutters */
body.page-id-10 { overflow-x:clip; background:var(--bb-ivory); }
body.page-id-10 .site-body { margin:0!important; padding:0!important; }
body.page-id-10 .site-body-container.container { width:100%!important; max-width:none!important; padding:0!important; margin:0!important; }
body.page-id-10 .site-body-container .main-section { width:100%!important; max-width:none!important; flex:0 0 100%!important; min-width:0!important; }
body.page-id-10 #post-10, body.page-id-10 #post-10 .entry-body { margin:0!important; padding:0!important; width:100%!important; max-width:none!important; background:transparent!important; box-shadow:none!important; border:0!important; }
body.page-id-10 .site-header { box-shadow:0 2px 18px rgba(36,63,50,.055); }
/* Header with botanical symbol and two-line tagline */
body.page-id-10 .site-header-container.container {
 width:100%!important; max-width:1560px!important; min-height:74px; padding:8px clamp(22px,4.2vw,70px)!important;
 display:flex!important; align-items:center!important; gap:clamp(20px,2.3vw,38px); justify-content:space-between;
}
body.page-id-10 .site-header-logo { margin:0!important; padding:0!important; flex:0 0 auto; max-width:none!important; }
body.page-id-10 .site-header-logo > a {
 display:flex!important; align-items:center; gap:12px; position:relative;
 font-family:"Noto Serif JP","Hiragino Mincho ProN","Yu Mincho",serif;
 text-decoration:none!important; color:#294f42!important;
}
body.page-id-10 .site-header-logo > a::before {
 content:""; width:50px; height:59px; flex:0 0 50px;
 background:url("../images/babys-breath-line.svg") center 23%/76px auto no-repeat; opacity:.9;
}
body.page-id-10 .site-header-logo a > span { font-size:clamp(23px,2.2vw,34px)!important; font-weight:650; letter-spacing:.065em; line-height:1.2; white-space:nowrap; }
body.page-id-10 .site-header-logo > a::after {
 content:"あなたらしい出産を、\Aいっしょに見つける。";white-space:pre;
 display:block;margin-left:14px;font:600 10px/1.65 system-ui,sans-serif;
 color:#88968b;letter-spacing:.21em;
}
body.page-id-10 #global-nav { margin-left:auto!important; }
body.page-id-10 #global-nav .global-nav-list { align-items:center; justify-content:flex-end; }
body.page-id-10 #global-nav .global-nav-name { font-size:14px; font-weight:600; white-space:nowrap; color:#334b42; }
body.page-id-10 #global-nav .menu-item > a { padding:22px clamp(8px,1.15vw,17px); }
body.page-id-10 #global-nav .menu-item:last-child { display:none; } /* Contact is in the footer; avoid crowded header. */
/* Hero — photo and cream curved edge. */
body.page-id-10 #post-10 .bb-hero.wp-block-group {
 position:relative; isolation:isolate;
 display:flex!important; flex-direction:column!important; justify-content:center!important; align-items:stretch!important;
 box-sizing:border-box; max-width:none!important; width:100%!important; min-height:555px!important;
 padding:54px clamp(24px,7.8vw,125px) 70px!important; margin:0!important;
 border:0!important; border-radius:0!important; box-shadow:none!important; overflow:hidden!important;
 background:
 url("../images/babys-breath-line.svg") -114px -94px/260px auto no-repeat,
 url("../images/babys-breath-line.svg") 42% 108%/220px auto no-repeat,
 radial-gradient(ellipse at 6% 108%, #e9f0e3 0%, transparent 41%),
 linear-gradient(104deg,#fbfcf6 0%,#fafbf5 51%,#f5f8ef 100%)!important;
}
body.page-id-10 #post-10 .bb-hero.wp-block-group::after {
 content:""; position:absolute!important; z-index:0!important; top:0!important;right:0!important;bottom:0!important;
 width:61%!important; height:100%!important;left:auto!important;opacity:1!important;pointer-events:none;
 border-radius:41% 0 0 26% / 55% 0 0 40%!important;
 background:
 linear-gradient(90deg,rgba(250,251,245,.24) 0%,transparent 36%),
 url("https://babysbreath-navi.jp/wp-content/uploads/2026/10/かすみ草のガラス瓶-—-ファーストビュー用.jpg") center 47%/cover no-repeat!important;
 filter:sepia(.075) saturate(1.14) brightness(1.01)!important;
}
body.page-id-10 #post-10 .bb-hero.wp-block-group::before {
 content:""; position:absolute!important;z-index:2!important;
 width:250px!important;height:320px!important;left:43%!important;right:auto!important;
 bottom:-108px!important;top:auto!important;opacity:.50!important;
 background:url("../images/babys-breath-line.svg") center/contain no-repeat!important;
 transform:rotate(-20deg);
 pointer-events:none;
}
body.page-id-10 #post-10 .bb-hero > :where(.bb-eyebrow,h1,p,.bb-cta-row) {
 margin-left:0!important; margin-right:0!important; width:min(48%,580px)!important; max-width:min(48%,580px)!important;
 z-index:3!important; position:relative!important; text-align:left!important;
}
body.page-id-10 #post-10 .bb-hero > .bb-eyebrow {
 margin-top:0!important; margin-bottom:26px!important; width:fit-content!important;
 font:700 13px/1.5 system-ui,sans-serif!important; letter-spacing:.26em!important; color:#587b65!important;
}
body.page-id-10 #post-10 .bb-hero > .bb-eyebrow::before {
 content:""; display:inline-block; vertical-align:middle; margin-right:15px; width:38px; height:1px; background:#8ca895;
}
body.page-id-10 #post-10 .bb-hero > h1 {
 font-family:"Noto Serif JP","Hiragino Mincho ProN","Yu Mincho",serif!important;
 color:#163f33!important; font-size:clamp(36px,4.1vw,64px)!important; letter-spacing:.025em!important;
 line-height:1.44!important; font-weight:700!important; margin:0 0 22px!important;
 text-wrap:balance;
}
body.page-id-10 #post-10 .bb-hero > p {font-size:clamp(14px,1.25vw,17px)!important;line-height:1.9!important; color:#495e54!important;}
body.page-id-10 #post-10 .bb-hero > .bb-hero-lead {margin:0 0 13px!important;}
body.page-id-10 #post-10 .bb-hero > p:not(.bb-eyebrow):not(.bb-hero-lead) {margin:0 0 10px!important;}
body.page-id-10 #post-10 .bb-hero > .bb-cta-row {
 display:flex!important; flex-flow:row wrap!important;gap:12px!important; margin-top:22px!important;
 justify-content:flex-start!important; align-items:center!important;
}
body.page-id-10 #post-10 .bb-hero .bb-cta .wp-block-button__link {
 min-height:53px!important; padding:13px 23px!important;border-radius:9px!important;
 background:#3a795a!important;border:1px solid #3a795a!important;color:#fff!important;
 font-weight:700!important;font-size:15px!important;box-shadow:0 5px 18px rgba(30,76,51,.10)!important;
}
body.page-id-10 #post-10 .bb-hero .bb-cta.bb-cta-outline .wp-block-button__link {background:rgba(255,255,255,.93)!important;color:#2f6c4a!important;border-color:#4b8765!important;box-shadow:none!important;}
body.page-id-10 #post-10 .bb-hero .bb-cta .wp-block-button__link:hover {transform:translateY(-2px)!important;}
/* A botanically curved handoff from hero to invitation cards */
body.page-id-10 #post-10 .bb-intro {
 position:relative!important; z-index:3!important; box-sizing:border-box;
 margin:-6px 0 70px!important; padding:53px clamp(20px,4.3vw,68px) 28px!important;
 width:100%!important; max-width:none!important; border:0!important;
 text-align:center!important; background:#fffefa!important;
}
body.page-id-10 #post-10 .bb-intro::before {
 content:""; position:absolute;z-index:-1; left:0;right:0; top:-76px; height:95px;
 background:url("../images/reference-wave.svg") center bottom/100% 100% no-repeat;
 pointer-events:none;
}
body.page-id-10 #post-10 .bb-intro::after {
 content:""; position:absolute;z-index:-1;left:1.5%;top:2px;width:105px;height:135px;
 background:url("../images/babys-breath-line.svg") center/contain no-repeat;opacity:.27; transform:rotate(-17deg);pointer-events:none;
}
body.page-id-10 #post-10 .bb-intro > .bb-eyebrow {
 width:max-content;max-width:100%;font-size:0!important;height:30px;margin:-28px auto 0!important;
}
body.page-id-10 #post-10 .bb-intro > .bb-eyebrow::before {
 content:"";display:block;width:30px;height:36px;margin:0 auto;
 background:url("../images/babys-breath-line.svg") center/contain no-repeat;opacity:.7;
}
body.page-id-10 #post-10 .bb-intro > h2 {
 font-family:"Noto Serif JP","Hiragino Mincho ProN","Yu Mincho",serif!important;
 font-size:clamp(23px,2vw,31px)!important;font-weight:650!important;line-height:1.55!important;
 color:#294f41!important; margin:6px auto 5px!important; padding:0!important; border:0!important;box-shadow:none!important;
}
body.page-id-10 #post-10 .bb-intro > p:not(.bb-eyebrow) {font-size:13px!important;letter-spacing:.07em!important; color:#667c70!important; margin:0 auto 24px!important;}
/* Three photographic link cards */
body.page-id-10 #post-10 .bb-intro .bb-step-columns {
 max-width:1480px!important;margin:20px auto 0!important;display:flex!important;align-items:stretch!important;gap:17px!important;
}
body.page-id-10 #post-10 .bb-intro .bb-step-columns>.wp-block-column {flex:1 1 0!important;min-width:0!important;}
body.page-id-10 #post-10 .bb-intro .bb-step-card {
 position:relative!important; isolation:isolate!important;
 padding:19px 22px 23px!important;
 min-height:178px!important; max-width:none!important; width:100%!important;
 border-radius:16px!important;border:1px solid #e9eee5!important;
 background:#fff!important;box-shadow:0 12px 30px rgba(40,68,51,.06)!important;
 overflow:hidden!important;display:grid!important; grid-template-columns:53px 1fr!important;grid-template-rows:auto 1fr!important;
 align-content:start!important; column-gap:14px!important;row-gap:8px!important;text-align:left!important;
}
body.page-id-10 #post-10 .bb-intro .bb-step-card::after {
 content:"";z-index:0;position:absolute;inset:0;opacity:.83;pointer-events:none;
 background:linear-gradient(90deg,#fff 0%,rgba(255,255,255,.98) 34%,rgba(255,255,255,.74) 57%,rgba(255,255,255,.06) 100%),
 url("https://babysbreath-navi.jp/wp-content/uploads/2026/10/かすみ草と本の写真（案内カード用）.jpg") 70% center/cover no-repeat;
}
body.page-id-10 #post-10 .bb-intro .wp-block-column:nth-child(2) .bb-step-card::after {
 background-image:linear-gradient(90deg,#fff 0%,rgba(255,255,255,.95) 36%,rgba(255,255,255,.45) 76%,rgba(255,255,255,.06) 100%),
 url("https://babysbreath-navi.jp/wp-content/uploads/2026/10/明るい診療室の写真（案内カード用）.jpg");
}
body.page-id-10 #post-10 .bb-intro .wp-block-column:nth-child(3) .bb-step-card::after {
 background-image:linear-gradient(90deg,#fff 0%,rgba(255,255,255,.95) 37%,rgba(255,255,255,.51) 65%,rgba(255,255,255,.04) 100%),
 url("https://babysbreath-navi.jp/wp-content/uploads/2026/10/メモと花の写真（案内カード用）.jpg");
}
body.page-id-10 #post-10 .bb-intro .bb-step-card > :where(*) {position:relative!important;z-index:2!important;margin:0!important;max-width:none!important;}
body.page-id-10 #post-10 .bb-intro .bb-step-card::before {
 content:"";display:block!important; grid-column:1;grid-row:1!important;
 width:54px!important;height:54px!important;border-radius:50%!important;
 margin:0!important; background:#eaf2e8 url("../images/book.svg") center/30px 30px no-repeat!important;
}
body.page-id-10 #post-10 .bb-intro .wp-block-column:nth-child(2) .bb-step-card::before {background-image:url("../images/hospital.svg")!important;}
body.page-id-10 #post-10 .bb-intro .wp-block-column:nth-child(3) .bb-step-card::before {background-image:url("../images/chat.svg")!important;}
body.page-id-10 #post-10 .bb-intro .bb-step-card > .bb-step-number {display:none!important;}
body.page-id-10 #post-10 .bb-intro .bb-step-card > h3 {
 grid-column:2;grid-row:1; align-self:center;
 font-family:"Noto Serif JP","Hiragino Mincho ProN","Yu Mincho",serif!important;
 font-size:clamp(15px,1.28vw,21px)!important;line-height:1.43!important;font-weight:700!important;
}
body.page-id-10 #post-10 .bb-intro .bb-step-card > h3 a {color:#244c3f!important;text-decoration:none!important;}
body.page-id-10 #post-10 .bb-intro .bb-step-card > h3 a::after {content:"›";display:inline-grid;place-items:center;vertical-align:middle;margin-left:7px;width:24px;height:24px;border-radius:50%;background:#ffffffcc;border:1px solid #dbe6d9;color:#345744;font:21px/1 system-ui;}
body.page-id-10 #post-10 .bb-intro .bb-step-card > h3 a:hover::after {background:#e4f1e6;}
body.page-id-10 #post-10 .bb-intro .bb-step-card > p:last-child {
 grid-column:1/3;grid-row:2!important; font-size:13px!important;line-height:1.65!important;
 color:#415e50!important; width:72%!important; max-width:72%!important;align-self:start;
}
body.page-id-10 #post-10 .bb-intro > .bb-cta-row {display:none!important;}
body.page-id-10 #post-10 .bb-intro .bb-step-card:hover {transform:translateY(-3px);box-shadow:0 17px 37px rgba(42,72,53,.11)!important;}
body.page-id-10 #post-10 .bb-intro .bb-step-card:focus-within {outline:3px solid #8db69e!important;outline-offset:3px;}
/* Other sections remain editorial, slightly narrower than the full-width hero. */
body.page-id-10 #post-10 .bb-main-section:not(.bb-intro){max-width:1120px!important;margin-left:auto!important;margin-right:auto!important;}
/* Never make controls look functional if links are missing; actual cards have real URLs. */
@media(max-width:1220px){
 body.page-id-10 .site-header-logo > a::after {display:none;}
 body.page-id-10 #global-nav .global-nav-name {font-size:12px;}
 body.page-id-10 #post-10 .bb-hero.wp-block-group {padding:44px 5.5vw 66px!important;min-height:530px!important;}
 body.page-id-10 #post-10 .bb-hero > :where(.bb-eyebrow,h1,p,.bb-cta-row){width:min(52%,570px)!important;max-width:min(52%,570px)!important;}
 body.page-id-10 #post-10 .bb-hero > h1 {font-size:clamp(33px,4vw,53px)!important;}
 body.page-id-10 #post-10 .bb-intro .bb-step-card{padding:18px!important;}
}
@media(max-width:900px){
 body.page-id-10 .site-header-container.container{min-height:68px;}
 body.page-id-10 .site-header-logo > a::before{height:45px;width:34px;flex-basis:34px;background-size:59px auto;}
 body.page-id-10 #post-10 .bb-hero.wp-block-group {min-height:525px!important;}
 body.page-id-10 #post-10 .bb-intro .bb-step-columns {gap:12px!important;}
 body.page-id-10 #post-10 .bb-intro .bb-step-card > p:last-child {width:90%!important;max-width:90%!important;}
}
@media(max-width:767px){
 body.page-id-10 #post-10 .bb-hero.wp-block-group {
  display:flex!important;min-height:0!important;
  padding:36px 25px 286px!important;
  background:url("../images/babys-breath-line.svg") -123px -95px/218px auto no-repeat,
    linear-gradient(151deg,#fbfcf6 0%,#f9fcf6 60%,#f0f4e9 100%)!important;
 }
 body.page-id-10 #post-10 .bb-hero > :where(.bb-eyebrow,h1,p,.bb-cta-row){
  width:100%!important;max-width:100%!important;
 }
 body.page-id-10 #post-10 .bb-hero > h1 {font-size:clamp(30px,8.2vw,43px)!important;line-height:1.5!important;}
 body.page-id-10 #post-10 .bb-hero::after {
  width:100%!important;height:246px!important;top:auto!important;bottom:0!important;right:0!important;
  border-radius:32% 0 0 0/22% 0 0 0!important;
  background-position:center center!important;
 }
 body.page-id-10 #post-10 .bb-hero::before {width:130px!important;height:180px!important;bottom:170px!important;left:auto!important;right:-15px!important;}
 body.page-id-10 #post-10 .bb-hero > .bb-cta-row {display:flex!important;flex-direction:column!important;align-items:stretch!important;gap:10px!important;}
 body.page-id-10 #post-10 .bb-hero .bb-cta-row .wp-block-button,body.page-id-10 #post-10 .bb-hero .bb-cta-row .wp-block-button__link {width:100%!important;}
 body.page-id-10 #post-10 .bb-intro {margin:-4px 0 48px!important;padding:56px 20px 20px!important;}
 body.page-id-10 #post-10 .bb-intro::before {height:46px!important;top:-44px!important;}
 body.page-id-10 #post-10 .bb-intro .bb-step-columns {flex-direction:column!important;gap:14px!important;margin-top:24px!important;}
 body.page-id-10 #post-10 .bb-intro .bb-step-card {min-height:150px!important;padding:18px!important;max-width:650px!important;margin:0 auto!important;}
 body.page-id-10 #post-10 .bb-intro .bb-step-card > h3 {font-size:19px!important;}
 body.page-id-10 #post-10 .bb-intro .bb-step-card > p:last-child {width:77%!important;max-width:77%!important;}
 body.page-id-10 #post-10 .bb-main-section:not(.bb-intro) {margin:50px 20px!important;width:auto!important;}
}
@media(prefers-reduced-motion:reduce){
 body.page-id-10 #post-10 .bb-hero .bb-cta .wp-block-button__link,
 body.page-id-10 #post-10 .bb-intro .bb-step-card {transition:none!important;}
}

/* Professional + gentle botanical polish: 2026-10-11
   Maintains the approved reference composition and all links. */
body.page-id-10 {
 --bb-forest:#254f40;
 --bb-sage-dark:#2f6b51;
 --bb-linen:#fcfdf9;
 color:#364d40;
 -webkit-font-smoothing:antialiased;
}
body.page-id-10 #site-header-container .site-header-logo a > span {
 color:var(--bb-forest)!important;
}
body.page-id-10 .site-header {
 background:rgba(255,254,250,.98);
 border-bottom:1px solid #e7eee7;
}
body.page-id-10 #global-nav .global-nav-name {
 color:#344e42!important;
 letter-spacing:.025em;
}
body.page-id-10 #global-nav .menu-item > a {
 transition:color .18s ease,background-color .18s ease;
 border-radius:5px;
}
body.page-id-10 #global-nav .menu-item > a:hover,
body.page-id-10 #global-nav .menu-item > a:focus-visible {
 color:#285b42!important;
 background-color:#f0f5ee;
}
body.page-id-10 #post-10 .bb-hero > h1 {
 text-shadow:0 1px 0 rgba(255,255,255,.24);
}
body.page-id-10 #post-10 .bb-hero > p {
 color:#3e584c!important;
 line-height:1.95!important;
}
body.page-id-10 #post-10 .bb-hero .bb-cta .wp-block-button__link {
 border-radius:10px!important;
 transition:transform .18s ease,box-shadow .18s ease,background .18s ease;
}
body.page-id-10 #post-10 .bb-hero .bb-cta .wp-block-button__link:hover {
 box-shadow:0 7px 22px rgba(41,90,59,.18)!important;
 background-color:#2f6b51!important;
}
body.page-id-10 #post-10 .bb-hero .bb-cta.bb-cta-outline .wp-block-button__link:hover {
 background-color:#f0f7ef!important;
 color:#285a40!important;
}
body.page-id-10 #post-10 :is(a,button,input,select,textarea):focus-visible {
 outline:3px solid #69967a!important;
 outline-offset:3px!important;
}
body.page-id-10 #post-10 .bb-intro > h2 {
 letter-spacing:.07em!important;
 color:var(--bb-forest)!important;
}
body.page-id-10 #post-10 .bb-intro > p:not(.bb-eyebrow) {
 color:#576f61!important;
}
body.page-id-10 #post-10 .bb-intro .bb-step-card {
 border:1px solid #dfe9df!important;
 box-shadow:0 10px 32px rgba(41,71,48,.07)!important;
 transition:transform .2s ease,box-shadow .2s ease,border-color .2s ease;
}
body.page-id-10 #post-10 .bb-intro .bb-step-card:hover,
body.page-id-10 #post-10 .bb-intro .bb-step-card:focus-within {
 border-color:#a3c5ab!important;
 box-shadow:0 16px 38px rgba(41,71,48,.12)!important;
}
/* Heading links are keyboard-accessible and the entire card is clickable. */
body.page-id-10 #post-10 .bb-intro .bb-step-card > h3 {position:static!important;}
body.page-id-10 #post-10 .bb-intro .bb-step-card > h3 a::before {
 content:"";
 position:absolute;
 inset:0;
 z-index:9;
}
body.page-id-10 #post-10 .bb-intro .bb-step-card > h3 a {
 color:#204b3c!important;
 text-decoration:none!important;
}
body.page-id-10 #post-10 .bb-intro .bb-step-card > h3 a::after {
 border-color:#cadbcb;
 color:#285a42;
}
body.page-id-10 #post-10 .bb-intro .bb-step-card > p:last-child {
 color:#334e40!important;
 font-size:14px!important;
 line-height:1.78!important;
}
body.page-id-10 #post-10 .bb-main-section:not(.bb-intro) h2 {
 font-family:"Noto Serif JP","Hiragino Mincho ProN","Yu Mincho",serif;
 color:var(--bb-forest);
 line-height:1.5;
 letter-spacing:.03em;
}
body.page-id-10 #post-10 .bb-main-section:not(.bb-intro) p {
 line-height:1.95;
}
body.page-id-10 #post-10 .bb-disclaimer {
 border:1px solid #dce8dd!important;
 border-left:4px solid #66977a!important;
 background:#f7faf5!important;
 border-radius:0 12px 12px 0;
 max-width:1100px;
 margin-left:auto!important;
 margin-right:auto!important;
}
body.page-id-10 #post-10 .bb-disclaimer p {
 color:#425c4c!important;
 line-height:1.9!important;
}
@media (max-width:1050px) and (min-width:768px) {
 body.page-id-10 #post-10 .bb-intro .bb-step-card > h3 { font-size:15px!important; }
 body.page-id-10 #post-10 .bb-intro .bb-step-card > p:last-child { font-size:13px!important; max-width:92%!important;width:92%!important; }
 body.page-id-10 #post-10 .bb-intro .bb-step-card { grid-template-columns:43px 1fr!important; column-gap:10px!important; }
 body.page-id-10 #post-10 .bb-intro .bb-step-card::before {width:43px!important;height:43px!important;background-size:26px 26px!important;}
}
@media (max-width:767px) {
 body.page-id-10 #post-10 .bb-hero > p { font-size:15px!important; }
 body.page-id-10 #post-10 .bb-hero > h1 { overflow-wrap:normal;word-break:keep-all; }
 body.page-id-10 #post-10 .bb-intro .bb-step-card > p:last-child {max-width:80%!important;width:80%!important;}
 body.page-id-10 #post-10 .bb-intro .bb-step-card > h3 {font-size:18px!important;}
 body.page-id-10 #post-10 .bb-disclaimer {margin:35px 20px!important;}
}
@media (max-width:380px) {
 body.page-id-10 #post-10 .bb-hero.wp-block-group {padding-left:20px!important;padding-right:20px!important;}
 body.page-id-10 #post-10 .bb-hero > h1 {font-size:29px!important;}
 body.page-id-10 #post-10 .bb-intro .bb-step-card > p:last-child {max-width:92%!important;width:92%!important;}
}

/* Header scale and alignment — matched to the 76px reference header. */
@media (min-width:992px) {
 body.page-id-10 .site-header-container.container {
   box-sizing:border-box!important;
   min-height:76px!important;
   height:76px!important;
   padding:0 clamp(25px,3.6vw,58px)!important;
   gap:clamp(14px,2vw,28px)!important;
   flex-wrap:nowrap!important;
   align-items:center!important;
 }
 body.page-id-10 .site-header-logo {line-height:1.1!important;}
 body.page-id-10 .site-header-logo > a {
   gap:10px!important;
   align-items:center!important;
 }
 body.page-id-10 .site-header-logo > a::before {
   width:44px!important;
   height:52px!important;
   flex:0 0 44px!important;
   background-size:68px auto!important;
 }
 body.page-id-10 .site-header-logo a > span {
   font-size:clamp(24px,2vw,29px)!important;
   line-height:1.2!important;
   letter-spacing:.045em!important;
 }
 body.page-id-10 .site-header-logo > a::after {
   margin-left:7px!important;
   font-size:9.5px!important;
   line-height:1.6!important;
   letter-spacing:.10em!important;
 }
 body.page-id-10 #global-nav {align-self:center!important;}
 body.page-id-10 #global-nav .global-nav-list {
   align-items:center!important;
   min-height:0!important;
 }
 body.page-id-10 #global-nav .menu-item > a {
   display:flex!important;
   align-items:center!important;
   justify-content:center!important;
   padding:12px clamp(7px,1vw,14px)!important;
   min-height:46px!important;
 }
 body.page-id-10 #global-nav .global-nav-name {
   font-size:clamp(12px,.93vw,14px)!important;
   line-height:1.35!important;
 }
}
@media (min-width:992px) and (max-width:1199px) {
 body.page-id-10 .site-header-logo > a::after {display:none!important;}
}
@media (max-width:991px) {
 body.page-id-10 .site-header-container.container {
   box-sizing:border-box!important;
   min-height:68px!important;
   padding:8px 22px!important;
   gap:12px!important;
 }
 body.page-id-10 .site-header-logo > a::after {display:none!important;}
 body.page-id-10 .site-header-logo > a::before {
   width:35px!important;
   height:45px!important;
   flex:0 0 35px!important;
   background-size:57px auto!important;
 }
 body.page-id-10 .site-header-logo a > span {
   font-size:clamp(21px,3.2vw,26px)!important;
   letter-spacing:.035em!important;
 }
}
@media (max-width:400px) {
 body.page-id-10 .site-header-container.container {
   min-height:62px!important;
   padding:6px 15px!important;
 }
 body.page-id-10 .site-header-logo a > span {font-size:21px!important;}
 body.page-id-10 .site-header-logo > a::before {
   width:29px!important;height:37px!important;flex-basis:29px!important;background-size:49px auto!important;
 }
}

@media (prefers-reduced-motion:reduce) {
 body.page-id-10 #post-10 .bb-hero .bb-cta .wp-block-button__link,
 body.page-id-10 #post-10 .bb-intro .bb-step-card,
 body.page-id-10 #global-nav .menu-item > a {transition:none!important;}
 body.page-id-10 #post-10 .bb-hero .bb-cta .wp-block-button__link:hover,
 body.page-id-10 #post-10 .bb-intro .bb-step-card:hover {transform:none!important;}
}

/* Fix: Lightning right-floated global menu was taking oversized width and being clipped.
   Keep logo at left, menu right; never let the menu push past the viewport. */
@media (min-width:992px) {
 body.page-id-10 #site-header-container.site-header-container {
  display:grid!important;
  grid-template-columns:max-content minmax(0,1fr)!important;
  justify-content:stretch!important;
  align-items:center!important;
  width:100%!important;
  max-width:1560px!important;
  box-sizing:border-box!important;
  padding-left:clamp(20px,3.2vw,56px)!important;
  padding-right:clamp(20px,3.2vw,56px)!important;
  column-gap:clamp(16px,2vw,32px)!important;
 }
 body.page-id-10 #site-header-container .site-header-logo {
  grid-column:1;
  width:auto!important;
  min-width:0!important;
  max-width:max-content!important;
  justify-self:start;
  float:none!important;
  clear:none!important;
  margin:0!important;
  padding:0!important;
 }
 body.page-id-10 #site-header-container #global-nav {
  grid-column:2;
  display:block!important;
  position:static!important;
  float:none!important;
  clear:none!important;
  transform:none!important;
  left:auto!important;
  right:auto!important;
  top:auto!important;
  bottom:auto!important;
  width:auto!important;
  min-width:0!important;
  max-width:100%!important;
  margin:0!important;
  padding:0!important;
  justify-self:end!important;
  align-self:center!important;
  flex:none!important;
 }
 body.page-id-10 #site-header-container #global-nav > .global-nav-list {
  display:flex!important;
  flex-direction:row!important;
  flex-wrap:nowrap!important;
  align-items:center!important;
  justify-content:flex-end!important;
  width:max-content!important;
  max-width:100%!important;
  min-width:0!important;
  margin:0!important;
  padding:0!important;
  position:static!important;
  transform:none!important;
 }
 body.page-id-10 #site-header-container #global-nav .menu-item {
  flex:0 0 auto!important;
  float:none!important;
  width:auto!important;
  min-width:0!important;
  margin:0!important;
 }
 body.page-id-10 #site-header-container #global-nav .menu-item > a {
  display:flex!important;
  align-items:center!important;
  padding:12px clamp(6px,.7vw,12px)!important;
  white-space:nowrap!important;
 }
}
@media (min-width:992px) and (max-width:1290px) {
 body.page-id-10 .site-header-logo a > span {
  font-size:clamp(20px,2vw,25px)!important;
 }
 body.page-id-10 #site-header-container #global-nav .global-nav-name {
  font-size:12px!important;
 }
 body.page-id-10 #site-header-container .site-header-logo > a::after {
  display:none!important;
 }
 body.page-id-10 #site-header-container {
  column-gap:12px!important;
  padding-left:24px!important;
  padding-right:24px!important;
 }
}
@media (max-width:991px) {
 body.page-id-10 #site-header-container #global-nav {
  max-width:100%!important;
  left:auto!important;
  right:auto!important;
 }
}