/* Site-wide additions on top of each page's own styles */
html{scroll-behavior:smooth;-webkit-text-size-adjust:100%}
img{max-width:100%;height:auto}
:focus-visible{outline:3px solid #FFB020;outline-offset:2px;border-radius:6px}
details > summary::-webkit-details-marker{display:none}
details[open] > summary span[aria-hidden="true"]{transform:rotate(45deg);display:inline-block}
input,select,textarea,button{max-width:100%}
.cf-turnstile{min-height:65px}
.form-note{font-size:13px;color:#4B5B78}
@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}}
/* App-style mobile layout */
html{-webkit-tap-highlight-color:transparent}
@media (max-width:760px){
  body{overscroll-behavior-y:none}
  a.card,.card.lift{transition:transform .12s ease}
  a.card:active,.card.lift:active,.btn:active,.btn2:active{transform:scale(.98)}
  .side-wrap{padding-top:20px !important;gap:24px !important}
  .side{gap:12px !important}
  .side-toc{display:flex !important;flex-wrap:nowrap;overflow-x:auto;gap:8px;padding:4px 2px 8px !important;background:transparent !important;border:0 !important;box-shadow:none !important;scrollbar-width:none;-webkit-overflow-scrolling:touch;scroll-snap-type:x proximity;margin:0 -16px;padding-left:16px !important;padding-right:16px !important}
  .side-toc::-webkit-scrollbar{display:none}
  .side-toc > div{display:none !important}
  .side-toc a{flex:none;scroll-snap-align:start;min-height:40px;padding:0 14px 0 6px;border-radius:999px;background:#FFFFFF;border:1px solid #D3DDF0;font-size:14px;white-space:nowrap;gap:8px}
  .side-toc .n{width:28px;height:28px;border-radius:999px}
}