: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; }.eyebrow { margin:31px 0 18px; color:var(--green); font-size:24px; font-style:italic; }.article-content { padding-bottom:35px; font-size:16px; line-height:1.35; }.condition { padding:21px 0; border-bottom:1px solid #c5a762; }.condition h2 { margin:0 0 16px; color:#6d481d; font-size:27px; font-style:italic; }.condition h3,.comparison h3 { margin:0 0 15px; color:#6d481d; font-size:23px; font-style:italic; }.condition p { margin:0 0 14px; }.condition ol,.condition ul { margin:0 0 15px; padding-left:28px; }.two-column { display:grid; grid-template-columns:1fr 310px; gap:27px; align-items:start; }.two-column.reverse { grid-template-columns:310px 1fr; }.condition-image { height:210px; border:3px solid #fff; background-image:url('eczema-treatment-reference.png'); background-size:1312px auto; box-shadow:0 0 0 1px #a68b58; }.eczema-back { background-position:-804px -86px; }.eczema-face { background-position:-166px -210px; }.eczema-hand { background-position:-804px -432px; }.comparison { margin:22px 0; padding:19px; background:#f8edcb; border:1px solid #dcc18c; }.comparison .psoriasis { float:right; width:240px; height:180px; margin:0 0 14px 18px; background-position:-804px -1030px; }.treatment-list { clear:both; display:grid; gap:12px; margin-top:20px; }.treatment-list p { margin:0; padding:12px; background:#fffdf4; border-left:4px solid #d3a43b; }.vitiligo { background-position:-167px -1535px; }.acne { background-position:-804px -1790px; } 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; }.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 h3,.comparison h3 { font-size:23px; }.two-column,.two-column.reverse { grid-template-columns:1fr; gap:16px; }.two-column.reverse .condition-image { order:-1; }.condition-image { width:min(100%,350px); height:220px; margin:auto; background-size:1440px auto; }.comparison { padding:14px; }.comparison .psoriasis { float:none; width:100%; height:200px; margin:0 0 15px; } footer { padding:28px 14px; font-size:12px; line-height:17px; } }