.lx-placement-detail { padding: 8px 0 80px; }.lx-breadcrumb { display: flex; gap: 10px; margin-bottom: 20px; color: var(--lx-slate-500); }.lx-detail-hero { display: grid; grid-template-columns: 72px 1fr auto; gap: 20px; align-items: center; margin-bottom: 20px; }.lx-detail-hero h1 { margin: 3px 0; font-size: clamp(2rem,4vw,3rem); }.lx-detail-hero p { margin: 0; color: var(--lx-slate-500); }.lx-detail-badges{display:flex;flex-wrap:wrap;gap:6px;margin-top:10px}.lx-detail-badges span{padding:4px 8px;border-radius:999px;color:var(--lx-slate-700);background:var(--lx-slate-100);font-size:.72rem;font-weight:700}.lx-detail-badges span:first-child{color:var(--lx-green-700);background:#e8f7f3}.lx-site-avatar { display: grid; width: 72px; height: 72px; place-items: center; border-radius: 18px; color: var(--lx-white); background: linear-gradient(145deg,var(--lx-blue-700),#60a5fa); font-size: 2rem; font-weight: 800; }.lx-detail-tabs{display:flex;gap:22px;overflow-x:auto;margin-bottom:20px;border-bottom:1px solid var(--lx-slate-200)}.lx-detail-tabs a{flex:0 0 auto;padding:10px 2px;border-bottom:2px solid transparent;color:var(--lx-slate-600)!important;font-weight:700;text-decoration:none}.lx-detail-tabs a:hover{border-color:var(--lx-blue-600);color:var(--lx-blue-700)!important}.lx-detail-layout { display: grid; grid-template-columns: minmax(0,1fr) 320px; gap: 24px; align-items: start; }.lx-detail-content { display: grid; min-width: 0; gap: 20px; }.lx-detail-card,.lx-purchase-card,.lx-state-card { padding: 24px; border: 1px solid var(--lx-slate-200); border-radius: 16px; background: var(--lx-white); box-shadow: var(--lx-shadow-sm); }.lx-detail-card{min-width:0;scroll-margin-top:90px}.lx-detail-card h2 { margin-top: 0; }.lx-card-heading{display:flex;align-items:start;justify-content:space-between;gap:16px}.lx-card-heading>span{padding:4px 8px;border-radius:999px;color:var(--lx-slate-600);background:var(--lx-slate-100);font-size:.72rem;font-weight:700}.lx-live-preview { overflow: hidden; border: 1px solid var(--lx-slate-200); border-radius: 12px; background: var(--lx-slate-50); }.lx-preview-browser { display: flex; align-items: center; gap: 6px; min-height: 38px; padding: 0 12px; border-bottom: 1px solid var(--lx-slate-200); background: var(--lx-white); }.lx-preview-browser span { width: 7px; height: 7px; border-radius: 50%; background: var(--lx-slate-300); }.lx-preview-browser strong { margin-left: 8px; font-size: .8rem; }.lx-preview-page { display: grid; gap: 18px; padding: clamp(20px,5vw,48px); }.lx-preview-copy { display: grid; gap: 7px; }.lx-preview-copy i { display: block; height: 8px; border-radius: 4px; background: var(--lx-slate-200); }.lx-preview-copy i:nth-child(2){width:82%}.lx-preview-copy i:nth-child(3){width:68%}.lx-preview-slot { display: grid; min-height: 100px; place-items: center; padding: 18px; border: 2px dashed var(--lx-blue-300); border-radius: 10px; color: var(--lx-blue-700); background: var(--lx-blue-50); font-weight: 800; text-align: center; }.lx-live-preview[data-preview-format="link"] .lx-preview-slot { min-height: 48px; }.lx-data-note { color: var(--lx-slate-500); font-size: .86rem; }.lx-detail-facts { display: grid; grid-template-columns: repeat(3,1fr); gap: 1px; overflow: hidden; margin: 0; border-radius: 10px; background: var(--lx-slate-200); }.lx-detail-facts div { padding: 16px; background: var(--lx-white); }.lx-detail-facts dt { color: var(--lx-slate-500); font-size: .78rem; }.lx-detail-facts dd { margin: 4px 0 0; font-weight: 750; }.lx-audience-grid { display: grid; grid-template-columns: repeat(3,1fr); gap: 12px; }.lx-audience-grid div { display: grid; gap: 4px; padding: 16px; border-radius: 10px; background: var(--lx-slate-50); }.lx-audience-grid span { color: var(--lx-slate-500); font-size: .8rem; }.lx-purchase-card { position: sticky; top: 88px; display: grid; gap: 14px; scroll-margin-top:90px; }.lx-purchase-card>strong { font-size: 2rem; }.lx-purchase-card small,.lx-checkout-note { color: var(--lx-slate-500); }.lx-checkout-note{margin:0;font-size:.86rem}.lx-legacy-review{border-top:1px solid var(--lx-slate-200);border-bottom:1px solid var(--lx-slate-200);padding:10px 0}.lx-legacy-review summary{min-height:44px;display:flex;align-items:center;cursor:pointer;color:var(--lx-blue-700);font-weight:700}.lx-legacy-review form{padding-top:12px}.lx-purchase-card form { display: grid; gap: 12px; }.lx-purchase-card label { display: grid; gap: 5px; font-size: .82rem; font-weight: 700; }.lx-purchase-card input,.lx-purchase-card select { width: 100%; min-height: 44px; padding: 8px 10px; border: 1px solid var(--lx-slate-300); border-radius: 8px; }.lx-purchase-card [data-copy-status] { min-height: 20px; margin: 0; color: var(--lx-green-700); font-size: .8rem; }.lx-state-page { display: grid; min-height: 55vh; place-items: center; }.lx-state-card { max-width: 520px; text-align: center; }.lx-state-card .btn { margin: 6px; }.lx-state-code { color: var(--lx-blue-600); font-size: 3rem; font-weight: 850; }
@media (max-width: 991.98px) { .lx-detail-layout { grid-template-columns: 1fr; }.lx-purchase-card { position: static; }.lx-detail-facts,.lx-audience-grid { grid-template-columns: repeat(2,1fr); } }
@media (max-width: 575.98px) { .lx-detail-hero { grid-template-columns: 56px 1fr; }.lx-detail-hero>.btn { grid-column: 1/-1; }.lx-site-avatar { width: 56px; height: 56px; }.lx-detail-card,.lx-purchase-card { padding: 18px; }.lx-detail-facts,.lx-audience-grid { grid-template-columns: 1fr; }.lx-preview-page { padding: 20px; } }
.lx-traffic-summary{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;margin:18px 0}.lx-traffic-summary>div{display:grid;gap:3px;padding:15px;border:1px solid #dbe5f1;border-radius:12px;background:#f8fafc}.lx-traffic-summary strong{color:#0f172a;font-size:1.45rem}.lx-traffic-summary span{color:#64748b;font-size:.82rem}.lx-chart-legend{display:flex;flex-wrap:wrap;gap:18px;margin:4px 0 10px;color:#475569;font-size:.86rem;font-weight:700}.lx-chart-legend span::before{content:'';display:inline-block;width:22px;height:3px;margin:0 7px 3px 0;border-radius:3px;background:#2563eb}.lx-traffic-chart{overflow:hidden;border:1px solid #dbe5f1;border-radius:14px;background:#fff}.lx-traffic-chart svg{display:block;width:100%;height:260px}.lx-traffic-chart line{stroke:#cbd5e1;stroke-width:1}.lx-traffic-chart .lx-gridline{stroke:#e2e8f0;stroke-dasharray:5 7}.lx-traffic-chart polyline{fill:none;stroke:#2563eb;stroke-width:3;vector-effect:non-scaling-stroke}.lx-chart-axis{display:flex;justify-content:space-between;padding:0 14px 10px 38px;color:#64748b;font-size:.78rem}.lx-traffic-table{min-width:0;margin-top:18px}.lx-traffic-table summary{display:flex;align-items:center;min-height:44px;cursor:pointer;color:var(--lx-blue-700);font-weight:800}.lx-traffic-table>div{overflow:auto;margin-top:10px;border:1px solid var(--lx-slate-200);border-radius:14px;background:var(--lx-white);box-shadow:var(--lx-shadow-sm)}.lx-traffic-table table{width:100%;min-width:720px;border-collapse:separate;border-spacing:0;font-variant-numeric:tabular-nums}.lx-traffic-table th,.lx-traffic-table td{padding:13px 14px;border-bottom:1px solid var(--lx-slate-200);text-align:right;white-space:nowrap}.lx-traffic-table th{position:sticky;top:0;z-index:1;color:var(--lx-slate-600);background:var(--lx-slate-50);font-size:.72rem;letter-spacing:.035em;text-transform:uppercase}.lx-traffic-table th:first-child,.lx-traffic-table td:first-child{text-align:left}.lx-traffic-table tbody tr:last-child td{border-bottom:0}.lx-traffic-table tbody tr:nth-child(even){background:#f8fbff}.lx-traffic-table tbody tr:hover{background:var(--lx-blue-50)}.lx-traffic-table td:first-child{color:var(--lx-slate-700);font-weight:750}.lx-traffic-table td:last-child{color:var(--lx-blue-700);font-weight:800}
@media (max-width: 575.98px) { .lx-traffic-summary{grid-template-columns:1fr}.lx-traffic-chart svg{height:210px} }

@media (max-width: 991.98px) and (min-width: 576px) { .lx-traffic-summary{grid-template-columns:repeat(2,minmax(0,1fr))} }
.lx-chart-toolbar{display:flex;align-items:flex-start;justify-content:space-between;gap:14px;margin:18px 0 12px}.lx-chart-ranges,.lx-chart-series{display:flex;flex-wrap:wrap;gap:7px}.lx-chart-toolbar button{min-height:38px;padding:7px 11px;border:1px solid #cbd5e1;border-radius:9px;color:#475569;background:#fff;font:inherit;font-size:.78rem;font-weight:750;cursor:pointer}.lx-chart-toolbar button:hover,.lx-chart-toolbar button:focus-visible{border-color:#2563eb;color:#1d4ed8;outline:2px solid transparent}.lx-chart-toolbar button.is-active{border-color:#2563eb;color:#fff;background:#2563eb}.lx-chart-series button::before{content:'';display:inline-block;width:8px;height:8px;margin-right:6px;border-radius:50%;background:#94a3b8}.lx-chart-series button.is-views::before{background:#2563eb}.lx-chart-series button.is-clicks::before{background:#f59e0b}.lx-chart-series button.is-unique-clicks::before{background:#8b5cf6}.lx-traffic-chart{position:relative;touch-action:pan-y}.lx-traffic-chart [data-chart-fallback][hidden]{display:none}.lx-traffic-chart .lx-chart-cursor{stroke:#64748b;stroke-width:1;stroke-dasharray:4 4}.lx-chart-tooltip{position:absolute;z-index:2;display:grid;gap:4px;min-width:166px;padding:10px 12px;border:1px solid #cbd5e1;border-radius:10px;color:#0f172a;background:rgba(255,255,255,.97);box-shadow:0 8px 24px rgba(15,23,42,.14);font-size:.74rem;pointer-events:none;transform:translateX(-50%)}.lx-chart-tooltip[hidden]{display:none}.lx-chart-tooltip b{margin-bottom:2px}.lx-chart-tooltip span{display:flex;align-items:center;gap:5px}.lx-chart-tooltip i{width:7px;height:7px;border-radius:50%;background:var(--series)}
@media (max-width: 767.98px) {.lx-chart-toolbar{display:grid}.lx-chart-ranges,.lx-chart-series{flex-wrap:nowrap;max-width:100%;overflow-x:auto;padding-bottom:3px}.lx-chart-toolbar button{flex:0 0 auto}.lx-chart-tooltip{min-width:148px}}

@media (max-width: 575.98px) {.lx-traffic-table>div{overflow:visible;border:0;border-radius:0;background:transparent;box-shadow:none}.lx-traffic-table table,.lx-traffic-table tbody,.lx-traffic-table tr,.lx-traffic-table td{display:block;width:100%;min-width:0}.lx-traffic-table thead{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}.lx-traffic-table tbody{display:grid;gap:12px}.lx-traffic-table tbody tr{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));overflow:hidden;border:1px solid var(--lx-slate-200);border-radius:14px;background:var(--lx-white);box-shadow:var(--lx-shadow-sm)}.lx-traffic-table tbody tr:nth-child(even),.lx-traffic-table tbody tr:hover{background:var(--lx-white)}.lx-traffic-table td,.lx-traffic-table td:first-child{display:grid;gap:4px;padding:12px 14px;border:0;border-bottom:1px solid var(--lx-slate-100);color:var(--lx-slate-900);font-size:.98rem;font-weight:800;text-align:left;white-space:nowrap}.lx-traffic-table td::before{content:attr(data-label);color:var(--lx-slate-500);font-size:.66rem;font-weight:750;letter-spacing:.04em;text-transform:uppercase}.lx-traffic-table td:first-child{grid-column:1/-1;color:var(--lx-blue-700);background:var(--lx-blue-50);font-size:1rem}.lx-traffic-table td:nth-child(even){border-right:1px solid var(--lx-slate-100)}.lx-traffic-table td:nth-last-child(-n+2){border-bottom:0}.lx-traffic-table td:last-child{color:var(--lx-blue-700)}}

/* Compact placement identity, with the preview kept close to the header. */
.lx-placement-detail .lx-detail-hero{grid-template-columns:48px minmax(0,1fr) auto;gap:14px;margin-bottom:12px;padding:16px;border:1px solid var(--lx-slate-200);border-radius:14px;background:#fff}
.lx-placement-detail .lx-detail-hero h1{font-size:clamp(1.25rem,2.5vw,1.8rem);line-height:1.2;overflow-wrap:anywhere}
.lx-placement-detail .lx-site-avatar{width:48px;height:48px;border-radius:12px;font-size:1.3rem}
.lx-placement-detail .lx-detail-hero p{font-size:.85rem}.lx-placement-detail .lx-detail-badges{margin-top:6px}.lx-placement-detail .lx-breadcrumb{margin-bottom:12px;font-size:.85rem}
@media(max-width:575.98px){.lx-placement-detail .lx-detail-hero{grid-template-columns:40px minmax(0,1fr);padding:12px}.lx-placement-detail .lx-site-avatar{width:40px;height:40px}.lx-placement-detail .lx-detail-hero>.btn{grid-column:1/-1;width:100%}}
