/* Sam Beagle Fitness — shared styles. Page layouts mostly use inline styles from the design canvas. */
*,*::before,*::after{box-sizing:border-box}
html{scroll-behavior:smooth;-webkit-text-size-adjust:100%}
body{margin:0;font-family:Inter,system-ui,-apple-system,"Segoe UI",sans-serif;color:#1A1A1A;background:#F7F5F0;line-height:1.55;font-size:19px}
img,video{max-width:100%;height:auto}
a{color:#1A1A1A}
a:hover{color:#6B5A34}
a:focus-visible,button:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible,summary:focus-visible{outline:3px solid #C9B280;outline-offset:2px}
summary{cursor:pointer}
[hidden]{display:none!important}
.stack{display:flex;flex-direction:column;gap:16px}
.skip{position:absolute;left:-9999px;top:0;background:#C9B280;color:#1A1A1A;padding:12px 16px;font-weight:800;z-index:100}
.skip:focus{left:8px;top:8px}

/* Quiz */
.quiz{display:flex;flex-direction:column;gap:26px}
.quiz fieldset{border:0;padding:0;margin:0;display:flex;flex-direction:column;gap:12px}
.quiz legend{font-weight:700;font-size:19px;padding:0;margin-bottom:12px}
.quiz .opts{display:flex;flex-wrap:wrap;gap:10px}
.quiz button{min-height:50px;padding:0 22px;border:2px solid #1A1A1A;background:transparent;color:#1A1A1A;font:inherit;font-weight:600;font-size:17px;cursor:pointer}
.quiz button[aria-pressed="true"]{background:#1A1A1A;color:#F7F5F0;font-weight:700}

/* Forms */
[data-form-status].ok{color:#2F6B3A;font-weight:700}
[data-form-status].err{color:#A33A2B;font-weight:700}
button[disabled]{opacity:.6;cursor:wait}

/* Cookie banner */
.cookie{position:fixed;left:16px;right:16px;bottom:84px;z-index:50;max-width:560px;margin:0 auto;background:#F7F5F0;color:#1A1A1A;border:2px solid #1A1A1A;padding:18px 20px;font-size:16px;display:flex;flex-direction:column;gap:12px;box-shadow:0 8px 30px rgba(0,0,0,.25)}
.cookie .row{display:flex;gap:10px;flex-wrap:wrap}
.cookie button{min-height:44px;padding:0 18px;font:inherit;font-weight:800;border:2px solid #1A1A1A;cursor:pointer}
.cookie .yes{background:#1A1A1A;color:#F7F5F0}
.cookie .no{background:transparent;color:#1A1A1A}

/* Article (blog) */
.prose{max-width:760px;margin:0 auto;padding:56px 24px 80px}
.prose h2{font-size:clamp(26px,4.5vw,34px);line-height:1.15;font-weight:900;letter-spacing:-.01em;margin:44px 0 14px}
.prose h3{font-size:24px;line-height:1.25;font-weight:800;margin:32px 0 10px}
.prose p,.prose li{font-size:19px;line-height:1.7}
.prose img{display:block;margin:28px auto}
.prose blockquote{margin:28px 0;padding:6px 0 6px 20px;border-left:4px solid #C9B280;font-size:21px}
.prose table{border-collapse:collapse;width:100%;display:block;overflow-x:auto;font-size:17px}
.prose th,.prose td{border:1px solid #D9D4C7;padding:10px 12px;text-align:left}
.prose a{color:#6B5A34;font-weight:600}

/* Small screens */
@media (max-width:820px){
  .nav-link{display:none}
  .hide-sm{display:none!important}
}
@media (min-width:821px){.sticky-bar{display:none!important}}
@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}}