:root{color-scheme:light;--ink:#183f38;--text:#263e38;--muted:#556a64;--line:#d8e1dc;--pale:#f0f5f2;--white:#fff;--accent:#1e6551}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:30px}body{margin:0;background:var(--white);font:17px/1.65 "Segoe UI",Arial,sans-serif;color:var(--text)}a{color:var(--accent);text-decoration-thickness:1px;text-underline-offset:4px}a:hover{text-decoration-thickness:2px}a:focus-visible,button:focus-visible{outline:3px solid #9e5c32;outline-offset:5px}.wrap{width:min(1120px,calc(100% - 72px));margin-inline:auto}.skip-link{position:absolute;left:20px;top:-100px;z-index:5;background:var(--ink);color:#fff;padding:10px 20px}.skip-link:focus{top:12px}.site-header{display:flex;align-items:center;justify-content:space-between;gap:30px;padding-block:29px;border-bottom:1px solid var(--line)}.brand{text-decoration:none;color:var(--ink);font-size:19px;letter-spacing:.13em;font-weight:700;line-height:1.2}.brand span{display:block;letter-spacing:.22em;font-size:9px;font-weight:600;margin-top:8px;color:var(--muted)}nav{display:flex;gap:25px;flex-wrap:wrap;font-size:13px}nav a{color:var(--text);text-decoration:none}nav a:hover{text-decoration:underline}.hero{display:grid;grid-template-columns:1.35fr 1fr;gap:70px;align-items:center;padding-block:78px 86px}.eyebrow{font-size:11px;letter-spacing:.12em;text-transform:uppercase;font-weight:700;color:var(--accent);margin:0 0 17px}h1{font-size:clamp(38px,4.5vw,59px);letter-spacing:-.045em;line-height:1.12;font-weight:650;margin:0 0 27px;color:var(--ink);max-width:650px}.lead{font-size:20px;line-height:1.6;margin:0 0 28px;max-width:620px}.button{display:inline-flex;align-items:center;justify-content:center;gap:25px;background:var(--ink);color:#fff;border:1px solid var(--ink);padding:13px 22px;text-decoration:none;font:600 14px/1.4 "Segoe UI",Arial,sans-serif;cursor:pointer;border-radius:2px}.button:hover{background:var(--accent);text-decoration:none}.hero-note{border:1px solid var(--line);border-top:5px solid var(--ink);padding:25px 30px;background:var(--pale)}.note-label{font-size:12px;text-transform:uppercase;letter-spacing:.09em;font-weight:650;margin:0 0 21px}.hero-note ol{list-style:none;padding:0;margin:0}.hero-note li{display:grid;grid-template-columns:38px 1fr;gap:12px;padding:18px 0;border-bottom:1px solid var(--line)}.hero-note li:last-child{border-bottom:0}.hero-note li>span{font-size:12px;color:var(--muted);padding-top:3px}.hero-note strong{font-size:23px;font-weight:600}.hero-note p{margin:3px 0 0}.hero-note .small{font-size:13px;margin-top:20px;color:var(--muted)}.section{padding-block:68px;border-top:1px solid var(--line)}h2{font-size:clamp(27px,3.3vw,39px);line-height:1.2;letter-spacing:-.025em;font-weight:600;color:var(--ink);margin:0 0 20px}h3{font-size:26px;line-height:1.25;letter-spacing:-.02em;font-weight:600;color:var(--ink);margin:0 0 12px}p{margin:0 0 18px}.section-heading{max-width:790px;margin-bottom:38px}.role-list{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:32px}.role{border-top:2px solid var(--ink);padding-top:20px}.role-number{font-size:12px;color:var(--muted);display:block;margin-bottom:25px}.role h3{font-size:25px}.examples{font-size:14px;margin-top:24px}.examples span{display:block;font-size:10px;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:var(--muted);margin-bottom:6px}.source-note{font-size:13px;color:var(--muted);margin-top:35px;max-width:850px}.tint{background:var(--pale)}.reading-grid{display:grid;grid-template-columns:.9fr 1.35fr;gap:100px}.reading-copy p:last-child{margin-bottom:0}.essential-limit{border-left:3px solid var(--ink);padding-left:20px;font-size:15px}.product-row{display:grid;grid-template-columns:.85fr 1.3fr;align-items:center;gap:80px;padding:36px 0;border-top:1px solid var(--line)}.product-row.reverse{grid-template-columns:1.3fr .85fr}.product-row.reverse figure{grid-column:2;grid-row:1}.product-row.reverse>div{grid-column:1;grid-row:1}.product-row figure{margin:0;padding:15px 20px;background:#fafcfb;min-width:0}.product-row img{display:block;width:100%;height:330px;object-fit:contain}.product-row figcaption{font-size:12px;color:var(--muted);text-align:center;margin-top:12px}.product-type{font-size:11px;letter-spacing:.08em;text-transform:uppercase;color:var(--muted);font-weight:650}.text-link{font-size:14px;font-weight:600}.pocket-card{max-width:780px;border:1px solid var(--ink);padding:28px 36px;background:#fff}.card-title{font-size:12px;letter-spacing:.12em;font-weight:700}.pocket-card dl{margin:22px 0}.pocket-card dl>div{display:grid;grid-template-columns:140px 1fr;gap:25px;padding:17px 0;border-top:1px solid var(--line)}.pocket-card dt{font-weight:650;font-size:17px}.pocket-card dd{margin:0;font-size:16px}.pocket-card dd span{display:block;font-size:13px;color:var(--muted);margin-top:3px}.card-footer{font-size:13px;border-top:1px solid var(--line);padding-top:20px;margin:0}.print-button{margin-top:23px}.sources{display:grid;grid-template-columns:.9fr 1.35fr;gap:100px}.sources p{font-size:15px}.site-footer{display:flex;justify-content:space-between;gap:25px;flex-wrap:wrap;border-top:1px solid var(--line);padding-block:28px 36px;font-size:12px;color:var(--muted)}.site-footer a{color:var(--text)}@media(max-width:900px){.wrap{width:min(1120px,calc(100% - 44px))}.site-header{align-items:flex-start}.site-header nav{gap:13px;max-width:330px}.hero{gap:35px;padding-block:55px}.hero-note{padding:22px}.reading-grid,.sources{gap:45px}.product-row{gap:35px}.product-row img{height:270px}}@media(max-width:650px){body{font-size:16px}.wrap{width:calc(100% - 36px)}.site-header{display:block;padding-block:24px}.site-header nav{margin-top:24px;max-width:none;gap:12px 20px;font-size:12px}.hero{grid-template-columns:1fr;gap:34px;padding-block:43px 47px}h1{font-size:41px;line-height:1.13}.lead{font-size:18px}.hero-note li{padding:14px 0}.hero-note strong{font-size:21px}.hero-note .small{margin-top:12px}.section{padding-block:47px}.role-list{grid-template-columns:1fr;gap:29px}.role{display:grid;grid-template-columns:38px 1fr;gap:10px}.role-number{padding-top:5px}.role .examples{margin-top:14px}.role p{margin-bottom:12px}.reading-grid,.sources{grid-template-columns:1fr;gap:16px}.product-row,.product-row.reverse{grid-template-columns:1fr;gap:28px;padding-block:30px}.product-row.reverse figure,.product-row.reverse>div{grid-column:auto;grid-row:auto}.product-row figure{padding:15px}.product-row img{height:280px}.product-row figcaption{max-width:270px;margin:10px auto 0}.pocket-card{padding:23px}.pocket-card dl>div{grid-template-columns:1fr;gap:5px}.sources h2{margin-bottom:10px}.site-footer{display:block}.site-footer>*{display:block;margin-bottom:12px}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}@media print{@page{size:A4;margin:15mm}html{scroll-behavior:auto}body{font-size:11pt;color:#111}.site-header,.hero,.section:not(#pocket-card),.site-footer,.print-button{display:none!important}.wrap{width:100%}#pocket-card{border:0;padding:0}#pocket-card .section-heading{margin:0 0 18px}.section-heading .eyebrow{font-size:9pt}h2{font-size:22pt}.pocket-card{max-width:none;border:1pt solid #183f38;padding:20px 28px;break-inside:avoid}.pocket-card dl>div{grid-template-columns:120px 1fr}.card-footer:after{content:" Published by Amplified Glow · Reviewed 30 October 2026 · Definitions: dermnetnz.org/topics/emollients-and-moisturisers"}a{color:inherit;text-decoration:none}}