/* Iconic status (Jake 2026-11-08, /mockups/iconic-status/): B the edition line above the name, C the Iconic card
   under the action row, C's edition tag with a star on every card. The gold is the homepage Iconic Lists tile's. */
.ic-gold{background:linear-gradient(100deg,#FFE7B0 0%,#FFFFFF 22%,#F5D08A 46%,#F7B5FF 72%,#FFE7B0 100%);background-size:220% 100%;-webkit-background-clip:text;background-clip:text;color:transparent;-webkit-text-fill-color:transparent;animation:icFlow 9s linear infinite;padding-bottom:.06em}
@keyframes icFlow{to{background-position:-220% 0}}

/* B: the edition line */
.ic-edl{display:inline-flex;align-items:center;gap:8px;max-width:100%;text-decoration:none;font:700 14px/1.3 -apple-system,BlinkMacSystemFont,"SF Pro Display","Inter",sans-serif;letter-spacing:-.01em;white-space:nowrap}
.ic-edl i{width:16px;height:16px;flex:none;background:radial-gradient(circle at 35% 30%,#FFF3D6,#F0D68A 45%,#C9A558);-webkit-mask:url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><path d="M12 3c.7 5.4 3.6 8.3 9 9-5.4.7-8.3 3.6-9 9-.7-5.4-3.6-8.3-9-9 5.4-.7 8.3-3.6 9-9z"/></svg>') center/contain no-repeat;mask:url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><path d="M12 3c.7 5.4 3.6 8.3 9 9-5.4.7-8.3 3.6-9 9-.7-5.4-3.6-8.3-9-9 5.4-.7 8.3-3.6 9-9z"/></svg>') center/contain no-repeat}
.pp-hero-head>.ic-edl{display:flex;width:max-content;margin-top:12px}
.pp-hero-head>.ic-edl+.pp-h1{margin-top:8px}

/* C: the Iconic card */
.ic-card{display:block;position:relative;box-sizing:border-box;width:100%;margin:0 0 26px;padding:20px 18px 16px;border-radius:20px;overflow:hidden;isolation:isolate;border:1px solid rgba(240,214,138,.24);background:#0e0c08;text-align:center;text-decoration:none;color:inherit}
.ic-card::before{content:"";position:absolute;inset:0;z-index:-1;background:radial-gradient(120% 80% at 50% 0%,rgba(240,214,138,.16),transparent 62%);box-shadow:inset 0 1px 0 rgba(255,231,176,.2);border-radius:inherit}
.ic-card .ic-eb{display:block;font:700 10px/1.3 "Inter",-apple-system,sans-serif;letter-spacing:.32em;text-transform:uppercase;color:#F0D68A}
.ic-card .ic-t{display:block;margin-top:7px;font:700 24px/1.15 -apple-system,BlinkMacSystemFont,"SF Pro Display","Inter",sans-serif;letter-spacing:-.03em}
.ic-card .ic-p{display:block;margin-top:8px;font:400 14px/1.45 "Inter",-apple-system,sans-serif;color:#cfc8b5}
.ic-card .ic-go{display:block;margin-top:10px;font:600 14px/1.3 -apple-system,BlinkMacSystemFont,"Inter",sans-serif;color:#F0D68A}
@media(hover:hover){.ic-card:hover{border-color:rgba(240,214,138,.42)}}
.pp-sec.ic-sec{margin-top:0;padding-top:26px}.pp-sec.ic-sec .ic-card{margin:0}

/* C on cards: the edition tag, with a star. Option A of /mockups/edition-tag/ (Jake 2026-11-08): the list line's type and gold, held still on tiles */
.ic-tag{position:absolute;top:10px;left:10px;z-index:3;display:inline-flex;align-items:center;gap:5px;max-width:calc(100% - 14px);height:26px;padding:0 11px 0 9px;border-radius:999px;background:rgba(14,12,8,.88);box-shadow:inset 0 0 0 1px rgba(240,214,138,.32);font:700 13px/1.3 -apple-system,BlinkMacSystemFont,"SF Pro Display","Inter",sans-serif;letter-spacing:-.01em;white-space:nowrap;pointer-events:none}
.ic-tg{background:linear-gradient(100deg,#FFE7B0 0%,#FFFFFF 22%,#F5D08A 46%,#F7B5FF 72%,#FFE7B0 100%);background-size:220% 100%;-webkit-background-clip:text;background-clip:text;color:transparent;-webkit-text-fill-color:transparent;padding-bottom:.06em}
.ic-tag svg{width:12px;height:12px;flex:none;fill:#F5D08A}
.ic-tag.s{top:7px;left:7px;height:22px;padding:0 8px 0 7px;gap:4px;font-size:11px}
.ic-tag.s svg{width:10px;height:10px}
.sx-t .ic-tag{top:7px;left:7px}
.sx-tag~.ic-tag{top:32px}
.xm-ph .ic-tag{top:8px;left:8px}
.xm-pp~.ic-tag{top:40px}
@media(min-width:700px){.sx-t .ic-tag{top:11px;left:11px}.sx-tag~.ic-tag{top:40px}}
@media(prefers-reduced-motion:reduce){.ic-gold{animation:none}}