:root{--ink:#142d2a;--green:#1d5149;--mint:#dff3e8;--cream:#f7f4ec;--orange:#ff7654;--line:#cbd9d2;--muted:#55706b}*{box-sizing:border-box}body{margin:0;background:var(--cream);color:var(--ink);font:16px/1.65 Inter,system-ui,sans-serif}header,footer{background:var(--ink);color:#fff}.bar,main{width:min(850px,calc(100% - 36px));margin:auto}.bar{padding:24px 0}.brand{color:#fff;text-decoration:none;font-weight:900;font-size:1.35rem}.brand small{display:block;font-size:.7rem;letter-spacing:.18em}.dot{color:var(--orange)}main{background:#fff;border:1px solid var(--line);border-radius:16px;margin-top:35px;margin-bottom:35px;padding:clamp(24px,5vw,55px)}h1{font-size:clamp(2.4rem,7vw,4.2rem);letter-spacing:-.055em;line-height:1;margin:.2em 0}h2{margin-top:2em;line-height:1.2}a{color:var(--green)}.date{color:var(--muted)}.notice{background:var(--mint);border-left:5px solid var(--green);padding:16px}li{margin:.5em 0}footer .bar{font-size:.9rem;color:#c9dbd6}footer a{color:#fff}
.brand{display:inline-flex;align-items:center;gap:10px;white-space:nowrap;line-height:1}.brand-mark{width:42px;height:42px;flex:0 0 auto}.brand-words{font-size:1.08rem;letter-spacing:-.035em}.brand-city{font-weight:500}.brand-name{font-weight:900}.dot{color:var(--orange)}
@media(max-width:520px){.brand-mark{width:35px;height:35px}.brand-words{font-size:.94rem}}