/* The 03B speech-bubble header on article, category and fixed pages (site-header.php). Everything is scoped to
   #ozx-sh so the theme's own styles for links and buttons do not reach in, and nothing here touches the article. */
body.ozx-sh-on #ozx-fixhdr{display:none!important}
#ozx-sh{--ink:#171a17;--paper:#f6f2e5;--lime:#daee49;position:sticky;top:var(--wp-admin--admin-bar--height,0px);z-index:9990;background:var(--paper);background-image:radial-gradient(#858a7527 .7px,transparent .7px);background-size:6px 6px;border-bottom:3px solid var(--ink);color:var(--ink);font-family:Arial,'Hiragino Kaku Gothic ProN','Noto Sans JP',Meiryo,sans-serif;line-height:1.4;text-align:left}
#ozx-sh *,#ozx-sh *::before,#ozx-sh *::after{box-sizing:border-box}
#ozx-sh a{color:var(--ink);text-decoration:none}
#ozx-sh button{font:inherit;color:var(--ink);background:none;border:0;margin:0;cursor:pointer;-webkit-appearance:none;appearance:none;letter-spacing:0}
#ozx-sh [hidden]{display:none!important}
#ozx-sh .ozx-sh-bar{display:flex;align-items:center;gap:19px;max-width:1440px;margin:0 auto;padding:20px 3.4% 18px;transition:padding .25s ease}
#ozx-sh .ozx-sh-brand{display:flex;align-items:center;gap:10px;flex-shrink:0;line-height:1}
#ozx-sh .ozx-sh-brand>img{width:56px;height:56px;object-fit:contain;transform:rotate(-8deg);transition:width .25s ease,height .25s ease}
#ozx-sh .ozx-sh-brand b{display:block;font-size:36px;letter-spacing:-1.8px;font-weight:900;transition:font-size .25s ease}
#ozx-sh .ozx-sh-brand b>span{font-weight:450}
#ozx-sh .ozx-sh-brand small{display:block;font-size:12px;letter-spacing:.08em;margin-top:7px;transition:opacity .2s ease}
#ozx-sh .ozx-sh-nav{display:flex;align-items:center;gap:10px;margin-left:auto}
#ozx-sh .ozx-sh-nav a{position:relative;display:inline-flex;align-items:center;justify-content:center;min-height:44px;min-width:45px;padding:9px 14px;background:#fffdf3;border:2px solid var(--ink);border-radius:45% 47% 43% 46%/35% 40% 45% 40%;box-shadow:2px 3px var(--ink);font-size:14px;font-weight:750;white-space:nowrap;transform:rotate(-2deg);transition:background-color .2s ease,transform .2s ease}
#ozx-sh .ozx-sh-nav a:nth-child(even){transform:rotate(2deg)}
#ozx-sh .ozx-sh-nav a::after{content:'';position:absolute;left:13px;bottom:-7px;width:10px;height:10px;border-left:2px solid;border-bottom:2px solid;background:inherit;transform:skew(-15deg) rotate(-30deg)}
#ozx-sh .ozx-sh-nav a:hover{background:#ebefd8;transform:rotate(0) translateY(-2px)}
#ozx-sh .ozx-sh-nav a.is-current{background:var(--lime);box-shadow:3px 4px var(--ink);font-weight:900}
#ozx-sh .ozx-sh-actions{display:flex;align-items:center;gap:8px}
#ozx-sh .ozx-sh-search,#ozx-sh .ozx-sh-menu{display:flex;align-items:center;gap:7px;min-height:44px;padding:9px 12px;border:2px solid var(--ink);font-size:14px;font-weight:750;white-space:nowrap}
#ozx-sh .ozx-sh-search{background:var(--lime);border-radius:6px;box-shadow:3px 3px var(--ink);transform:rotate(3deg)}
#ozx-sh .ozx-sh-search svg{width:19px;height:19px;fill:none;stroke:currentColor;stroke-width:2.4}
#ozx-sh .ozx-sh-menu{background:#fffdf3}
#ozx-sh .ozx-sh-glyph{font-size:18px;line-height:1}
#ozx-sh .ozx-sh-search[aria-expanded=true],#ozx-sh .ozx-sh-menu[aria-expanded=true]{background:var(--ink);color:#fff8e7}
#ozx-sh button:focus-visible,#ozx-sh a:focus-visible,#ozx-sh input:focus-visible{outline:3px solid #2865cf;outline-offset:4px}

/* Scrolled down: the bar slims so the article keeps the screen. */
#ozx-sh.is-compact .ozx-sh-bar{padding-top:8px;padding-bottom:8px}
#ozx-sh.is-compact .ozx-sh-brand>img{width:38px;height:38px}
#ozx-sh.is-compact .ozx-sh-brand b{font-size:26px}
#ozx-sh.is-compact .ozx-sh-brand small{display:none}

/* The panel under the bar: search, the six categories (phones), and the site's own pages from the old header. */
#ozx-sh .ozx-sh-panel{max-width:1440px;margin:0 auto;padding:4px 3.4% 20px;max-height:calc(100vh - 120px);overflow-y:auto;overscroll-behavior:contain}
#ozx-sh .ozx-sh-form label{display:block;font-size:13px;font-weight:750;margin-bottom:7px}
#ozx-sh .ozx-sh-form>div{display:flex;gap:6px;max-width:640px}
#ozx-sh .ozx-sh-form input{flex:1;min-width:0;border:2px solid var(--ink);background:#fffdf5;color:var(--ink);padding:10px 12px;font:inherit;font-size:16px;border-radius:0;margin:0;height:auto;box-shadow:none}
#ozx-sh .ozx-sh-form button{min-height:46px;border:2px solid var(--ink);background:var(--lime);padding:8px 16px;font-size:14px;font-weight:750}
#ozx-sh .ozx-sh-nav-panel{display:none}
#ozx-sh .ozx-sh-site{display:flex;flex-wrap:wrap;gap:8px;margin-top:16px;padding-top:14px;border-top:1px dashed #8d927f}
#ozx-sh .ozx-sh-site a{display:inline-flex;align-items:center;min-height:40px;padding:6px 14px;border:1px solid var(--ink);background:#fffdf3;font-size:13px;font-weight:650}
#ozx-sh .ozx-sh-site a:hover{background:#ebefd8}
#ozx-sh .ozx-sh-panel[data-mode=search] .ozx-sh-site,#ozx-sh .ozx-sh-panel[data-mode=search] .ozx-sh-nav-panel{display:none}
#ozx-sh .ozx-sh-panel[data-mode=menu] .ozx-sh-form{display:none}

@media(max-width:1180px){
  #ozx-sh .ozx-sh-bar{gap:12px}
  #ozx-sh .ozx-sh-brand>img{width:46px;height:46px}
  #ozx-sh .ozx-sh-brand b{font-size:30px}
  #ozx-sh .ozx-sh-brand small{font-size:11px}
  #ozx-sh .ozx-sh-nav{gap:7px}
  #ozx-sh .ozx-sh-nav a{padding:9px 10px;font-size:13px}
  #ozx-sh .ozx-sh-search,#ozx-sh .ozx-sh-menu{padding:9px 9px;font-size:13px}
}
@media(max-width:900px){
  #ozx-sh .ozx-sh-bar>.ozx-sh-nav{display:none}
  #ozx-sh .ozx-sh-actions{margin-left:auto}
  #ozx-sh .ozx-sh-panel[data-mode=menu] .ozx-sh-nav-panel{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px 10px;margin:6px 0 4px;padding:6px 2px 10px}
  #ozx-sh .ozx-sh-nav-panel a{min-height:46px}
}
@media(max-width:600px){
  #ozx-sh .ozx-sh-bar{padding:12px 16px 10px;gap:10px}
  #ozx-sh .ozx-sh-brand{gap:7px}
  #ozx-sh .ozx-sh-brand>img{width:38px;height:38px}
  #ozx-sh .ozx-sh-brand b{font-size:26px}
  #ozx-sh .ozx-sh-brand small{font-size:10px;margin-top:5px}
  #ozx-sh .ozx-sh-actions{gap:6px}
  #ozx-sh .ozx-sh-search{transform:none;box-shadow:2px 2px var(--ink);padding:8px 10px}
  #ozx-sh .ozx-sh-search span{display:none}
  #ozx-sh .ozx-sh-search svg{width:18px;height:18px}
  #ozx-sh .ozx-sh-menu{padding:8px 9px;font-size:12px;gap:5px}
  #ozx-sh.is-compact .ozx-sh-bar{padding-top:6px;padding-bottom:6px}
  #ozx-sh.is-compact .ozx-sh-brand>img{width:32px;height:32px}
  #ozx-sh.is-compact .ozx-sh-brand b{font-size:22px}
  #ozx-sh .ozx-sh-panel{padding:4px 16px 18px}
  #ozx-sh .ozx-sh-panel[data-mode=menu] .ozx-sh-nav-panel{grid-template-columns:repeat(2,minmax(0,1fr))}
  #ozx-sh .ozx-sh-site a{font-size:12px;padding:6px 11px}
}
@media(prefers-reduced-motion:reduce){#ozx-sh *{transition:none!important}}