/* v12.10.536: category changes are a quiet reader cue, not a full-page CTA.
   The existing HTML/data attributes stay intact so Editor and Live use exactly
   the same navigation action. */
.nc-category-blank-page .page-safe-area{
  padding:7%!important;
}
.nc-category-transition{
  width:min(68%,390px);
  padding:clamp(16px,2vw,24px);
  border:1px solid rgba(114,78,22,.25);
  border-radius:14px;
  background:rgba(255,249,218,.38);
  box-shadow:inset 0 0 0 1px rgba(255,255,255,.22);
}
.nc-category-transition-kicker{
  margin-bottom:7px;
  font-size:clamp(9px,.9vw,12px);
  letter-spacing:.13em;
}
.nc-category-transition h2{
  font-size:clamp(17px,1.65vw,25px);
  line-height:1.16;
}
.nc-category-transition p{
  margin-top:10px;
  max-width:32ch;
  font-size:clamp(12px,1vw,15px);
  line-height:1.38;
}
.nc-category-transition-arrow{
  width:42px;
  height:42px;
  min-width:42px;
  margin:14px auto 0;
  border:1px solid rgba(123,78,16,.58);
  border-radius:50%;
  background:rgba(247,216,93,.44);
  box-shadow:none;
  color:#4b300c;
  font:800 25px/.9 system-ui,-apple-system,"Segoe UI",sans-serif;
  animation:none;
  transition:transform .16s ease,background-color .16s ease,border-color .16s ease;
}
.nc-category-transition-arrow:hover,
.nc-category-transition-arrow:focus-visible{
  transform:translateX(3px);
  filter:none;
  background:rgba(247,216,93,.7);
  border-color:#8a5915;
  box-shadow:none;
  outline:2px solid rgba(139,72,16,.45);
  outline-offset:3px;
}
.nc-category-transition-inline{
  padding:clamp(10px,1.35vw,16px);
  background:rgba(255,249,218,.28);
  animation:nc-category-transition-minimal-reveal .28s ease-out both;
}
.nc-category-transition-inline .nc-category-transition-kicker{margin-bottom:4px;}
.nc-category-transition-inline h2{font-size:clamp(14px,1.25vw,19px);}
.nc-category-transition-inline p{margin-top:6px;font-size:clamp(11px,.85vw,13px);}
.nc-category-transition-inline .nc-category-transition-arrow{
  width:34px;
  height:34px;
  min-width:34px;
  margin-top:8px;
  font-size:20px;
}
@keyframes nc-category-transition-minimal-reveal{
  from{opacity:0;transform:translateY(5px)}
  to{opacity:1;transform:translateY(0)}
}
@media (max-width:760px){
  .nc-category-transition{width:min(88%,330px);padding:16px 14px;}
  .nc-category-transition-arrow{width:38px;height:38px;min-width:38px;}
}
@media (prefers-reduced-motion:reduce){
  .nc-category-transition-inline{animation:none!important;}
}
