/* CircleTrust — Discovery for the 90% · Production V1.
   Finite, manual shelves from real Community content. No autoplay/feed mechanics. */


.d90-home{margin-top:34px;padding-top:30px;border-top:1px solid var(--ct-line)}
.d90-home-head,.d90-browse-head{display:flex;align-items:end;justify-content:space-between;gap:24px}
.d90-kicker,.d90-lane-kicker{font:850 .65rem/1.2 var(--ct-font-ui);letter-spacing:.13em;text-transform:uppercase;color:var(--ct-sub)}
.d90-home-head h2,.d90-browse-head h2{margin:6px 0 6px;font:500 clamp(1.75rem,3vw,2.45rem)/1.08 var(--ct-font-display);letter-spacing:-.025em;color:var(--ct-ink)}
.d90-home-head p,.d90-browse-head p{margin:0;max-width:72ch;font:500 .84rem/1.55 var(--ct-font-ui);color:var(--ct-sub)}
.d90-home-head>button,.d90-browse-foot button{flex:0 0 auto;border:1px solid var(--ct-line);border-radius:999px;background:var(--ct-paper);color:var(--ct-ink);padding:10px 14px;font:800 .76rem var(--ct-font-ui);cursor:pointer;box-shadow:0 5px 15px color-mix(in srgb,var(--ct-ink) 5%,transparent)}
.d90-home-head>button:hover,.d90-browse-foot button:hover{border-color:var(--ct-ink);transform:translateY(-1px)}

.d90-home-lanes{display:grid;gap:28px;margin-top:28px}
.d90-lane{min-width:0}.d90-lane-head{display:flex;align-items:end;justify-content:space-between;gap:16px;margin-bottom:12px}
.d90-lane-head h3{margin:5px 0 0;font:600 clamp(1.25rem,2vw,1.65rem)/1.15 var(--ct-font-display);letter-spacing:-.015em;color:var(--ct-ink)}
.d90-lane-controls{display:flex;align-items:center;gap:8px;color:var(--ct-sub);font:800 .65rem var(--ct-font-ui)}
.d90-lane-controls button,.d90-stage-arrow{width:36px;height:34px;border:1px solid var(--ct-line);border-radius:999px;background:var(--ct-paper);color:var(--ct-ink);font:800 1.05rem/1 var(--ct-font-ui);cursor:pointer;box-shadow:0 4px 12px color-mix(in srgb,var(--ct-ink) 5%,transparent)}
.d90-lane-controls button:hover,.d90-stage-arrow:hover{border-color:var(--ct-ink)}

.d90-track{display:grid;grid-auto-flow:column;grid-auto-columns:minmax(270px,32%);gap:16px;overflow-x:auto;overscroll-behavior-inline:contain;scroll-snap-type:x mandatory;scrollbar-width:thin;padding:3px 3px 12px;margin:0 -3px}
.d90-track--browse{grid-auto-columns:minmax(280px,32%);padding:3px 4px 14px}
.d90-card{scroll-snap-align:start;display:flex;flex-direction:column;min-width:0;min-height:100%;overflow:hidden;border:1px solid var(--ct-line);border-radius:16px;background:var(--ct-paper);box-shadow:0 8px 22px color-mix(in srgb,var(--ct-ink) 6%,transparent);cursor:pointer}
.d90-card:focus-visible{outline:2px solid var(--ct-ink);outline-offset:3px}
.d90-card-media{position:relative;height:146px;overflow:hidden;background:color-mix(in srgb,var(--ct-ink) 5%,var(--ct-paper));border-bottom:1px solid var(--ct-line)}
.d90-card-media img{display:block;width:100%;height:100%;object-fit:cover}
.d90-card-media--mono{display:flex;align-items:center;justify-content:center;background:linear-gradient(145deg,color-mix(in srgb,var(--ct-accent) 14%,var(--ct-paper)),color-mix(in srgb,var(--ct-ink) 7%,var(--ct-paper)))}
.d90-card-media--mono span{font:600 3.15rem/1 var(--ct-font-display);letter-spacing:-.06em;color:color-mix(in srgb,var(--ct-ink) 32%,transparent)}
.d90-card-copy{display:flex;flex:1;flex-direction:column;padding:18px}
.d90-card-eyebrow{font:850 .61rem/1.2 var(--ct-font-ui);letter-spacing:.115em;text-transform:uppercase;color:var(--ct-sub)}
.d90-card h3{margin:7px 0 0;font:600 1.28rem/1.18 var(--ct-font-display);letter-spacing:-.012em;color:var(--ct-ink)}
.d90-card-copy>p{display:-webkit-box;overflow:hidden;-webkit-box-orient:vertical;-webkit-line-clamp:2;margin:9px 0 0;color:var(--ct-sub);font:500 .79rem/1.48 var(--ct-font-ui)}
.d90-card-meta{margin-top:10px;color:var(--ct-sub);font:650 .7rem/1.4 var(--ct-font-ui)}
.d90-card-evidence{align-self:flex-start;margin-top:12px;padding:6px 9px;border:1px solid var(--ct-line);border-radius:999px;background:color-mix(in srgb,var(--ct-base) 76%,var(--ct-paper));color:var(--ct-ink);font:750 .65rem/1.2 var(--ct-font-ui)}
.d90-card--business .d90-card-evidence{border-style:dashed;color:var(--ct-sub)}
.d90-card-bottom{display:flex;flex-direction:column;align-items:stretch;gap:11px;margin-top:auto;padding-top:15px}
.d90-open{align-self:flex-start;border:0;border-bottom:2px solid var(--ct-ink);background:transparent;color:var(--ct-ink);padding:3px 0;font:850 .72rem var(--ct-font-ui);cursor:pointer}
.d90-actions{display:flex;flex-wrap:wrap;gap:7px}.d90-actions.is-compact{gap:6px}
.d90-action{min-height:34px;border:1px solid var(--ct-line);border-radius:999px;background:var(--ct-paper);color:var(--ct-ink);padding:7px 10px;font:800 .65rem/1.1 var(--ct-font-ui);cursor:pointer}
.d90-action:hover{border-color:var(--ct-ink)}
.d90-action.is-saved,.d90-action.is-planned,.d90-action.is-loved{border-color:color-mix(in srgb,var(--ct-ink) 32%,var(--ct-line));background:color-mix(in srgb,var(--ct-base) 70%,var(--ct-paper))}
.d90-action.is-loved{box-shadow:inset 0 0 0 1px color-mix(in srgb,#9a2f3e 28%,transparent)}
.d90-action:disabled{opacity:.55;cursor:wait}
.d90-card--radar{border-color:color-mix(in srgb,var(--ct-accent) 28%,var(--ct-line))}
.d90-state-badges{display:flex;flex-wrap:wrap;gap:6px;margin-top:12px}.d90-state{padding:6px 9px;border:1px solid var(--ct-line);border-radius:999px;color:var(--ct-ink);font:800 .64rem var(--ct-font-ui)}
.d90-state.is-planned{background:color-mix(in srgb,var(--ct-accent) 10%,var(--ct-paper))}.d90-state.is-loved{background:color-mix(in srgb,#9a2f3e 9%,var(--ct-paper))}
.d90-empty{scroll-snap-align:start;display:flex;min-height:220px;flex-direction:column;justify-content:center;gap:7px;padding:26px;border:1px dashed var(--ct-line);border-radius:16px;background:color-mix(in srgb,var(--ct-paper) 76%,transparent);color:var(--ct-sub);font:500 .8rem/1.5 var(--ct-font-ui)}
.d90-empty strong{color:var(--ct-ink);font:600 1.15rem/1.2 var(--ct-font-display)}
.d90-status{min-height:20px;margin-top:8px;font:750 .72rem var(--ct-font-ui);color:var(--ct-sub)}.d90-status[data-kind="error"]{color:#8f3d35}.d90-status[data-kind="ok"]{color:var(--ct-ink)}

.d90-browse{max-width:1240px;margin:4px auto 28px;padding:26px 28px;border:1px solid var(--ct-line);border-radius:20px;background:color-mix(in srgb,var(--ct-paper) 88%,var(--ct-base));box-shadow:0 10px 30px color-mix(in srgb,var(--ct-ink) 5%,transparent)}
.d90-browse-count{flex:0 0 auto;color:var(--ct-sub);font:800 .68rem var(--ct-font-ui)}
.d90-browse-tabs{display:flex;flex-wrap:wrap;gap:8px;margin-top:20px}.d90-browse-tabs button{display:inline-flex;align-items:center;gap:8px;min-height:40px;border:1px solid var(--ct-line);border-radius:999px;background:var(--ct-paper);color:var(--ct-ink);padding:8px 13px;font:800 .72rem var(--ct-font-ui);cursor:pointer}
.d90-browse-tabs button b{display:grid;min-width:21px;height:21px;place-items:center;border-radius:999px;background:color-mix(in srgb,var(--ct-ink) 8%,transparent);font-size:.63rem}.d90-browse-tabs button.active{background:var(--ct-ink);color:var(--ct-paper);border-color:var(--ct-ink)}.d90-browse-tabs button.active b{background:color-mix(in srgb,var(--ct-paper) 18%,transparent)}
.d90-browse-stage{display:grid;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:10px;margin-top:14px}.d90-stage-arrow{position:relative;z-index:2}.d90-browse-foot{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-top:10px;padding-top:14px;border-top:1px solid var(--ct-line);color:var(--ct-sub);font:650 .7rem/1.4 var(--ct-font-ui)}


@media(max-width:980px){.d90-track,.d90-track--browse{grid-auto-columns:minmax(270px,48%)}}
@media(max-width:720px){
  .d90-home-head,.d90-browse-head,.d90-browse-foot{align-items:flex-start;flex-direction:column}
.d90-home-head>button,.d90-browse-foot button{width:100%}
  .d90-track,.d90-track--browse{grid-auto-columns:minmax(260px,88%)}
  .d90-lane-controls span{display:none}.d90-browse{margin:0 12px 24px;padding:22px 16px}.d90-browse-stage{grid-template-columns:1fr}.d90-stage-arrow{display:none}
  .d90-browse-tabs{flex-wrap:nowrap;overflow-x:auto;padding-bottom:5px}.d90-browse-tabs button{flex:0 0 auto}
}
@media(prefers-reduced-motion:reduce){.d90-track{scroll-behavior:auto}.d90-home-head>button:hover{transform:none}}