:root{--paper:#fff;--ink:#000;--grey:#555;--beet:#9c1f5c;--celery:#eef3e3}
*{box-sizing:border-box}
html{font-size:112.5%;-webkit-text-size-adjust:100%}
body{margin:0;background:var(--paper);color:var(--ink);
  font-family:"Iowan Old Style","Palatino Linotype",Palatino,Georgia,serif;line-height:1.62}
.wrap{max-width:37rem;margin:0 auto;padding:1.75rem 1.25rem 4rem}
a{color:var(--beet);text-underline-offset:.16em}
a:focus-visible{outline:3px solid var(--beet);outline-offset:3px}
.sans{font-family:"Helvetica Neue",Helvetica,Arial,sans-serif}

.label{border:2px solid var(--ink);padding:.4rem .75rem .7rem}
.label h1{font-size:clamp(2.7rem,13vw,4.4rem);font-weight:900;letter-spacing:-.035em;
  line-height:.95;margin:.1rem 0 .15rem}
.label .sub{margin:0;padding-bottom:.45rem;border-bottom:1px solid var(--ink)}
.label .serving{display:flex;justify-content:space-between;gap:1rem;font-weight:700;
  padding:.3rem 0 .4rem;border-bottom:.6rem solid var(--ink);margin:0}
.label .head{display:flex;justify-content:space-between;font-size:.8rem;font-weight:700;
  padding:.3rem 0;border-bottom:1px solid var(--ink);margin:0}
.rows{list-style:none;margin:0;padding:0}
.rows li{display:flex;justify-content:space-between;align-items:baseline;gap:1.25rem;
  padding:.5rem 0;border-bottom:1px solid var(--ink)}
.rows a{color:var(--ink);font-weight:700;text-decoration:none}
.rows a:hover{text-decoration:underline}
.rows .v{white-space:nowrap;font-weight:700}
.rows .k{font-weight:400}
.label .foot{border-top:.3rem solid var(--ink);margin:-1px 0 0;padding-top:.45rem;
  font-size:.78rem;line-height:1.4}

.top{display:flex;justify-content:space-between;align-items:center;margin-bottom:2.5rem}
.mark{border:2px solid var(--ink);padding:.05rem .45rem .1rem;font-weight:900;
  letter-spacing:-.02em;color:var(--ink);text-decoration:none}
.top nav a{color:var(--ink);margin-left:1rem}
article h1{font-size:clamp(1.9rem,6.5vw,2.6rem);font-weight:900;letter-spacing:-.025em;
  line-height:1.08;margin:0 0 .5rem}
.date{color:var(--grey);font-size:.85rem;margin:0 0 1.75rem}
article p{margin:0 0 1.1rem}
article h2{font-size:1.15rem;font-weight:800;margin:2rem 0 .5rem}
article ul{padding-left:1.1rem;margin:0 0 1.1rem}
article li{margin-bottom:.3rem}
.short{margin:2rem 0;background:var(--celery)}
.short .name{font-size:1.35rem;font-weight:900;letter-spacing:-.02em;margin:0;
  padding-bottom:.25rem;border-bottom:.45rem solid var(--ink)}
.short .rows li:last-child{border-bottom:0}
.sources{font-size:.82rem;color:var(--grey);border-top:1px solid var(--ink);
  margin-top:2.5rem;padding-top:.75rem}
.sources p{margin:0 0 .35rem}
.intro{margin:1.5rem 0 0}
footer{margin-top:3.5rem;font-size:.8rem;color:var(--grey)}
footer a{color:var(--grey)}
@media (max-width:26rem){.rows li{gap:.75rem}.label .serving{flex-direction:column;gap:0}}