/* Match the main site's project header without changing WordPress article styles. */
@import url('https://fonts.googleapis.com/css2?family=Jura:wght@400&display=swap');
.osblog-foundation-bar { background:#161616; color:#fff; height:40px; }
.osblog-foundation-bar > div { max-width:1140px; height:100%; margin:auto; display:flex; align-items:center; justify-content:space-between; }
.osblog-foundation-bar a { display:flex; align-items:center; color:#fff; font:400 14px Jura,sans-serif; letter-spacing:1px; gap:15px; text-decoration:none; }
.osblog-foundation-bar img { width:20px; height:20px; }
.osblog-foundation-bar .osblog-project-grid { display:grid; grid-template-columns:repeat(3,5px); gap:3px; }
.osblog-project-grid span { width:5px; height:5px; background:#fff; }
nav.osblog-site-nav { background:#fff; border:0; border-bottom:1px solid #ddd; border-radius:0; margin:0; padding:0; min-height:0; font:400 12px 'Open Sans',sans-serif; color:#8a98a5; }
.osblog-nav-inner { max-width:1232px; min-height:119px; margin:auto; display:flex; align-items:center; gap:20px; }
.osblog-wordmark, .osblog-wordmark img { display:block; width:135px; flex-shrink:0; }
.osblog-nav-search { margin:0; flex-shrink:0; }
.osblog-nav-search input { width:100px; border:0; border-radius:0; box-shadow:none; padding:0; height:auto; background:transparent; font:inherit; color:inherit; }
.osblog-nav-search input::placeholder { color:#888; opacity:1; }
.osblog-site-nav .navbar-collapse { display:block; padding:0; border:0; box-shadow:none; }
.osblog-site-nav ul.navbar-main { display:flex; align-items:center; gap:30px; margin:0; padding:0; float:none; list-style:none; }
.osblog-site-nav ul.navbar-main > li { border:0; position:relative; display:flex; align-items:center; float:none; margin:0; padding:0; }
.osblog-site-nav ul.navbar-main > li > a, .osblog-site-nav ul.navbar-main > li > button { background:transparent; border:0; border-radius:0; color:inherit; padding:0; margin:0; min-height:0; min-width:0; font:inherit; line-height:20px; text-transform:uppercase; text-decoration:none; white-space:nowrap; box-shadow:none; }
.osblog-site-nav ul.navbar-main > li > button { cursor:pointer; }
.osblog-site-nav ul.navbar-main > li > a + button { margin-left:7px; }
.osblog-site-nav ul.navbar-main > li.join-nav-section { border-left:1px solid #eee; padding-left:12px; color:#2a4e68; font-weight:700; }
.osblog-site-nav ul.navbar-main > li.join-nav-section > button { font-weight:700; }
.osblog-site-nav .dropdown-menu { top:100%; left:-16px; right:auto; min-width:240px; border:0; border-radius:0; box-shadow:0 3px 10px #0003; padding:10px 0; margin:0; text-transform:none; font-size:12px; }
.osblog-site-nav .dropdown-menu > li > a { padding:9px 18px; color:#2a4e68; line-height:1.5; white-space:normal; }
.osblog-site-nav .dropdown-menu > li > a:hover { background:#f4f4f4; }
.osblog-site-nav ul.navbar-main > li:last-child .dropdown-menu { right:0; left:auto; }
.osblog-site-nav ul.navbar-main > li.osblog-mobile-search { display:none; }
.osblog-site-nav .navbar-toggle { display:none; }
.osblog-site-nav [hidden] { display:none !important; }
.osblog-site-nav .osblog-account > button { max-width:150px; overflow:hidden; text-overflow:ellipsis; }
.osblog-site-nav a:focus-visible, .osblog-site-nav button:focus-visible, .osblog-nav-search input:focus-visible { outline:2px solid #005481; outline-offset:4px; }
@media(max-width:1250px) {
 .osblog-nav-inner { padding:0 24px; }
 .osblog-site-nav ul.navbar-main { gap:16px; }
 .osblog-foundation-bar > div { padding:0 24px; }
}
@media(max-width:1000px) {
 .osblog-nav-inner { min-height:73px; flex-wrap:wrap; gap:0; padding:0 24px; }
 .osblog-wordmark { margin-left:-15px; }
 .osblog-nav-search { display:none; }
 .osblog-site-nav .navbar-toggle { display:block; float:none; margin:14px 0 14px auto; min-width:44px; min-height:44px; border:0; padding:12px 10px; }
 .osblog-site-nav .navbar-toggle .icon-bar { background:#555; }
 .osblog-site-nav .navbar-collapse { display:none; flex-basis:100%; width:100%; padding:0 0 20px; }
 .osblog-site-nav .navbar-collapse.in { display:block; }
 .osblog-site-nav ul.navbar-main { display:flex; flex-direction:column; align-items:stretch; gap:0; }
 .osblog-site-nav ul.navbar-main > li { display:flex; flex-wrap:wrap; width:100%; }
 .osblog-site-nav ul.navbar-main > li > a, .osblog-site-nav ul.navbar-main > li > button { min-height:50px; padding:16px 8px; line-height:18px; }
 .osblog-site-nav ul.navbar-main > li > a { flex:1; }
 .osblog-site-nav ul.navbar-main > li > button { min-width:44px; }
 .osblog-site-nav ul.navbar-main > li.join-nav-section { border:0; padding:0; }
 .osblog-site-nav ul.navbar-main > li.osblog-mobile-search { display:flex; }
 .osblog-site-nav .dropdown-menu { position:static; float:none; width:100%; min-width:0; box-shadow:none; background:#edf2f7; border-radius:3px; }
 .osblog-site-nav .osblog-account > button { max-width:100%; }
}
/* Reset the legacy Join button's extra border/margins and use the main-site caret. */
nav.osblog-site-nav ul.navbar-main > li.join-nav-section > button { border:0; margin:0; padding:0; }
.osblog-site-nav .submenu-toggle > span[aria-hidden] { font-size:0; display:inline-block; width:0; height:0; margin:0 0 2px 0; border:4px solid transparent; border-top-color:currentColor; transform:translateY(3px); }
.osblog-site-nav .join-nav-section .submenu-toggle > span[aria-hidden] { margin-left:7px; }
@media(max-width:1000px) {
 nav.osblog-site-nav ul.navbar-main > li.join-nav-section > button { padding:16px 8px; }
}
@media(max-width:767px) { .hentry code { white-space:normal; overflow-wrap:anywhere; } }
.osblog-site-nav ul.navbar-main > li > button { display:flex; align-items:center; gap:7px; }
.osblog-site-nav .submenu-toggle > span[aria-hidden] { margin:0; transform:translateY(2px); }
.osblog-site-nav .join-nav-section .submenu-toggle > span[aria-hidden] { margin-left:0; }
@media(max-width:1000px) {
 .osblog-site-nav .navbar-collapse.in { max-height:none; overflow:visible; }
 .osblog-site-nav ul.navbar-main > li > button:only-of-type:first-child { width:100%; justify-content:space-between; }
 .osblog-site-nav ul.navbar-main > li > button > span[aria-hidden] { border:0; transform:none; font-size:0; width:20px; height:auto; }
 .osblog-site-nav ul.navbar-main > li > button > span[aria-hidden]::after { content:'+'; font-size:24px; }
 .osblog-site-nav ul.navbar-main > li.open > button > span[aria-hidden]::after { content:'−'; }
}