.occasion-tiles{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}
.occasion-tile{box-sizing:border-box;display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.05fr);align-items:center;gap:12px;min-width:0;min-height:152px;padding:12px 16px;border-radius:16px;background:#EDE5D8;color:var(--wl-navy,#1C2B4A)}
.occasion-tile[data-tone=teacher]{background:#ADD4D0}.occasion-tile[data-tone=coach],.occasion-tile[data-tone=marathon]{background:var(--wl-aqua,#D1E8EC)}.occasion-tile[data-tone=farewell]{background:#C3D6D5}.occasion-tile[data-tone=grandad]{background:#EDE5D8}
.occasion-tile-copy{min-width:0}.occasion-tile h2{font-family:Manrope,Arial,sans-serif;font-size:clamp(21px,1.8vw,25px);font-weight:800;line-height:1.1;letter-spacing:-.035em;margin:0 0 7px;color:var(--wl-navy)}.occasion-tile p{font-size:15px;line-height:1.4;margin:0;color:var(--wl-navy)}
.occasion-tile-cta{box-sizing:border-box;display:inline-flex;align-items:center;min-height:44px;max-width:100%;margin-top:9px;padding:8px 12px;border:1px solid var(--wl-turquoise,#138C9D);border-radius:10px;background:var(--wl-aqua,#D1E8EC);color:var(--wl-navy,#1C2B4A);font-size:14px;line-height:1.35;font-weight:700;text-decoration:none}
.occasion-tile-cta:hover{background:var(--wl-cream,#FAF9F5);color:var(--wl-navy);text-decoration:none}.occasion-tile-cta:focus-visible,.all-occasions:focus-visible{outline:3px solid var(--wl-turquoise);outline-offset:4px}
.occasion-character{display:block;width:100%;height:128px;object-fit:contain;object-position:center;min-width:0}
.all-occasions{border:0;background:transparent;color:var(--wl-navy);padding:10px 0;min-height:44px;font:inherit;cursor:pointer;text-decoration:underline;text-underline-offset:4px}#browse-panel>h2{font-size:28px;margin:10px 0 16px}.occasion-compact-menu{list-style:none;padding:0;margin:0;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:0 28px}.occasion-compact-menu a{display:flex;flex-direction:column;gap:5px;padding:18px 4px;border-bottom:1px solid #dce4e7;text-decoration:none;color:var(--wl-navy)}.occasion-compact-menu strong{font-size:19px}.occasion-compact-menu span{font-size:15px;line-height:1.4}.occasion-compact-menu a:hover strong{text-decoration:underline}

@media(max-width:700px){.occasion-tiles{grid-template-columns:minmax(0,1fr);gap:10px}.occasion-tile{grid-template-columns:minmax(0,1fr) minmax(0,.95fr);gap:9px;padding:10px 12px;min-height:140px;border-radius:14px}.occasion-tile h2{font-size:21px;margin-bottom:6px}.occasion-tile p{font-size:14px;line-height:1.4}.occasion-tile-cta{font-size:14px;padding:8px 10px}.occasion-character{height:118px}.occasion-compact-menu{grid-template-columns:minmax(0,1fr)}}
@media(max-width:360px){.occasion-tile{gap:7px;padding:11px}.occasion-tile h2{font-size:20px}.occasion-character{height:118px}}