:root{
  --articul-admin-strip-height:50px;
  --articul-admin-strip-font-family:'Noto Sans JP','Hiragino Kaku Gothic ProN','Yu Gothic',sans-serif;
  --articul-admin-strip-breakpoint-narrow:960px;
  --wp-admin--admin-bar--height:32px;
}
body.articul-admin-strip-visible{
  padding-top:var(--articul-admin-strip-height);
}
body.articul-admin-drawer-open{
  overflow:hidden;
  touch-action:none;
}
body.articul-admin-drawer-open .articul-admin-strip{
  z-index:1200;
}
.articul-admin-strip{
  position:fixed;
  top:0;
  left:0;
  right:0;
  z-index:120;
  height:var(--articul-admin-strip-height);
  background:#4a4a4a;
  color:#fff;
  font-family:var(--articul-admin-strip-font-family);
  font-weight:500;
  overflow:visible;
}
.articul-admin-strip button,
.articul-admin-strip input,
.articul-admin-strip select,
.articul-admin-strip textarea{
  font:inherit;
}
/* Theme body.articul-site-font-* button{} (artist front only) beats .articul-admin-strip button{font:inherit}.
   Strip toggles were fixed; dropdown accordion / drawer close are also buttons and need the same override. */
.articul-admin-strip .articul-admin-strip__link,
.articul-admin-strip .articul-admin-strip__menu-toggle,
.articul-admin-strip .articul-admin-dropdown button{
  font-family:var(--articul-admin-strip-font-family);
}
body.admin-bar .articul-admin-strip{
  top:var(--wp-admin--admin-bar--height, 32px);
}
.articul-admin-strip__inner{
  display:flex;
  justify-content:space-between;
  align-items:center;
  width:100%;
  height:100%;
  padding:0 clamp(16px, 1.8vw, 20px);
  box-sizing:border-box;
  gap:8px;
  flex-wrap:nowrap;
}
.articul-admin-strip__left,
.articul-admin-strip__menu,
.articul-admin-strip__link{
  display:flex;
  align-items:center;
}
.articul-admin-strip__left{
  gap:8px;
  min-width:0;
}
.articul-admin-strip__status-badge{
  display:inline-flex;
  align-items:center;
  gap:7px;
  min-height:32px;
  padding:0 14px;
  border-radius:999px;
  border:1px solid rgba(255,255,255,.18);
  background:rgba(255,255,255,.09);
  color:#fff;
  font-size:13px;
  font-weight:700;
  line-height:1.2;
  letter-spacing:.02em;
  white-space:nowrap;
  box-sizing:border-box;
  flex:0 0 auto;
  margin-left:6px;
}
.articul-admin-strip__status-badge svg{
  display:block;
  flex:0 0 auto;
  width:18px;
  height:18px;
}
.articul-admin-strip__status-badge--private{
  border-color:rgba(255,255,255,.22);
  background:linear-gradient(180deg, rgba(255,255,255,.12), rgba(255,255,255,.06));
  box-shadow:inset 0 1px 0 rgba(255,255,255,.05);
}
.articul-admin-strip__status-badge--inactive-contract{
  border-color:rgba(255,212,128,.42);
  background:linear-gradient(180deg, rgba(167,93,9,.92), rgba(126,58,6,.88));
  box-shadow:inset 0 1px 0 rgba(255,255,255,.12);
}
.articul-admin-strip__status-badge > .articul-admin-strip__status-badge-text--mobile{
  display:none;
}
/* Current-page edit: one node; label text switches via data attributes + ::before (avoids > span { display } overriding display:none on duplicate spans). */
.articul-admin-strip__edit-current-label--responsive{
  display:inline-flex;
  align-items:center;
  line-height:1.2;
}
.articul-admin-strip__edit-current-label--responsive::before{
  content:attr(data-articul-admin-edit-label-full);
}
.articul-admin-strip__logo{
  width:36px;
  height:36px;
  display:inline-flex;
  align-items:center;
  justify-content:center;
}
.articul-admin-strip__logo svg,
.articul-admin-strip__logo img{
  width:36px;
  height:36px;
  display:block;
  object-fit:contain;
}
.articul-admin-strip__message{
  font-size:16px;
  font-weight:400;
  line-height:1.3;
  color:#fff;
  white-space:nowrap;
  overflow:hidden;
  text-overflow:ellipsis;
}
.articul-admin-strip__menu{
  height:100%;
  align-items:stretch;
  gap:clamp(24px, 2.4vw, 32px);
  margin-left:auto;
  flex-wrap:nowrap;
}
.articul-admin-strip__item{
  position:relative;
  height:100%;
  display:flex;
  align-items:center;
}
.articul-admin-strip__menu-toggle{
  appearance:none;
  -webkit-appearance:none;
  padding:0;
  margin:0;
  border:0;
  background:transparent;
  cursor:pointer;
  line-height:1.2;
}
.articul-admin-strip__link{
  display:inline-flex;
  justify-content:center;
  gap:6px;
  font-size:16px;
  font-weight:400;
  line-height:1.2;
  color:#fff;
  text-decoration:none;
  white-space:normal;
  opacity:.92;
  transition:opacity .2s ease, color .2s ease;
}
.articul-admin-strip__menu-toggle svg,
.articul-admin-strip__link svg{
  display:block;
  flex:0 0 auto;
}
.articul-admin-strip__link > span,
.articul-admin-strip__menu-toggle > span{
  display:inline-flex;
  align-items:center;
  line-height:1.2;
}
.articul-admin-strip__menu-toggle:hover,
.articul-admin-strip__menu-toggle:focus-visible,
.articul-admin-strip__link:hover,
.articul-admin-strip__link:focus-visible{
  color:#fff;
  text-decoration:none;
  opacity:1;
}
.articul-admin-dropdown{
  position:absolute;
  top:100%;
  left:0;
  margin-top:0;
  width:340px;
  background:#4a4a4a;
  border:1px solid #3f3f3f;
  border-radius:0 0 10px 10px;
  box-shadow:0 4px 10px rgba(0,0,0,.14);
  overflow:hidden;
  opacity:0;
  transform:translateY(-6px);
  pointer-events:none;
  transition:opacity .2s ease, transform .2s ease;
  z-index:200;
}
.articul-admin-dropdown__backdrop{
  display:none;
}
.articul-admin-dropdown--drawer{
  background:transparent;
  border:0;
  box-shadow:none;
  overflow:visible;
}
.articul-admin-dropdown__panel{
  width:100%;
  background:#4a4a4a;
  border:1px solid #3f3f3f;
  border-radius:0 0 10px 10px;
  box-shadow:0 4px 10px rgba(0,0,0,.14);
  overflow:hidden;
}
.articul-admin-dropdown__header{
  display:none;
}
.articul-admin-dropdown__title{
  margin:0;
  font-size:17px;
  font-weight:700;
  line-height:1.3;
}
.articul-admin-dropdown__close{
  display:none;
}
.articul-admin-dropdown__body{
  min-height:0;
}
.articul-admin-dropdown__footer{
  border-top:1px solid rgba(255,255,255,.12);
}
.articul-admin-dropdown--align-right{
  left:auto;
  right:0;
}
.articul-admin-dropdown.is-open{
  opacity:1;
  transform:translateY(0);
  pointer-events:auto;
}
.articul-admin-strip__link-caret{
  display:inline-flex;
  align-items:center;
  font-size:12px;
  line-height:1;
}
.articul-admin-dropdown__list,
.articul-admin-dropdown__submenu{
  list-style:none;
  margin:0;
  padding:0;
}
.articul-admin-dropdown__list{
  padding:8px 0;
}
.articul-admin-dropdown__group--logout{
  margin-top:6px;
  padding-top:6px;
  border-top:1px solid rgba(255,255,255,.12);
}
.articul-admin-dropdown__link,
.articul-admin-dropdown__toggle,
.articul-admin-dropdown__sublink{
  width:100%;
  min-height:42px;
  padding:10px 18px;
  box-sizing:border-box;
  display:flex;
  align-items:center;
  justify-content:flex-start;
  gap:12px;
  position:relative;
  color:#fff;
  font-size:15px;
  font-weight:500;
  text-decoration:none;
  text-align:left;
  white-space:normal;
  overflow-wrap:anywhere;
  word-break:break-word;
  background:#4a4a4a;
  border:0;
}
.articul-admin-dropdown__link{
  display:grid;
  grid-template-columns:20px minmax(0, 1fr);
  align-items:center;
  column-gap:12px;
}
.articul-admin-dropdown__link--text-only{
  grid-template-columns:minmax(0, 1fr);
}
.articul-admin-dropdown__toggle{
  display:grid;
  grid-template-columns:minmax(0, 1fr) 18px;
  align-items:center;
  column-gap:12px;
  padding-right:24px;
  cursor:pointer;
}
.articul-admin-dropdown__toggle-main{
  display:grid;
  grid-template-columns:20px minmax(0, 1fr);
  align-items:center;
  column-gap:12px;
  min-width:0;
}
.articul-admin-dropdown__link > span:last-child,
.articul-admin-dropdown__toggle-main > span:last-child{
  min-width:0;
}
.articul-admin-dropdown__icon{
  width:20px;
  height:20px;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  color:#fff;
  flex-shrink:0;
}
.articul-admin-dropdown__icon svg{
  width:20px;
  height:20px;
  fill:currentColor;
  display:block;
}
.articul-admin-dropdown__link:hover,
.articul-admin-dropdown__toggle:hover,
.articul-admin-dropdown__sublink:hover,
.articul-admin-dropdown__link.is-active,
.articul-admin-dropdown__toggle.is-active,
.articul-admin-dropdown__sublink.is-active,
.articul-admin-dropdown__link:focus-visible,
.articul-admin-dropdown__toggle:focus-visible,
.articul-admin-dropdown__sublink:focus-visible{
  background:#5b5b5b;
  color:#fff;
  text-decoration:none;
}
.articul-admin-dropdown__link.is-active::before,
.articul-admin-dropdown__toggle.is-active::before,
.articul-admin-dropdown__sublink.is-active::before{
  content:"";
  position:absolute;
  left:0;
  top:8px;
  bottom:8px;
  width:2px;
  border-radius:999px;
  background:#d98b84;
}
.articul-admin-dropdown__caret{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  transition:transform .2s ease;
  width:18px;
  height:18px;
  color:currentColor;
  justify-self:end;
}
.articul-admin-dropdown__caret svg{
  display:block;
  width:12px;
  height:12px;
}
.articul-admin-dropdown__toggle[aria-expanded="true"] .articul-admin-dropdown__caret{
  transform:rotate(180deg);
}
.articul-admin-dropdown__submenu{
  border-left:1px solid #69a56f;
  margin-left:14px;
}
.articul-admin-dropdown__sublink{
  min-height:40px;
  padding-left:16px;
  font-size:15px;
  font-weight:500;
  background:#434343;
}

/* Narrow layout: compact strip and drawer navigation */
/* Narrow admin strip layout. Keep breakpoint in sync with JS. */
@media (max-width: 960px){
  body.articul-admin-strip-visible{
    --articul-admin-strip-height:74px;
  }
  .articul-admin-strip__inner{
    align-items:flex-end;
    padding:8px 14px 7px;
  }
  .articul-admin-strip__message,
  .articul-admin-strip__link[data-admin-link="logout"]{
    display:none;
  }
  .articul-admin-strip__left{
    gap:8px;
    align-self:center;
  }
  .articul-admin-strip__status-badge{
    min-height:28px;
    padding:0 10px;
    font-size:11px;
    margin-left:8px;
  }
  .articul-admin-strip__status-badge svg{
    width:15px;
    height:15px;
  }
  .articul-admin-strip__logo{
    width:44px;
    height:44px;
  }
  .articul-admin-strip__logo svg,
  .articul-admin-strip__logo img{
    width:44px;
    height:44px;
  }
  .articul-admin-strip__menu{
    width:auto;
    height:100%;
    gap:14px;
    align-items:center;
  }
  .articul-admin-strip__item{
    height:auto;
  }
  .articul-admin-strip__menu-toggle[data-admin-link="menu"],
  .articul-admin-strip__link[data-admin-link="view"],
  .articul-admin-strip__link[data-admin-link="edit-current"]{
    min-width:74px;
    flex-direction:column;
    align-items:center;
    justify-content:center;
    gap:4px;
    line-height:1.1;
  }
  .articul-admin-strip__menu-toggle[data-admin-link="menu"] svg,
  .articul-admin-strip__link[data-admin-link="view"] svg,
  .articul-admin-strip__link[data-admin-link="edit-current"] svg{
    width:26px;
    height:26px;
  }
  .articul-admin-strip__menu-toggle[data-admin-link="menu"] > span,
  .articul-admin-strip__link[data-admin-link="view"] > span,
  .articul-admin-strip__link[data-admin-link="edit-current"] > span{
    font-size:14px;
    font-weight:500;
    line-height:1.2;
    letter-spacing:.02em;
  }
  .articul-admin-strip__edit-current-label--responsive::before{
    content:attr(data-articul-admin-edit-label-compact);
  }
  .articul-admin-strip__link[data-admin-link="edit-current"] > .articul-admin-strip__link-caret{
    font-size:11px;
  }
  .articul-admin-dropdown{
    position:fixed;
    width:min(380px, calc(100vw - 20px));
    max-width:calc(100vw - 20px);
    box-sizing:border-box;
    margin-top:0;
  }
  .articul-admin-dropdown__list{
    padding:12px 0;
  }
  .articul-admin-dropdown__link,
  .articul-admin-dropdown__toggle,
  .articul-admin-dropdown__sublink{
    min-height:48px;
    padding:12px 20px;
    font-size:15px;
  }
  .articul-admin-dropdown__sublink{
    min-height:44px;
    padding-left:20px;
  }
  .articul-admin-dropdown__submenu{
    margin-left:14px;
  }
  .articul-admin-dropdown--drawer{
    position:fixed;
    inset:0;
    width:100vw;
    max-width:none;
    top:0;
    left:0;
    right:auto;
    margin-top:0;
    opacity:0;
    transform:none;
    pointer-events:none;
    z-index:260;
  }
  .articul-admin-dropdown--drawer.is-open{
    opacity:1;
    pointer-events:auto;
  }
  .articul-admin-dropdown--drawer .articul-admin-dropdown__backdrop{
    display:block;
    position:absolute;
    inset:0;
    border:0;
    padding:0;
    margin:0;
    background:rgba(20, 20, 20, .42);
    opacity:0;
    transition:opacity .24s ease;
  }
  .articul-admin-dropdown--drawer.is-open .articul-admin-dropdown__backdrop{
    opacity:1;
  }
  .articul-admin-dropdown--drawer .articul-admin-dropdown__panel{
    position:absolute;
    top:0;
    right:0;
    bottom:0;
    width:min(380px, calc(100vw - 28px));
    max-width:100vw;
    border:0;
    border-radius:0;
    background:#fff;
    color:#2f2c2a;
    box-shadow:-10px 0 34px rgba(0,0,0,.18);
    transform:translateX(100%);
    transition:transform .24s ease;
    display:flex;
    flex-direction:column;
  }
  .articul-admin-dropdown--drawer.is-open .articul-admin-dropdown__panel{
    transform:translateX(0);
  }
  .articul-admin-dropdown--drawer .articul-admin-dropdown__header{
    display:flex;
    align-items:center;
    justify-content:space-between;
    gap:12px;
    padding:18px 18px 14px;
    border-bottom:1px solid #ece6e1;
  }
  .articul-admin-dropdown--drawer .articul-admin-dropdown__close{
    width:36px;
    height:36px;
    display:inline-flex;
    align-items:center;
    justify-content:center;
    border:0;
    border-radius:999px;
    background:transparent;
    color:#6f6761;
    font-size:24px;
    line-height:1;
    cursor:pointer;
  }
  .articul-admin-dropdown--drawer .articul-admin-dropdown__close:hover,
  .articul-admin-dropdown--drawer .articul-admin-dropdown__close:focus-visible{
    background:#f4efeb;
    color:#3f3934;
    outline:none;
  }
  .articul-admin-dropdown--drawer .articul-admin-dropdown__body{
    flex:1 1 auto;
    overflow-y:auto;
    padding:10px 14px 18px;
  }
  .articul-admin-dropdown--drawer .articul-admin-dropdown__footer{
    margin-top:auto;
    padding:12px 14px 16px;
    border-top:1px solid #ece6e1;
    background:#fff;
  }
  .articul-admin-dropdown--drawer .articul-admin-dropdown__list{
    padding:0;
  }
  .articul-admin-dropdown--drawer .articul-admin-dropdown__group{
    margin-top:6px;
  }
  .articul-admin-dropdown--drawer .articul-admin-dropdown__group--logout{
    margin-top:0;
    padding-top:0;
    border-top:0;
  }
  .articul-admin-dropdown--drawer .articul-admin-dropdown__link,
  .articul-admin-dropdown--drawer .articul-admin-dropdown__toggle,
  .articul-admin-dropdown--drawer .articul-admin-dropdown__sublink{
    position:relative;
    min-height:50px;
    padding:13px 14px;
    gap:10px;
    color:#332f2c;
    background:transparent;
    border-radius:12px;
    font-size:16px;
    font-weight:500;
  }
  .articul-admin-dropdown--drawer .articul-admin-dropdown__icon{
    width:24px;
    height:24px;
    color:#746b66;
  }
  .articul-admin-dropdown--drawer .articul-admin-dropdown__link{
    grid-template-columns:24px minmax(0, 1fr);
  }
  .articul-admin-dropdown--drawer .articul-admin-dropdown__icon svg{
    width:24px;
    height:24px;
  }
  .articul-admin-dropdown--drawer .articul-admin-dropdown__toggle{
    position:relative;
    grid-template-columns:minmax(0, 1fr) 20px;
  }
  .articul-admin-dropdown--drawer .articul-admin-dropdown__toggle-main{
    grid-template-columns:24px minmax(0, 1fr);
    column-gap:12px;
  }
  .articul-admin-dropdown--drawer .articul-admin-dropdown__caret{
    position:static;
    color:#938982;
    transform:none;
    width:20px;
    height:20px;
    margin-left:0;
    margin-top:0;
  }
  .articul-admin-dropdown--drawer .articul-admin-dropdown__toggle[aria-expanded="true"] .articul-admin-dropdown__caret{
    transform:rotate(180deg);
  }
  .articul-admin-dropdown--drawer .articul-admin-dropdown__link:hover,
  .articul-admin-dropdown--drawer .articul-admin-dropdown__toggle:hover,
  .articul-admin-dropdown--drawer .articul-admin-dropdown__sublink:hover,
  .articul-admin-dropdown--drawer .articul-admin-dropdown__link:focus-visible,
  .articul-admin-dropdown--drawer .articul-admin-dropdown__toggle:focus-visible,
  .articul-admin-dropdown--drawer .articul-admin-dropdown__sublink:focus-visible{
    background:#ecece8;
    color:#2d2927;
    outline:none;
  }
  .articul-admin-dropdown--drawer .articul-admin-dropdown__link.is-active,
  .articul-admin-dropdown--drawer .articul-admin-dropdown__toggle.is-active,
  .articul-admin-dropdown--drawer .articul-admin-dropdown__sublink.is-active{
    background:#FDF1F2;
    color:#2d2927;
  }
  .articul-admin-dropdown--drawer .articul-admin-dropdown__link.is-active::before,
  .articul-admin-dropdown--drawer .articul-admin-dropdown__toggle.is-active::before,
  .articul-admin-dropdown--drawer .articul-admin-dropdown__sublink.is-active::before{
    content:"";
    position:absolute;
    left:0;
    top:10px;
    bottom:10px;
    width:3px;
    border-radius:999px;
    background:#b35e57;
  }
  .articul-admin-dropdown--drawer .articul-admin-dropdown__link.is-active .articul-admin-dropdown__icon,
  .articul-admin-dropdown--drawer .articul-admin-dropdown__toggle.is-active .articul-admin-dropdown__icon,
  .articul-admin-dropdown--drawer .articul-admin-dropdown__sublink.is-active{
    color:#2d2927;
  }
  .articul-admin-dropdown--drawer .articul-admin-dropdown__toggle[aria-expanded="true"]{
    background:#eceae7;
    color:#2d2927;
  }
  .articul-admin-dropdown--drawer .articul-admin-dropdown__toggle[aria-expanded="true"] .articul-admin-dropdown__icon{
    color:#2d2927;
  }
  .articul-admin-dropdown--drawer .articul-admin-dropdown__submenu{
    margin:6px 0 10px 14px;
    padding:8px;
    border:0;
    border-radius:12px;
    background:#eeeeeb;
  }
  .articul-admin-dropdown--drawer .articul-admin-dropdown__submenu li + li{
    margin-top:2px;
  }
  .articul-admin-dropdown--drawer .articul-admin-dropdown__sublink{
    min-height:42px;
    padding:10px 12px 10px 16px;
    font-size:15px;
    font-weight:500;
    color:#59524d;
  }
  .articul-admin-dropdown--drawer .articul-admin-dropdown__link--logout{
    color:#2f2c2a;
  }
  .articul-admin-dropdown--drawer .articul-admin-dropdown__link--logout .articul-admin-dropdown__icon{
    color:currentColor;
  }
  .articul-admin-dropdown--drawer .articul-admin-dropdown__link--logout:hover,
  .articul-admin-dropdown--drawer .articul-admin-dropdown__link--logout:focus-visible{
    background:#f4efeb;
    color:#2f2c2a;
  }
}
/* Smaller phones: trim optional actions and shorten badge text */
@media (max-width: 768px){
  .articul-admin-strip__menu--has-edit-current .articul-admin-strip__link[data-admin-link="view"]{
    display:none;
  }
  .articul-admin-strip__status-badge > .articul-admin-strip__status-badge-text--desktop{
    display:none;
  }
  .articul-admin-strip__status-badge > .articul-admin-strip__status-badge-text--mobile{
    display:inline;
  }
}
@media (max-width: 782px){
  :root{
    --wp-admin--admin-bar--height:46px;
  }
  body.admin-bar .articul-admin-strip{
    top:var(--wp-admin--admin-bar--height, 46px);
  }
}