/* Rounded editorial signposts; retain the trial button's green on interaction. */
a.detail-link{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:12px;
  width:min(320px,100%);
  min-width:0;
  max-width:100%;
  min-height:80px;
  margin:0;
  padding:14px 16px 14px 22px;
  border:1.5px solid var(--green);
  border-radius:999px;
  background:#f5e17d;
  color:var(--green);
  font-family:var(--body);
  font-size:14px;
  font-weight:600;
  line-height:1.75;
  letter-spacing:.025em;
  text-align:left;
  text-decoration:none;
  white-space:normal;
  transition:background-color .18s ease,color .18s ease;
}
a.detail-link:hover,
a.detail-link:focus-visible{
  background:var(--green);
  border-color:var(--green);
  color:#fff;
}
a.detail-link:focus-visible{outline:3px solid var(--red);outline-offset:4px}
a.detail-link>span{display:block;margin:0}
a.detail-link>.detail-link-label{min-width:0;overflow-wrap:anywhere}
a.detail-link>.detail-link-arrow{
  display:grid;
  place-items:center;
  flex:0 0 34px;
  width:34px;
  height:34px;
  border-radius:50%;
  background:var(--green);
  color:#f5e17d;
  font-family:Arial,sans-serif;
  font-size:22px;
  line-height:1;
  transition:background-color .18s ease,color .18s ease,transform .18s ease;
}
a.detail-link:hover>.detail-link-arrow,
a.detail-link:focus-visible>.detail-link-arrow{
  background:#f5e17d;
  color:var(--green);
  transform:translateX(3px);
}
.detail-action{width:min(320px,100%);min-width:0;max-width:100%}
.detail-action>.detail-link-note{margin:0 0 12px;color:var(--green);font-size:12px;line-height:1.8;text-align:center}
.box-note-action{margin-top:24px}
.delivery-actions{display:grid;gap:14px;margin-top:24px}
.box-note,.delivery-copy,.trial-copy,.box-explanation>.essay-copy,.work-readmore{min-width:0}
.trial-copy>.detail-link{margin-top:24px}
.work-readmore{border:0;padding-top:0;margin-top:12px}
.origin-note>.detail-link{grid-column:2}
.origin-note>div>p:not(.small-label){margin-bottom:0}
.dialog-bottom{display:grid;grid-template-columns:minmax(0,1fr) auto}
.dialog-bottom>.dialog-close{justify-self:end}
@media(min-width:1001px){.magazine-grid{grid-template-columns:minmax(0,1fr) 280px}}
@media(max-width:1000px){
  .margin-notes>.box-note{grid-column:1;grid-row:1}
  .margin-notes>.small-notes{grid-column:2;grid-row:1}
  .margin-notes>.box-note-action{grid-column:1/-1;grid-row:2}
}
@media(max-width:760px){
  /* Read the recipe introduction and four features in one continuous column. */
  .margin-notes{display:block;margin-top:44px;padding-top:0}
  .margin-notes>.box-note{max-width:480px;margin-inline:auto}
  .margin-notes .box-note img{width:156px;max-width:50%;margin:0 auto 24px}
  .margin-notes .box-note h3{font-size:26px;line-height:1.65;text-align:center;margin-bottom:20px}
  .margin-notes .box-note p{font-size:14px;line-height:2;margin-bottom:0}
  .margin-notes>.box-note-action{margin:26px auto 34px}
  .margin-notes>.small-notes{max-width:480px;margin:0 auto;border-top:1px solid var(--line)}
  .margin-notes .feature-note{padding-bottom:0}
  .margin-notes .feature-note button{min-height:76px;padding:12px 4px;gap:20px;font-size:16px;line-height:1.65}
  .delivery-copy,.trial-copy,.box-explanation>.essay-copy{width:100%}
  .origin-note>.detail-link{grid-column:1/-1}
  .dialog-bottom{grid-template-columns:minmax(0,1fr)}
}
@media(prefers-reduced-motion:reduce){
  a.detail-link,a.detail-link>.detail-link-arrow{transition:none}
  a.detail-link:hover>.detail-link-arrow,a.detail-link:focus-visible>.detail-link-arrow{transform:none}
}

.feature-note button .feature-label{font-weight:600}

/* Original feature illustrations share the trial icons' ink and paper palette. */
#features .feature-note{padding-bottom:0}
#features .feature-note button{
  display:grid;
  grid-template-columns:48px minmax(0,1fr) 16px;
  gap:12px;
  min-height:84px;
  padding:12px 0;
}
#features .feature-icon{
  display:block;
  width:48px;
  height:48px;
  color:var(--green);
  pointer-events:none;
}
#features .feature-label{min-width:0}