.cotigo-explorer{display:block;color:var(--color-foreground);background:var(--color-background);padding-block:var(--explorer-top) var(--explorer-bottom);--explorer-accent:var(--color-primary-button-background,#29686e);--explorer-soft:color-mix(in srgb,var(--explorer-accent) 7%,var(--color-background,#fff));--explorer-border:color-mix(in srgb,var(--color-foreground,#293637) 18%,transparent)}
.cotigo-explorer--soft{background:var(--explorer-soft)}
.cotigo-explorer__inner{max-width:var(--explorer-width);margin-inline:auto;padding-inline:24px}
.cotigo-explorer__header{margin-bottom:24px}
.cotigo-explorer__heading{font-family:var(--font-h3--family);font-style:var(--font-h3--style);font-weight:var(--font-h3--weight);font-size:2rem;line-height:1.2;letter-spacing:var(--font-h3--letter-spacing);margin:0 0 10px}
.cotigo-explorer__header p{margin:0;font-size:1rem;line-height:1.5}
.cotigo-explorer__choices{display:none;grid-template-columns:repeat(var(--explorer-columns),minmax(0,1fr));gap:12px;margin-bottom:24px}
.cotigo-explorer__choice{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:10px;min-width:0;padding:16px 12px;min-height:128px;border:1px solid var(--explorer-border);border-radius:var(--product-corner-radius,8px);background:transparent;color:inherit;cursor:pointer;font:inherit;line-height:1.35;text-align:center;transition:border-color .15s,background-color .15s}
.cotigo-explorer__choice[aria-pressed=true]{border-color:var(--explorer-accent);background:var(--explorer-soft);box-shadow:inset 0 0 0 1px var(--explorer-accent)}
.cotigo-explorer__choice:hover{border-color:var(--explorer-accent)}
.cotigo-explorer__choice:focus-visible,.cotigo-explorer a:focus-visible{outline:2px solid var(--explorer-accent);outline-offset:4px}
.cotigo-explorer__symbol{display:block;width:var(--explorer-symbol-size);height:var(--explorer-symbol-size);object-fit:contain}
.cotigo-explorer__glyph{font-size:var(--explorer-symbol-size);line-height:1}
.cotigo-explorer__panel{display:grid;grid-template-columns:minmax(180px,280px) minmax(0,1fr);gap:32px;align-items:center;scroll-margin-top:100px}
.cotigo-explorer__panel[hidden]{display:none}
.cotigo-explorer__panel--text{grid-template-columns:1fr}
.cotigo-explorer__artwork{aspect-ratio:1;display:flex;align-items:center;justify-content:center;padding:32px;border-radius:8px;background:var(--explorer-soft)}
.cotigo-explorer__artwork img{display:block;width:100%;height:100%;object-fit:contain}
.cotigo-explorer__artwork.cotigo-explorer__glyph{font-size:120px}
.cotigo-explorer__copy{min-width:0;max-width:68ch}
.cotigo-explorer__copy h3,.cotigo-explorer__guides-header h3,.cotigo-explorer__guide h4{font-family:var(--font-h3--family);font-weight:var(--font-h3--weight);font-style:var(--font-h3--style);line-height:1.3;letter-spacing:var(--font-h3--letter-spacing)}
.cotigo-explorer__copy h3{font-size:1.75rem;margin:0 0 16px}
.cotigo-explorer__meaning,.cotigo-explorer__context{font-size:1rem;line-height:1.65;overflow-wrap:anywhere}
.cotigo-explorer__context{margin-top:16px}
.cotigo-explorer__context p:first-child{margin-top:0}
.cotigo-explorer__actions{display:flex;align-items:center;flex-wrap:wrap;gap:16px 24px;margin-top:20px}
.cotigo-explorer__shop{min-height:44px;border-radius:var(--style-border-radius-buttons-primary,999px);padding:12px 24px;text-align:center;text-decoration:none;white-space:normal;font-size:1rem;line-height:1.4;background:var(--explorer-accent);color:var(--color-primary-button-text,#fff)}
.cotigo-explorer__link{color:var(--color-primary,var(--explorer-accent));text-decoration:underline;text-underline-offset:4px;line-height:1.5;font-size:.9375rem}
.cotigo-explorer__guides{margin-top:32px;padding-top:24px;border-top:1px solid var(--explorer-border)}
.cotigo-explorer__guides-header{display:flex;align-items:baseline;justify-content:space-between;flex-wrap:wrap;gap:12px;margin-bottom:16px}
.cotigo-explorer__guides-header h3{font-size:1.5rem;margin:0}
.cotigo-explorer__guide-list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:24px}
.cotigo-explorer__guide{display:flex;gap:16px;min-width:0}
.cotigo-explorer__guide>a{display:flex;width:140px;height:140px;flex:0 0 140px;border-radius:8px;overflow:hidden}
.cotigo-explorer__guide img{display:block;width:100%;height:100%;object-fit:cover}
.cotigo-explorer__guide>a.cotigo-explorer__guide-symbol{background:var(--explorer-soft);padding:20px}
.cotigo-explorer__guide-symbol img{object-fit:contain}
.cotigo-explorer__guide>div{min-width:0}
.cotigo-explorer__category{font-size:.6875rem;letter-spacing:.12em;text-transform:uppercase;margin:0 0 6px}
.cotigo-explorer__guide h4{font-size:1.25rem;margin:0 0 8px}
.cotigo-explorer__guide h4 a{color:inherit;text-decoration:none}
.cotigo-explorer__excerpt{display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow:hidden;font-size:.875rem;line-height:1.5;margin:0 0 10px}
.cotigo-explorer__empty{padding:20px;margin:20px;border:1px dashed currentColor}
@media(max-width:749px){.cotigo-explorer__inner{padding-inline:20px}.cotigo-explorer__heading{font-size:1.625rem}.cotigo-explorer__header{margin-bottom:20px}.cotigo-explorer__choices{grid-template-columns:repeat(var(--explorer-mobile-columns),minmax(0,1fr));gap:10px;margin-bottom:20px}.cotigo-explorer__choice{padding:12px 8px;min-height:110px;font-size:.875rem;gap:8px}.cotigo-explorer__symbol{width:min(var(--explorer-symbol-size),56px);height:min(var(--explorer-symbol-size),56px)}.cotigo-explorer__panel{grid-template-columns:1fr;gap:20px;scroll-margin-top:84px}.cotigo-explorer__artwork{width:180px;justify-self:center;padding:24px}.cotigo-explorer__copy h3{font-size:1.5rem;margin-bottom:12px}.cotigo-explorer__actions{flex-direction:column;align-items:stretch;gap:14px}.cotigo-explorer__actions>.cotigo-explorer__link{text-align:center}.cotigo-explorer__shop{width:100%}.cotigo-explorer__guides{margin-top:24px;padding-top:20px}.cotigo-explorer__guides-header h3{font-size:1.25rem}.cotigo-explorer__guide-list{grid-template-columns:1fr;gap:20px}.cotigo-explorer__guide>a{width:100px;height:100px;flex-basis:100px}.cotigo-explorer__guide h4{font-size:1.0625rem}.cotigo-explorer__guide{gap:12px}}
@media(prefers-reduced-motion:reduce){.cotigo-explorer__choice{transition:none}}

cotigo-symbol-explorer:defined .cotigo-explorer__choices{display:grid}
cotigo-symbol-explorer:not(:defined) .cotigo-explorer__panel+.cotigo-explorer__panel{margin-top:24px}