.surface-grid{grid-template-columns:1fr;gap:1.25rem;display:grid}@media (width>=768px){.surface-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}.surface-card{border-radius:var(--radius-panel,10px);background:#ffffff08;border:1px solid #ffffff1a;align-content:start;gap:.9rem;padding:1.25rem;display:grid}.surface-card svg{width:100%;max-width:190px;height:auto;margin-inline:auto;display:block}.surface-card h3{color:#fff;margin:0;font-size:1.05rem;font-weight:800}.surface-card p{color:var(--color-text-muted,#c9c9c9);margin:0;font-size:.92rem;line-height:1.6}.freq-strip{grid-template-columns:repeat(6,minmax(0,1fr));gap:.5rem;margin:0;padding:0;list-style:none;display:grid}@media (width>=768px){.freq-strip{grid-template-columns:repeat(12,minmax(0,1fr))}}.freq-strip li{aspect-ratio:9/16;background:#ffffff12;border:1px solid #ffffff14;border-radius:6px}.freq-strip li.is-ad{border-color:var(--color-primary,#54ac58);background:#54ac584d;position:relative;box-shadow:0 0 0 1px #54ac5859}.freq-strip li.is-ad:after{content:"";background:var(--color-primary,#54ac58);border-radius:9999px;width:10px;height:10px;margin:-5px 0 0 -5px;position:absolute;top:50%;left:50%;box-shadow:0 0 12px #54ac58cc}.freq-legend{color:var(--color-text-muted,#c9c9c9);flex-wrap:wrap;gap:.5rem 1.5rem;margin:1rem 0 0;padding:0;font-size:.85rem;list-style:none;display:flex}.freq-legend li{align-items:center;gap:.5rem;display:flex}.freq-legend i{border-radius:3px;flex:none;width:12px;height:12px}.freq-legend .swatch-recipe{background:#ffffff12;border:1px solid #ffffff2e}.freq-legend .swatch-ad{border:1px solid var(--color-primary,#54ac58);background:#54ac5838}.slot-grid{grid-template-columns:1fr;align-items:start;gap:1.25rem;display:grid}@media (width>=900px){.slot-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}.slot{border-radius:var(--radius-panel,10px);background:#ffffff08;border:1px solid #ffffff1a;align-content:start;gap:.9rem;padding:1.5rem;display:grid}.slot.is-crown{background:#54ac5814;border-color:#54ac5880}.slot__name{font-family:var(--font-recipe-title,"Frank Ruhl Libre", serif);color:#fff;margin:0;font-size:1.5rem}.slot__count{letter-spacing:.12em;text-transform:uppercase;color:var(--color-primary,#54ac58);font-size:.78rem;font-weight:800}.slot__price{color:#fff;align-items:baseline;gap:.4rem;display:flex}.slot__price b{font-variant-numeric:tabular-nums;font-size:2rem;font-weight:800;line-height:1}.slot__price span{color:var(--color-text-muted,#c9c9c9);font-size:.9rem}.slot ul{color:#ffffffe0;gap:.5rem;margin:0;padding:0;font-size:.92rem;line-height:1.5;list-style:none;display:grid}.slot li{padding-left:1.4rem;position:relative}.slot li:before{content:"✓";color:var(--color-primary,#54ac58);font-weight:800;position:absolute;left:0}.slot li.is-absent{color:#ffffff6b}.slot li.is-absent:before{content:"—";color:#ffffff4d}.spec-grid{grid-template-columns:1fr;gap:1.25rem;display:grid}@media (width>=768px){.spec-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}.spec-card{border-radius:var(--radius-panel,10px);background:#ffffff08;border:1px solid #ffffff1a;padding:1.5rem}.spec-card h3{color:#fff;margin:0 0 1rem;font-size:1.05rem;font-weight:800}.spec-card dl{grid-template-columns:max-content 1fr;gap:.55rem 1.25rem;margin:0;font-size:.92rem;line-height:1.5;display:grid}.spec-card dt{color:#ffffff80}.spec-card dd{color:#fff;margin:0}@media (width<=520px){.spec-card dl{grid-template-columns:1fr;gap:.15rem 0}.spec-card dd{margin-bottom:.7rem}}.never-list{grid-template-columns:1fr;gap:.7rem;margin:0;padding:0;list-style:none;display:grid}@media (width>=768px){.never-list{grid-template-columns:repeat(2,minmax(0,1fr))}}.never-list li{color:#ffffffe0;padding-left:1.9rem;line-height:1.55;position:relative}.never-list li:before{content:"×";color:#ffffff8c;text-align:center;border:1px solid #ffffff38;border-radius:9999px;width:1.25rem;height:1.25rem;font-weight:800;line-height:1.15rem;position:absolute;top:-.1rem;left:0}