/* Editorial layer over the original FocusPoint palette. */
:root{--paper:#f5f5f5;--ink:#2a363b;--steel:#355c7d;--teal:#4ecdc4}
.intro{padding:34px 0 27px}.intro p{max-width:710px}.intro p span{font-weight:700;color:var(--ink)}
.toolbar{position:sticky;top:0;z-index:10}.controls{display:grid;grid-template-columns:minmax(220px,2fr) repeat(4,minmax(125px,1fr)) auto;gap:8px}.searchwrap input{font-size:1rem}.control{min-width:0}.controls select{font-size:.9rem}
.discovery{padding:31px 0 10px}.section-heading{display:flex;align-items:end;justify-content:space-between;gap:25px;margin-bottom:16px}.section-heading h2{font-size:clamp(1.5rem,2.5vw,2.25rem);letter-spacing:-.045em;margin:5px 0 0;color:var(--slate)}.section-heading p:last-child{color:#607077;font-size:.9rem;margin:0 0 3px}.collections{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}.collection{text-align:left;border:1px solid #d7e0e2;background:#ffffffa8;border-radius:14px;padding:15px 17px;display:flex;flex-direction:column;gap:5px;color:var(--ink);min-height:113px;transition:background .18s,border-color .18s}.collection:hover,.collection.selected{border-color:#5d9a99;background:#e9f7f5}.collection span{font-size:1rem;font-weight:700;letter-spacing:-.02em}.collection small{font-size:.82rem;line-height:1.35;color:#637177}.collection b{font-size:.74rem;color:#376b69;margin-top:auto;font-weight:650}.collection:focus-visible{outline:3px solid var(--teal)}
.resultsline{scroll-margin-top:100px}.active-filters{display:flex;flex-wrap:wrap;align-items:center;gap:7px;color:#55666b;font-size:.84rem;margin:0 0 11px}.active-filters:empty{display:none}.active-chip{border:1px solid #d0dfe2;border-radius:30px;padding:5px 10px;background:white;color:#355c7d}.active-filters button{border:0;background:transparent;color:#1e6562;text-decoration:underline;text-underline-offset:3px;padding:5px}
.grid[hidden],.empty[hidden]{display:none!important}.grid{gap:12px}.card{display:flex;flex-direction:column;backdrop-filter:none;background:#fff;border:1px solid #dbe3e5;box-shadow:0 3px 10px #24435b0d;transition:transform .16s,box-shadow .16s,border-color .16s}.card:hover{transform:translateY(-2px);box-shadow:0 9px 23px #24435b1c}.card.studied{border-color:#9bbfbc;background:#fbfefd}.card.studied:hover{border-color:#3d8984}.art{background:linear-gradient(135deg,#e9f0f3,#dce7ec 56%,#f3f5f5)!important;border:1px solid #dae4e7}.art img{max-width:100%;filter:none}.cardbody{flex:1;display:flex;flex-direction:column;gap:6px;padding:13px 10px 10px}.card h2{font-size:1rem;line-height:1.25;margin:0}.card-meta{font-size:.78rem;line-height:1.4;margin:0;color:#566970}.study-badge{align-self:flex-start;margin:0 0 2px;padding:3px 8px;font-size:.69rem;background:#e0f2ef;border-color:#b6d9d4;color:#205b57}.card-traits{display:flex;gap:4px;flex-wrap:wrap;margin:4px 0}.card-traits span{font-size:.7rem;color:#526971;background:#eef2f3;border-radius:4px;padding:3px 5px}.card-action{margin-top:auto;padding-top:9px;color:#376a70;font-size:.77rem;font-weight:700}.card.studied .card-action{color:#176661}
.detail-art{background:linear-gradient(135deg,#e8f0f2,#dbe7ec 58%,#f4f6f6);border-color:#d8e3e7}.detail-heading{background:#f7faf9}.panel{background:#f7f9f8;border-color:#fff}.study-body{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:0 32px;padding:20px 38px 10px}.study-section{border-top:1px solid #d9e3e3;padding:24px 0 28px;min-width:0}.study-section h3{font-size:.75rem;letter-spacing:.09em;text-transform:uppercase;color:#3a7774;margin:0 0 13px}.study-section p{font-size:1rem;color:#33474d;line-height:1.65;margin:0 0 11px}.study-section p:last-child{margin-bottom:0}.study-section .editorial-note{font-size:.81rem;color:#718187}.study-section.takeaway{grid-column:1/-1;background:#eaf4f1;border:1px solid #d2e6df;border-radius:14px;padding:22px 25px;margin-bottom:16px}.study-section.takeaway p{font-size:1.1rem;max-width:710px;letter-spacing:-.01em}.snapshot{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin:0 0 14px}.snapshot div{min-width:0}.snapshot dt{font-size:.76rem;color:#697a7e}.snapshot dd{font-size:.94rem;font-weight:650;color:#2e464d;margin:2px 0 0;overflow-wrap:anywhere}.trait-row{display:flex;flex-direction:column;gap:3px;margin:0 0 12px;color:#344b51;font-size:.91rem}.trait-row strong{font-size:.8rem;color:#64767b}.palette-label{font-size:.8rem;color:#65787d;margin:17px 0 8px}.standard-body{padding:20px 38px;display:grid;grid-template-columns:1fr 1fr;gap:0 32px}.source{margin:0 38px 22px}.study-cta{border-top:1px solid #dbe5e5;padding:26px 38px 34px;display:flex;align-items:end;justify-content:space-between;gap:25px}.study-cta p{font-size:1.14rem;line-height:1.4;letter-spacing:-.02em;margin:0}.study-cta a{font-size:.94rem;color:#216964;font-weight:700;text-underline-offset:4px;white-space:nowrap}.source small{max-width:740px}.foot{align-items:start}.foot span:last-child{max-width:690px}.foot span:first-child{line-height:2}
@media(max-width:1180px){.controls{grid-template-columns:repeat(3,minmax(0,1fr))}.searchwrap{grid-column:span 2}.surprise{grid-column:auto}}
@media(max-width:800px){.collections{grid-template-columns:repeat(2,minmax(0,1fr))}.section-heading p:last-child{max-width:220px}}
@media(max-width:650px){.controls{grid-template-columns:repeat(2,minmax(0,1fr))}.searchwrap{grid-column:1/-1}.surprise{grid-column:1/-1}.toolbar{position:relative}.section-heading{display:block}.section-heading p:last-child{margin-top:8px}.discovery{padding-top:23px}.collections{display:flex;overflow-x:auto;scroll-snap-type:x mandatory;padding-bottom:10px}.collection{flex:0 0 min(78vw,260px);scroll-snap-align:start}.cardbody{padding:11px 7px}.card-traits span{font-size:.66rem}.card-action{font-size:.72rem}.study-body,.standard-body{grid-template-columns:1fr;padding:12px 23px}.study-section.takeaway{grid-column:auto}.source{margin:0 23px 20px}.study-cta{padding:24px 23px;display:block}.study-cta a{display:inline-block;margin-top:15px;white-space:normal}.resultsline{scroll-margin-top:10px}}
@media(prefers-reduced-motion:reduce){.collection,.card{transition:none}}
.empty:not([hidden]){display:block}.signal-row{margin-bottom:12px}.signal-row strong{display:block;font-size:.8rem;color:#447875;margin-bottom:3px}.signal-row p{margin:0}

/* The displayed artwork remains unmodified; every panel uses the same light treatment. */
.card .art,.detail-art{background:linear-gradient(135deg,#edf3f4,#dce8eb 58%,#f5f7f7)!important}
.card[data-brand="spotify"] .art,.detail-art[data-brand="spotify"]{background:#fff!important}
.card[data-brand="spotify"] .art img,.card[data-brand="japanairlines"] .art img,.card[data-brand="ebay"] .art img{width:min(88%,190px)}

/* Section-level CTA; exploratory links retain their editorial treatment. */
.outline-cta{display:inline-flex;align-items:center;justify-content:center;min-height:44px;width:max-content;max-width:100%;padding:10px 18px;border:1px solid var(--slate);border-radius:6px;background:transparent;color:var(--slate)!important;text-decoration:none;font-weight:700;line-height:1.35;text-align:center;transition:background-color .18s ease,color .18s ease}
.outline-cta:hover{background:var(--slate);color:var(--soft-white)!important}
.outline-cta:focus-visible{background:var(--slate);color:var(--soft-white)!important;outline:3px solid #168078;outline-offset:3px}
@media(prefers-reduced-motion:reduce){.outline-cta{transition:none}}