:root{--paper:#f9dfa1;--green:#1d9717;--red:#651204;--text:#241306}*{box-sizing:border-box}html{scroll-behavior:smooth}body{width:100%;min-width:320px;margin:0;background:radial-gradient(circle at 28% 11%,#ffefba,var(--paper) 55%,#ebce8b);color:var(--text);font-family:Georgia,serif}.site-header{padding-top:9px}.site-header h1{margin:0 0 42px;text-align:center;font-size:34px}.navigation-wrap,.page-content{width:min(calc(100% - 32px),1000px);margin:auto}.navigation-wrap{position:relative;min-height:45px;display:flex;align-items:center;justify-content:center;background:linear-gradient(100deg,#e7b43c,#f6d77a 48%,#dfac35);clip-path:polygon(2% 0,99% 0,100% 95%,0 100%)}.site-nav{display:flex}.site-nav a{padding:4px 9px;color:var(--red);border-right:2px solid #7b1f09;font:bold 14px Arial,sans-serif;text-decoration:none}.site-nav a:last-child{border:0}.site-nav a:hover{color:var(--green)}.mobile-brand,.menu-toggle{display:none}.hero{position:relative;height:365px;margin-top:12px;overflow:hidden;border:7px solid transparent;box-shadow:0 3px 7px #71380d85}.hero:after{content:"";position:absolute;inset:0;border:4px solid #75350d96}.hero p{position:absolute;z-index:1;top:37px;left:16px;margin:0;padding:7px 17px;color:#fff9eb;background:#69433b9c;font-size:29px}.eyebrow{margin:75px 0 24px;color:var(--green);font-size:30px;font-style:italic}.article-content{padding-bottom:35px;font-size:16px;line-height:1.35}.condition{padding:24px 0;border-bottom:1px solid #c5a762}.condition h2{margin:0 0 16px;color:#6d481d;font-size:26px;font-style:italic}.condition h3{margin:18px 0 9px;font-size:18px}.condition p{margin:0 0 14px}.condition ul{margin:0;padding-left:27px}.condition-grid{display:grid;grid-template-columns:1fr 310px;gap:27px;align-items:start}.reverse .condition-grid{grid-template-columns:310px 1fr}.condition-image{height:210px;border:3px solid #fff;.osteoarthritis{background-position:-803px -181px}.rheumatoid{background-position:-167px -502px}.shoulder{background-position:-804px -796px}.spondylitis{background-position:-167px -1098px}.disc{background-position:-804px -1368px}.knee{background-position:-167px -1662px}.cervical{background-position:-804px -1925px}
footer{padding:37px 20px;color:#700e02;background:#cfb36acc;text-align:center;font:bold 14px/21px Arial,sans-serif}
@media(max-width:760px){.site-header{padding-top:20px}.site-header h1{margin-bottom:25px;font-size:27px}.navigation-wrap,.page-content{width:calc(100% - 28px)}.navigation-wrap{min-height:54px;padding:0 16px;justify-content:space-between;clip-path:none;border-radius:4px}.mobile-brand{display:block;color:var(--red);font:bold 18px Georgia,serif;text-decoration:none}.menu-toggle{width:43px;height:38px;display:grid;align-content:center;gap:5px;padding:0 10px;border:0;border-radius:4px;background:#732407}.menu-toggle span{height:3px;border-radius:2px;background:#fff}.site-nav{display:none;position:absolute;z-index:5;top:54px;left:0;width:100%;padding:8px;background:#f3cc65;box-shadow:0 5px 10px #5c310766}.site-nav.open{display:flex;flex-direction:column}.site-nav a{padding:10px;border-right:0;border-bottom:1px solid #bd8421}.hero{height:36.5vw;min-height:125px;max-height:270px;border-width:4px;background-size:calc((100vw - 28px)*1.312) auto;background-position:calc((100vw - 28px)*-.175) calc((100vw - 28px)*-.049)}.hero p{top:17%;left:3px;padding:4px 8px;font-size:clamp(13px,3.8vw,23px)}.eyebrow{margin:35px 0 18px;font-size:27px}.article-content{font-size:16px;line-height:1.4}.condition{padding:25px 0}.condition h2{font-size:25px}.condition-grid,.reverse .condition-grid{grid-template-columns:1fr;gap:16px}.reverse .condition-image{order:-1}.condition-image{width:min(100%,350px);height:220px;margin:auto;background-size:1440px auto}footer{padding:28px 14px;font-size:12px;line-height:17px}}