/* Keepzi Pictograms — original miniature editorial illustrations
   Low-saturation duotone: warm paper, botanical sage, muted clay, brass.
*/
.pw-glyph{
  width:36px;height:36px;display:block;flex:none;
  color:#71635e;stroke-linecap:round;stroke-linejoin:round;
  filter:drop-shadow(0 2px 2px rgba(77,64,52,.07));
}
.pw-glyph .paper{fill:#f9f1e7}
.pw-glyph .sage{fill:#d2ddd5}
.pw-glyph .peach{fill:#e3bcb0}
.pw-glyph .gold{fill:#e6d19a}
.pw-glyph .ink-fill{fill:#726560;stroke:none}
.pw-glyph--small{width:26px;height:26px}
.pw-glyph--large{width:56px;height:56px}
.pw-glyph--step{width:80px;height:80px}
.pw-glyph--sticker{width:31px;height:31px}
.pw-glyph--muted{opacity:.65}
.occasion-sticker{
  position:absolute;top:13px;right:13px;z-index:3;width:46px;height:46px;
  border-radius:15px;display:flex;align-items:center;justify-content:center;
  background:linear-gradient(130deg,rgba(255,252,247,.97),rgba(240,231,224,.88));
  border:1px solid rgba(255,255,255,.85);
  box-shadow:0 7px 18px rgba(30,29,22,.13),inset 0 1px 1px white;
  transform:rotate(6deg);transition:transform .2s ease;
}
.occasion-card:nth-child(3n+2) .occasion-sticker{transform:rotate(-7deg)}
.occasion-card:hover .occasion-sticker{transform:rotate(0) scale(1.08)}
.step-art{
  font-size:0;position:relative;margin:18px auto 24px;display:flex;
  align-items:center;justify-content:center;
  width:122px;height:122px;
  background:radial-gradient(ellipse at 29% 25%,rgba(255,255,255,.94),rgba(236,227,220,.78));
  border:1px solid rgba(255,255,255,.9);border-radius:32px;
  box-shadow:0 10px 35px #8d827122,inset 0 1px 1px white;
  transform:rotate(-4deg);
}
.step:nth-child(even) .step-art{transform:rotate(4deg)}
.step-art::after{
  content:"";position:absolute;inset:auto 16px 11px;
  border-radius:100%;height:10px;background:#b2a79a1f;filter:blur(6px);
}
.step-art .pw-glyph{z-index:1}
.format-picks .format-icon{
  display:grid;place-items:center;
  width:76px;height:76px;margin-bottom:4px;
  border-radius:22px;
  background:linear-gradient(140deg,#fffdfa,#e9e3db);
  border:1px solid #ffffff;
  box-shadow:0 8px 17px #756e6416,inset 0 1px white;
  line-height:1;
}
.format-picks .format-icon .pw-glyph{width:56px;height:56px}
.format-picks button[aria-pressed=true] .format-icon{
  background:linear-gradient(140deg,#fffdfa,#e6ddd3);border-color:#d6c7bd;
}
.pick-occasion-top{
  display:flex;width:100%;align-items:center;justify-content:space-between;
  min-height:44px;
}
.pick-card .pick-occasion-icon{
  display:flex;align-items:center;justify-content:center;
  width:42px;height:42px;border-radius:14px;
  background:linear-gradient(130deg,#f4eee7,#e8e4dc);
  border:1px solid rgba(255,255,255,.95);
  box-shadow:inset 0 1px white;
}
.pick-card .pick-occasion-icon svg{width:28px;height:28px}
.pick-card .pick-occasion-top .pick-glyph{font-size:16px;color:#aa958a;align-self:center}
.pick-card:has(.pick-occasion-top){min-height:150px;justify-content:flex-start;gap:8px}
.pick-card:has(.pick-occasion-top)>strong{font-size:18px;line-height:1.14}
.pick-card:has(.pick-occasion-top)>span{line-height:1.3}
.hero-meta .badge-round{border-radius:50%;display:grid;place-items:center;background:linear-gradient(135deg,#fffbf6,#e9e7e0)}
.hero-meta .badge-round .pw-glyph{width:27px;height:27px}
.book-sparkle{font-size:0}
.book-sparkle .pw-glyph{width:35px;height:35px;stroke-width:1.2;color:#c3a99c;filter:drop-shadow(0 2px 4px #ffffff)}
.book-sparkle.sparkle-two .pw-glyph{width:19px;height:19px}
.wordmark-star{top:-2px;left:0;display:inline-flex;vertical-align:top}
.wordmark-star .pw-glyph{width:15px;height:15px;color:#c0a496;stroke-width:1.4}
.ticker-inner [data-pw-icon]{display:flex;align-items:center;justify-content:center;min-width:16px}
.ticker-inner [data-pw-icon] .pw-glyph{width:17px;height:17px;color:#b99e8b;stroke-width:1.3;filter:none}
.footer-flourish [data-pw-icon]{position:absolute;right:0;top:0;width:33px;height:33px;display:block}
.footer-flourish [data-pw-icon] .pw-glyph{color:#dfcdbf;width:33px;height:33px;stroke-width:1.3}
.footer-flourish [data-pw-icon] .paper{fill:#d3c1b6}
@media(max-width:800px){
 .occasion-sticker{width:43px;height:43px}
 .step-art{width:105px;height:105px}
 .step-art .pw-glyph{width:72px;height:72px}
}
@media(max-width:540px){
 .occasion-sticker{top:9px;right:9px;width:39px;height:39px;border-radius:12px}
 .occasion-sticker .pw-glyph{width:27px;height:27px}
 .step-art{height:87px;width:87px;border-radius:24px;margin:11px auto 22px}
 .step-art .pw-glyph{width:62px;height:62px}
 .format-picks .format-icon{width:59px;height:59px;border-radius:17px}
 .format-picks .format-icon .pw-glyph{width:45px;height:45px}
 .pick-card:has(.pick-occasion-top){min-height:143px;gap:7px}
 .pick-card .pick-occasion-icon{width:37px;height:37px}
 .pick-card .pick-occasion-icon svg{width:25px;height:25px}
 .pick-card:has(.pick-occasion-top)>strong{font-size:16px}
 .wordmark-star .pw-glyph{width:14px;height:14px}
}
/* End: pictogram system */