/* Product research: a quiet index beside an information-rich, readable canvas. */
html[data-ui-theme] #main .xd-selection-detail { display:grid;grid-template-columns:176px minmax(0,1fr);gap:40px;max-width:1320px;padding-block:30px 56px;align-items:start; }
.xd-product-index { position:sticky;top:108px;min-width:0; }
.xd-back-link { display:inline-flex;align-items:center;min-height:44px;font-size:13px;color:var(--action); }
html[data-ui-theme] #main .xd-product-index h2 { font-size:14px;line-height:1.6;margin:20px 0 10px;font-weight:600; }
.xd-product-index nav { display:grid;gap:4px; }
.xd-product-index nav a { display:flex;align-items:center;gap:13px;min-height:46px;padding:8px 12px;border-left:2px solid transparent;color:var(--muted);font-size:13px; }
.xd-product-index nav a span { font-size:11px;opacity:.7;font-variant-numeric:tabular-nums; }
.xd-product-index nav a[aria-current] { background:color-mix(in srgb,var(--action) 7%,transparent);border-color:var(--action);color:var(--action);font-weight:600; }
.xd-product-main { min-width:0; }
.xd-product-main > [id] { scroll-margin-top:110px; }
.xd-product-heading { padding:0 0 26px;border-bottom:1px solid var(--line); }
.xd-product-heading .xd-breadcrumb { margin-bottom:20px;font-size:12px; }
.xd-product-title-line { display:flex;align-items:center;gap:20px;justify-content:space-between; }
.xd-product-category { font-size:12px;line-height:1.8;color:var(--action); }
html[data-ui-theme] #main .xd-product-heading h1 { font-size:34px;line-height:1.4;letter-spacing:-.025em;margin:6px 0 12px; }
.xd-product-heading p { font-size:14px;line-height:1.85;max-width:44em;color:var(--muted);margin:0; }
html[data-ui-theme] #main .xd-product-add { flex:none;border-radius:999px;min-height:44px;padding:10px 22px;font-size:13px; }
.xd-product-facts { display:flex;gap:12px 30px;flex-wrap:wrap;margin-top:24px;font-size:12px;color:var(--muted); }
.xd-product-facts strong { font-size:13px;font-weight:500;margin-left:10px;color:var(--ink); }
.xd-product-section { padding:30px 0;border-bottom:1px solid var(--line); }
.xd-product-section:last-child { border:0; }
.xd-section-title { display:flex;align-items:center;justify-content:space-between;gap:16px;margin-bottom:18px; }
html[data-ui-theme] #main .xd-section-title h2 { font-size:21px;line-height:1.5;margin:0;font-weight:600; }
.xd-section-title > span { font-size:12px;color:var(--muted); }
.xd-product-reasons { display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px;list-style:none;padding:0;margin:0; }
.xd-product-reasons li { padding:18px 20px;background:#fff;border:1px solid var(--line);border-radius:10px; }
.xd-product-reasons li > span { color:var(--action);font-size:24px;font-weight:300;font-variant-numeric:tabular-nums; }
.xd-product-reasons p { font-size:14px;line-height:1.85;margin:12px 0 0;color:var(--ink); }
.xd-evidence-grid { display:grid;grid-template-columns:1fr 1fr;gap:20px; }
.xd-evidence-grid > section { background:#fff;border:1px solid var(--line);border-radius:10px;padding:20px 24px;min-width:0; }
html[data-ui-theme] #main .xd-evidence-grid h3 { font-size:15px;margin:0 0 16px;line-height:1.6; }
.xd-evidence-grid dl { margin:0;display:grid;gap:10px; }
.xd-evidence-grid dl div { display:grid;grid-template-columns:84px minmax(0,1fr);gap:12px;font-size:13px;line-height:1.85; }
.xd-evidence-grid dt { color:var(--muted); }.xd-evidence-grid dd { margin:0; }
.xd-evidence-grid ul { list-style:none;margin:0;padding:0;display:grid;gap:10px; }
.xd-evidence-grid li { display:flex;align-items:center;justify-content:space-between;gap:16px;line-height:1.85;font-size:13px; }
.xd-evidence-grid small { white-space:nowrap;border-radius:4px;padding:1px 8px;color:var(--muted);background:var(--surface,#f1f4f7);font-size:11px; }
.xd-data-caption,.xd-data-source { font-size:12px;line-height:1.85;color:var(--muted);margin:12px 0 0; }
html[data-ui-theme] #main .xd-demo-label { border:1px solid color-mix(in srgb,var(--action) 24%,transparent);color:var(--action);border-radius:4px;padding:3px 9px;white-space:nowrap;font-size:12px; }
.xd-market-toolbar { display:flex;align-items:center;justify-content:space-between;gap:16px;margin:20px 0 0; }
.xd-market-platforms,.xd-market-period { display:flex;gap:5px;flex-wrap:wrap; }
html[data-ui-theme] #main :is(.xd-market-toolbar,.xd-community-boards,.xd-community-topics) button { display:inline-flex;align-items:center;justify-content:center;min-height:40px;border:1px solid transparent;border-radius:6px;padding:8px 12px;background:transparent;font:inherit;font-size:13px;color:var(--muted);cursor:pointer; }
html[data-ui-theme] #main :is(.xd-market-toolbar,.xd-community-boards,.xd-community-topics) button[aria-pressed=true] { color:var(--action);background:color-mix(in srgb,var(--action) 8%,#fff);border-color:color-mix(in srgb,var(--action) 20%,#fff);font-weight:600; }
.xd-market-range { color:var(--muted);font-size:12px;line-height:1.8;margin:12px 0 18px; }
.xd-market-metrics { display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:0;border:1px solid var(--line);border-radius:10px;background:#fff;margin:0 0 22px;padding:20px 0; }
.xd-market-metrics > div { padding:0 22px;border-right:1px solid var(--line); }.xd-market-metrics > div:last-child { border:0; }
.xd-market-metrics dt { font-size:12px;color:var(--muted);line-height:1.8; }
.xd-market-metrics dd { margin:8px 0 0;font-size:30px;line-height:1.2;font-variant-numeric:tabular-nums;letter-spacing:-.025em; }
.xd-market-metrics dd small { font-size:12px;color:var(--muted);font-weight:400;letter-spacing:0;margin-left:6px; }
.xd-sales-charts { display:grid;grid-template-columns:minmax(0,1.6fr) minmax(230px,1fr);gap:20px; }
.xd-sales-charts > section { background:#fff;border:1px solid var(--line);border-radius:10px;padding:22px;min-width:0; }
html[data-ui-theme] #main .xd-sales-charts h3 { font-size:15px;line-height:1.6;margin:0 0 16px; }
.xd-chart-legend { display:flex;gap:12px;flex-wrap:wrap;font-size:11px;color:var(--muted);margin-bottom:12px; }.xd-chart-legend span { display:flex;align-items:center;gap:6px; }
.xd-chart-legend i { display:block;width:16px;border-top:2px solid var(--series); }.xd-chart-legend span:nth-child(2) i { border-top-style:dashed; }.xd-chart-legend span:nth-child(3) i { border-top-style:dotted; }.xd-chart-legend span:nth-child(4) i { border-top-style:double; }
.xd-series-0 { --series:var(--action); }.xd-series-1 { --series:#4c8977; }.xd-series-2 { --series:#9b7e54; }.xd-series-3 { --series:#8277a6; }
.xd-trend-frame { position:relative;padding-left:38px; }.xd-trend-frame svg { display:block;width:100%;height:220px;overflow:visible; }
.xd-chart-y { position:absolute;left:0;top:12px;bottom:0;display:flex;flex-direction:column;justify-content:space-between;font-size:11px;color:var(--muted); }
.xd-chart-grid { stroke:var(--line);stroke-width:1;vector-effect:non-scaling-stroke; }
.xd-trend-line { fill:none;stroke:var(--series);stroke-width:2;vector-effect:non-scaling-stroke; }.xd-trend-line.xd-series-1 { stroke-dasharray:8 4; }.xd-trend-line.xd-series-2 { stroke-dasharray:2 4; }.xd-trend-line.xd-series-3 { stroke-dasharray:12 4 2 4; }
.xd-chart-point { fill:var(--series);stroke:#fff;stroke-width:1;vector-effect:non-scaling-stroke; }
.xd-chart-x { display:flex;justify-content:space-between;padding-left:38px;color:var(--muted);font-size:11px;margin-top:12px; }
.xd-channel-bars { display:grid;gap:20px;padding-top:4px; }.xd-channel-bars > div > div:first-child { display:flex;justify-content:space-between;gap:12px;font-size:12px;margin-bottom:8px; }.xd-channel-bars strong { font-weight:550;font-variant-numeric:tabular-nums; }.xd-channel-bars small { font-size:11px;color:var(--muted);font-weight:400;margin-left:4px; }
.xd-bar-track { height:7px;border-radius:999px;background:var(--surface,#eef2f5);overflow:hidden; }.xd-bar-track i { display:block;height:100%;background:var(--series);border-radius:999px; }.xd-channel-bars .is-dimmed { opacity:.4; }
.xd-sales-table { margin-top:18px;border:1px solid var(--line);border-radius:8px;background:#fff;padding:0 18px; }.xd-sales-table summary { min-height:46px;align-content:center;font-size:13px;color:var(--action);cursor:pointer; }.xd-table-scroll { overflow:auto; }.xd-sales-table table { width:100%;border-collapse:collapse;font-size:12px;margin-bottom:16px; }.xd-sales-table caption { text-align:left;color:var(--muted);padding:8px 0 16px; }.xd-sales-table th,.xd-sales-table td { padding:10px 12px;text-align:left;border-bottom:1px solid var(--line);white-space:nowrap; }.xd-sales-table th { font-weight:500; }
.xd-product-scenes { display:flex;gap:8px;flex-wrap:wrap;margin-bottom:18px; }.xd-product-scenes span { border:1px solid var(--line);border-radius:999px;padding:6px 14px;font-size:12px;background:#fff; }
.xd-practice-links { display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px; }.xd-practice-links a { display:block;min-height:90px;padding:18px 20px;background:#fff;border:1px solid var(--line);border-radius:8px;font-size:14px;color:var(--action); }.xd-practice-links span { display:block;font-size:12px;line-height:1.8;color:var(--muted);margin-top:7px; }
html[data-ui-theme=atelier] #main :is(.xd-product-reasons li,.xd-evidence-grid>section,.xd-market-metrics,.xd-sales-charts>section,.xd-sales-table,.xd-practice-links a) { border-radius:0; }
html[data-ui-theme=studio] #main :is(.xd-product-reasons li,.xd-evidence-grid>section,.xd-market-metrics,.xd-sales-charts>section,.xd-sales-table,.xd-practice-links a) { border-radius:4px; }
/* Community: a dense reading list, with actual hierarchy rather than long tags. */
html[data-ui-theme] #main .feed.xd-community-feed { display:grid;grid-template-columns:190px minmax(0,1fr);gap:18px 24px;align-items:start;max-width:none; }
.xd-community-boards { display:flex;flex-wrap:wrap;gap:6px;grid-column:1/-1;padding-bottom:10px;border-bottom:1px solid var(--line); }
html[data-ui-theme] #main .xd-community-boards button { font-size:14px;min-height:44px;padding-inline:18px; }
.xd-community-topics { min-width:0;position:sticky;top:104px;max-height:calc(100vh - 135px);overflow:auto;padding-right:6px; }
html[data-ui-theme] #main .xd-community-topics h2 { font-size:14px;margin:0 0 12px;line-height:1.8; }
html[data-ui-theme] #main .xd-community-topics > button { width:100%;justify-content:flex-start;margin-bottom:3px; }
.xd-community-topics details { border-bottom:1px solid var(--line);padding:3px 0; }.xd-community-topics summary { display:flex;align-items:center;justify-content:space-between;gap:10px;min-height:44px;cursor:pointer;font-size:13px;color:var(--ink);padding:6px 8px; }.xd-community-topics summary::after { content:'+';color:var(--muted);font-size:16px; }.xd-community-topics details[open] summary::after { content:'−'; }.xd-community-topics small { margin-left:auto;font-size:11px;font-variant-numeric:tabular-nums;color:var(--muted); }
html[data-ui-theme] #main .xd-community-topics details button { justify-content:flex-start;text-align:left;font-size:12px;padding-left:16px;width:100%;min-height:38px; }
.xd-community-topics > p { color:var(--muted);font-size:11px;line-height:1.8;margin:16px 8px; }
.xd-aigc-invite { display:block;color:var(--action);font-size:12px;border-top:1px solid var(--line);padding:18px 8px;margin-top:14px;line-height:1.8; }.xd-aigc-invite span { display:block;color:var(--muted);font-size:11px;margin-top:4px; }
.xd-community-stream { min-width:0; }.xd-community-stream .toolbar { margin:0 0 8px; }.xd-community-stream .result-line { margin:8px 0 12px;font-size:12px; }
.xd-post-search-label { position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%); }
html[data-ui-theme] #main .xd-community-stream .toolbar { display:flex;gap:8px;align-items:center;flex-wrap:wrap; }
html[data-ui-theme] #main .xd-community-stream .toolbar input { min-width:120px;flex:1;min-height:44px;height:44px;padding:10px 14px;font-size:13px; }
html[data-ui-theme] #main .xd-community-stream .toolbar .btn { min-height:44px;padding:9px 15px;font-size:12px;white-space:nowrap; }
html[data-ui-theme] #main .xd-community-feed .feed-post { padding:16px 20px;border:1px solid color-mix(in srgb,var(--line) 75%,transparent);border-radius:8px;margin-bottom:9px;box-shadow:none; }
html[data-ui-theme] #main .xd-community-feed .xd-post-author { margin-bottom:8px;gap:10px; }
html[data-ui-theme] #main .xd-community-feed .xd-author-avatar { width:32px;height:32px;font-size:15px; }
html[data-ui-theme] #main .xd-community-feed .xd-post-author strong { font-size:13px;line-height:1.5; }.xd-community-feed .xd-post-author time { font-size:11px;margin-top:1px; }
html[data-ui-theme] #main .xd-community-feed .card-meta { margin-bottom:4px;gap:6px; }
html[data-ui-theme] #main .xd-community-feed .xd-post-tags .status { font-size:11px;padding:2px 7px;line-height:1.6; }
html[data-ui-theme] #main .xd-community-feed .feed-post h3 { margin:5px 0 6px;font-size:17px;line-height:1.6; }
html[data-ui-theme] #main .xd-community-feed .feed-post > p:not(.xd-post-liked,.xd-post-feedback) { font-size:13px;line-height:1.8;margin:0 0 8px; }
html[data-ui-theme] #main .xd-community-feed .xd-post-liked { display:none; }
html[data-ui-theme] #main .xd-community-feed .post-tools { margin-top:8px;padding-top:3px;gap:4px 22px; }
html[data-ui-theme] #main .xd-community-feed .xd-post-action { font-size:12px;min-height:36px; }
html[data-ui-theme] #main .xd-community-feed > .vl-community-aside { display:none!important; }
.xd-discussion-empty { text-align:center;padding:48px 24px; }.xd-discussion-empty p { font-size:14px;line-height:1.8; }
html[data-ui-theme=atelier] #main .xd-community-feed .feed-post { border-radius:0;border-width:0 0 1px;padding-inline:6px; }
html[data-ui-theme=studio] #main .xd-community-feed .feed-post { border-radius:4px; }
html[data-ui-theme] #main :is(.xd-selection-detail,.xd-community-feed) :is(a,button,summary):focus-visible { outline:2px solid var(--action);outline-offset:3px; }
@media(max-width:1050px) {
 html[data-ui-theme] #main .xd-selection-detail { grid-template-columns:152px minmax(0,1fr);gap:26px; }
 .xd-product-title-line { align-items:flex-start;flex-wrap:wrap; }.xd-product-reasons { gap:12px; }.xd-product-reasons li { padding:16px; }
 .xd-sales-charts { grid-template-columns:minmax(0,1fr); }.xd-channel-bars { grid-template-columns:repeat(2,minmax(0,1fr));gap:22px; }
 .xd-market-metrics > div { padding-inline:14px; }.xd-market-metrics dd { font-size:26px; }
}
@media(max-width:760px) {
 html[data-ui-theme] #main .xd-selection-detail { display:block;padding-block:18px 32px; }
 .xd-product-index { position:static;max-height:none;margin-bottom:22px; }.xd-product-index h2 { display:none; }.xd-product-index nav { display:flex;overflow-x:auto;gap:4px;border-block:1px solid var(--line);padding-block:4px; }.xd-product-index nav a { white-space:nowrap;flex:none;border:0;min-height:44px;padding-inline:12px;border-radius:5px; }.xd-product-index nav a span { display:none; }.xd-back-link { margin-bottom:8px; }
 html[data-ui-theme] #main .xd-product-heading h1 { font-size:28px; }.xd-product-heading .xd-breadcrumb { margin-bottom:16px; }.xd-product-facts { margin-top:18px;gap:10px 18px; }.xd-product-facts strong { margin-left:6px; }
 .xd-product-section { padding-block:25px; }.xd-section-title { align-items:flex-start;flex-wrap:wrap;gap:6px; }.xd-section-title h2 { font-size:20px; }
 .xd-product-reasons,.xd-evidence-grid,.xd-practice-links { grid-template-columns:1fr;gap:12px; }.xd-product-reasons li { display:flex;align-items:center;gap:18px;padding:14px 18px; }.xd-product-reasons p { margin:0; }.xd-product-reasons li > span { font-size:22px; }
 .xd-market-toolbar { flex-wrap:wrap;gap:10px; }.xd-market-platforms { gap:4px; }.xd-market-metrics { grid-template-columns:1fr 1fr;padding:0; }.xd-market-metrics > div { padding:18px;border-bottom:1px solid var(--line); }.xd-market-metrics > div:nth-child(2) { border-right:0; }.xd-market-metrics > div:nth-child(3) { border-bottom:0; }
 .xd-sales-charts > section { padding:18px 16px; }.xd-trend-frame svg { height:190px; }.xd-evidence-grid > section { padding:20px; }
 html[data-ui-theme] #main .feed.xd-community-feed { grid-template-columns:1fr;gap:12px; }
 .xd-community-boards { flex-wrap:nowrap;overflow-x:auto;gap:4px;padding-bottom:8px; }.xd-community-boards button { flex:none;white-space:nowrap; }
 .xd-community-topics { position:static;max-height:280px;padding:10px 0 12px;display:flex;flex-wrap:wrap;gap:5px;border-bottom:1px solid var(--line); }.xd-community-topics h2 { width:100%; }.xd-community-topics details { width:100%; }.xd-community-topics > p { width:100%;margin:8px; }.xd-community-topics .xd-aigc-invite { margin:0;padding:12px 8px;width:100%; }
 html[data-ui-theme] #main .xd-community-topics > button { width:auto;margin:0; }.xd-community-topics details[open] { display:flex;flex-wrap:wrap;gap:4px; }.xd-community-topics summary { width:100%; }.xd-community-topics details button { width:auto!important;min-height:44px!important; }
 html[data-ui-theme] #main .xd-community-feed .feed-post { padding:15px 16px;margin-bottom:8px; }.xd-community-stream .toolbar input { flex-basis:100%!important; }.xd-community-feed .toolbar .btn { flex:1; }
 html[data-ui-theme] #main .xd-community-feed .xd-post-action { min-height:44px; }.xd-community-feed .post-tools { gap:4px 14px!important; }
 html[data-ui-theme] #main .xd-market-toolbar button { min-height:44px; }
}