:root{--paper:#f9dfa1;--green:#1d9717;--red:#651204;--text:#241306}*{box-sizing:border-box}html{scroll-behavior:smooth}body{width:100%;min-width:320px;min-height:100vh;margin:0;display:flex;flex-direction:column;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}.page-content{flex:1}.hero{position:relative;height:365px;margin-top:12px;overflow:hidden;border:7px solid transparent;background:url('ophthalmology-reference.png') -175px -183px/1312px auto;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 42px;color:var(--green);font-size:30px;font-style:italic}.article-content{display:grid;grid-template-columns:1.8fr .9fr;gap:20px;padding-bottom:38px;font:16px/1.45 Arial,sans-serif}.article-content p{margin:0 0 20px}.eye-image{height:220px;border:4px solid #fff;background:url('ophthalmology-reference.png') -820px -692px/1312px auto;box-shadow:0 0 0 1px #a68b58}footer{margin-top:auto;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)*-.183)}.hero p{top:17%;left:3px;padding:4px 8px;font-size:clamp(13px,3.8vw,23px)}.eyebrow{margin:35px 0 24px;font-size:27px}.article-content{grid-template-columns:1fr;padding-bottom:40px;font-size:16px;line-height:1.5}.eye-image{height:230px;background-size:1440px auto}footer{padding:28px 14px;font-size:12px;line-height:17px}}
