:root{
  --wgw-cyan:#079fbd;
  --wgw-orange:#f5821f;
  --wgw-yellow:#ffc93c;
  --wgw-green:#35a66f;
  --wgw-coral:#e94f64;
  --wgw-navy:#064568;
  --wgw-ink:#17384d;
  --wgw-soft:#eef7fa;
}
*{box-sizing:border-box}
body{margin:0;background:var(--wgw-soft);color:var(--wgw-ink);font:17px/1.65 Arial,sans-serif}
header{padding:18px 5%;background:#fff;border-bottom:4px solid var(--wgw-cyan)}
header a,a{color:#087fa3}
main{max-width:960px;margin:auto;padding:36px 20px 70px}
.back{display:inline-block;margin-bottom:20px;font-weight:800}
.hero{background:#fff;padding:34px;border-radius:20px;border-top:7px solid var(--wgw-orange);box-shadow:0 10px 28px #06456814}
.label{display:inline-block;padding:6px 11px;border-radius:999px;background:#d9f5fa;color:#067e98;font-weight:900;text-transform:uppercase;letter-spacing:.04em}
h1,h2,h3{color:var(--wgw-navy)}
h1{font-size:clamp(2rem,5vw,3.4rem);line-height:1.08}
h2{margin-top:38px;padding-left:14px;border-left:5px solid var(--wgw-green)}
h3{color:#a92d42}
article{margin-top:24px;padding:34px;background:#fff;border-radius:20px;box-shadow:0 10px 28px #06456810}
article li::marker{color:var(--wgw-orange);font-weight:900}
article blockquote{margin:24px 0;padding:18px 22px;background:#fff7e7;border-left:6px solid var(--wgw-yellow);border-radius:0 14px 14px 0}
.meta{color:#607684}
.notice{border-left-color:var(--wgw-coral)}
@media(max-width:640px){.hero,article{padding:22px}main{padding-inline:13px}}