/* The client-facing report. Every colour and font comes from the agent's theme (set as variables on .rpt). */
.rpt{container-type:inline-size;background:var(--bg);color:var(--ink);font-family:var(--bf);font-size:16px;line-height:1.55;-webkit-font-smoothing:antialiased}
.rpt *{box-sizing:border-box}
.rpt .wrap{max-width:760px;margin:0 auto;padding:clamp(18px,4cqi,30px) clamp(16px,4.5cqi,26px) 40px;display:flex;flex-direction:column;gap:clamp(24px,5cqi,34px)}
.rpt h1,.rpt h2{font-family:var(--hf);margin:0;line-height:1.08;text-wrap:balance;letter-spacing:-.02em;font-weight:700}
.rpt h1{font-size:clamp(1.75rem,6.4cqi,2.15rem)}.rpt h2{font-size:clamp(1.25rem,4.4cqi,1.5rem)}
.rpt p{margin:0}
.rpt .eyebrow{font-size:.74rem;letter-spacing:.13em;text-transform:uppercase;color:var(--act);font-weight:700}
.rpt .muted{color:var(--mut)}.rpt .small{font-size:.86rem}
.rpt section{display:flex;flex-direction:column;gap:14px}
.rpt .mast,.rpt .sign{display:flex;flex-direction:column;gap:14px}
.rpt .mast{padding-bottom:18px;border-bottom:1px solid var(--ln)}
.rpt .brandlogo{max-height:54px;max-width:220px;width:auto;height:auto;object-fit:contain;align-self:flex-start}
.rpt .lgtxt{display:flex;align-items:center;gap:8px;color:var(--act);font-family:var(--hf);font-weight:700;letter-spacing:.05em;text-transform:uppercase;font-size:.82rem}
.rpt .lgtxt img{width:26px;height:26px}
.rpt .who{display:flex;gap:16px;align-items:center}
.rpt .av{width:clamp(64px,16cqi,84px);height:clamp(64px,16cqi,84px);border-radius:50%;object-fit:cover;border:2px solid var(--ac);flex:none}
.rpt .who .nm{font-family:var(--hf);font-weight:700;font-size:clamp(1.15rem,4.4cqi,1.4rem);line-height:1.1;letter-spacing:-.01em}
.rpt .who .rl{color:var(--mut);font-size:.92rem}
.rpt .title{display:flex;flex-direction:column;gap:12px}
.rpt .lede{color:var(--mut);max-width:38em}
.rpt .metro{display:grid;grid-template-columns:repeat(var(--n,3),1fr);gap:10px}
.rpt .metro>div{background:var(--tn);border-radius:14px;padding:14px;display:flex;flex-direction:column;gap:2px;min-width:0}
.rpt .num{font-weight:700;font-variant-numeric:tabular-nums;font-size:clamp(1.05rem,3.6cqi,1.3rem);letter-spacing:-.01em;white-space:nowrap}
.rpt .chg{font-variant-numeric:tabular-nums;font-weight:700;font-size:.9rem}
.rpt .chg.up{color:#2f9e68}.rpt .chg.down{color:#d2553b}
.rpt .controls{display:flex;flex-wrap:wrap;gap:12px;align-items:end}
.rpt .field{display:flex;flex-direction:column;gap:5px;flex:1 1 220px;min-width:0}
.rpt label,.rpt .lab{font-size:.82rem;font-weight:600;color:var(--mut);display:block}
.rpt select,.rpt input[type=text]{font:inherit;color:var(--ink);background:var(--bg);border:1px solid var(--ln);border-radius:10px;padding:11px 12px;width:100%;margin-top:5px}
.rpt .seg{display:flex;border:1px solid var(--ln);border-radius:10px;padding:3px;gap:2px;background:transparent;font-size:inherit}
.rpt .seg button{flex:1;font:inherit;font-weight:600;font-size:.95rem;padding:9px 10px;border:0;border-radius:7px;background:transparent;color:var(--ink);cursor:pointer;white-space:nowrap}
.rpt .seg button[aria-pressed=true]{background:var(--ac);color:var(--bt)}
.rpt button:focus-visible,.rpt select:focus-visible,.rpt input:focus-visible,.rpt a:focus-visible{outline:3px solid var(--act);outline-offset:2px}
.rpt .panel{border:1px solid var(--ln);border-radius:18px;padding:clamp(16px,4cqi,22px);display:flex;flex-direction:column;gap:20px}
.rpt .big{font-family:var(--hf);font-weight:700;font-size:clamp(1.9rem,8.2cqi,2.8rem);line-height:1.05;letter-spacing:-.025em;font-variant-numeric:tabular-nums}
.rpt .stats{display:grid;grid-template-columns:repeat(var(--n,3),1fr);gap:14px;border-top:1px solid var(--ln);padding-top:16px}
.rpt .stats>div{display:flex;flex-direction:column;gap:2px;min-width:0}
.rpt .gauge{display:flex;flex-direction:column;gap:7px}
.rpt .track{position:relative;height:13px;border-radius:9px;display:flex}
.rpt .track span{height:100%}
.rpt .track .b1{width:30%;background:#9cc7b0;border-radius:9px 0 0 9px}.rpt .track .b2{width:20%;background:#ead9a6}.rpt .track .b3{width:50%;background:#e3a184;border-radius:0 9px 9px 0}
.rpt .pin{position:absolute;top:-6px;width:4px;height:25px;background:var(--ink);border-radius:2px;transform:translateX(-2px);transition:left .35s ease;box-shadow:0 0 0 2px var(--bg)}
.rpt .bands{display:flex;font-size:.76rem;color:var(--mut);font-weight:600}
.rpt .bands span:nth-child(1){width:30%}.rpt .bands span:nth-child(2){width:20%;text-align:center}.rpt .bands span:nth-child(3){width:50%;text-align:right}
.rpt .rank{display:flex;flex-direction:column}
.rpt .row{display:grid;grid-template-columns:minmax(96px,150px) 1fr auto;gap:10px;align-items:center;padding:8px;border:0;border-top:1px solid var(--ln);background:transparent;font:inherit;color:var(--ink);text-align:left;cursor:pointer;width:100%}
.rpt .row:hover,.rpt .row.on{background:var(--tn)}.rpt .row.on{font-weight:700}
.rpt .row .nm{font-size:.9rem;min-width:0}
.rpt .bar{height:10px;background:var(--ac);border-radius:3px;min-width:2px}
.rpt .row .v{font-variant-numeric:tabular-nums;font-size:.86rem;text-align:right;white-space:nowrap}
.rpt .row .v small{display:block}
.rpt .ask{background:var(--tn);border-radius:18px;padding:clamp(16px,4cqi,22px);gap:16px}
.rpt .chips{display:flex;flex-wrap:wrap;gap:8px;margin-top:6px}
.rpt .chips button{font:inherit;font-weight:600;font-size:.9rem;padding:8px 14px;border-radius:999px;border:1px solid var(--ln);background:var(--bg);color:var(--ink);cursor:pointer}
.rpt .chips button[aria-pressed=true]{background:var(--ac);color:var(--bt);border-color:var(--ac)}
.rpt .msg{background:var(--bg);border:1px dashed var(--ln);border-radius:10px;padding:14px;font-size:.95rem;margin-top:6px}
.rpt .btns{display:flex;flex-wrap:wrap;gap:10px}
.rpt .btn{font:inherit;font-weight:700;padding:13px 18px;border-radius:12px;border:2px solid var(--ac);background:var(--ac);color:var(--bt);text-decoration:none;cursor:pointer;flex:1 1 150px;text-align:center}
.rpt .btn.alt{background:transparent;color:var(--act);border-color:var(--ac)}
.rpt .contact{display:flex;flex-wrap:wrap;gap:6px 22px;font-weight:600}
.rpt .sign{align-items:flex-start;padding-top:6px}
.rpt footer{font-size:.76rem;color:var(--mut);border-top:1px solid var(--ln);padding-top:14px}
.rpt [hidden]{display:none!important}
}
@media (prefers-reduced-motion:reduce){.rpt .pin{transition:none}}
.sample{background:#07100d;color:#fff;text-align:center;font:500 14px Inter,system-ui,sans-serif;padding:9px 14px}
.sample a{color:#1fb886}
.rpt .ask .field{flex:none}

/* --- spacing system: 4 / 8 / 12 / 16 / 24 / 32 --- */
.rpt .phead{display:flex;flex-direction:column}
.rpt .phead .big{margin-top:8px}
.rpt .phead [data-id=p-sub]{margin-top:6px}
.rpt .chgs{display:flex;flex-wrap:wrap;gap:8px;margin-top:14px}
.rpt .chgs>span{display:inline-flex;align-items:baseline;gap:6px;background:var(--tn);border-radius:999px;padding:5px 12px;white-space:nowrap}
.rpt .ghead{display:flex;justify-content:space-between;align-items:baseline;gap:8px 12px;flex-wrap:wrap}
.rpt .ghead strong{font-size:1.1rem}
.rpt .gauge{gap:10px}.rpt .gauge>p{margin-top:2px}
.rpt .stats .lab{font-size:.8rem}.rpt .stats .sub{font-size:.8rem;color:var(--mut)}
.rpt .panel{gap:24px}
.rpt [data-id=p-read]{padding-top:20px;border-top:1px solid var(--ln)}
.rpt [data-id=p-read]:empty{display:none}
@container (max-width:520px){
  .rpt{font-size:15px}
  .rpt .small{font-size:13px;line-height:1.45}
  .rpt .wrap{gap:32px;padding:20px 18px 36px}
  .rpt section{gap:16px}
  .rpt .lede{font-size:15px;line-height:1.55}
  .rpt .metro{grid-template-columns:1fr;gap:0;background:var(--tn);border-radius:16px;padding:4px 16px}
  .rpt .metro>div{display:grid;grid-template-columns:1fr auto 74px;align-items:baseline;gap:12px;background:transparent;border-radius:0;padding:14px 0;border-top:1px solid var(--ln)}
  .rpt .metro>div:first-child{border-top:0}
  .rpt .metro>div>span:last-child{text-align:right;white-space:nowrap}.rpt .metro .muted{display:none}
  .rpt .metro .lab{font-size:15px;color:var(--ink);font-weight:500}
  .rpt .num{font-size:17px}
  .rpt .controls{gap:14px}.rpt .field{flex-basis:100%}
  .rpt .seg button{padding:10px 6px;font-size:14px}
  .rpt .panel{padding:20px 18px;gap:22px}
  .rpt .big{font-size:38px}
  .rpt .ghead{flex-direction:column;gap:2px}
  .rpt .stats{grid-template-columns:1fr;gap:0;padding-top:4px}
  .rpt .stats>div{display:grid;grid-template-columns:1fr auto;grid-template-areas:"lab num" "sub num";align-items:center;gap:2px 12px;padding:12px 0;border-top:1px solid var(--ln)}
  .rpt .stats>div:first-child{border-top:0}
  .rpt .stats .lab{grid-area:lab;font-size:14px;color:var(--ink);font-weight:500}.rpt .stats .sub{grid-area:sub;font-size:13px}.rpt .stats .num{grid-area:num;font-size:22px}
  .rpt .row{grid-template-columns:104px 1fr auto;gap:10px;padding:10px 4px}
  .rpt .ask{padding:20px 18px;gap:18px}
  .rpt .btn{flex-basis:100%}
  .rpt .av{width:64px;height:64px}.rpt .who{gap:14px}
}

/* --- wide (desktop) layout --- */
@container (min-width:640px){
  .rpt .wrap{max-width:1080px;gap:44px;padding:40px 48px 56px}
  .rpt .mast{flex-direction:row-reverse;justify-content:space-between;align-items:center}
  .rpt .mast .brandlogo{align-self:center}
  .rpt .title{gap:10px}
  .rpt .metro{gap:14px}.rpt .metro>div{padding:18px 20px;gap:4px}
  .rpt .controls{display:grid;grid-template-columns:1fr 1fr;gap:16px}
  .rpt .panel{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.15fr);gap:28px 40px;padding:28px 30px;align-items:start}
  .rpt .panel .stats,.rpt .panel [data-id=p-read]{grid-column:1/-1}
  .rpt .big{font-size:2.6rem}
  .rpt .stats{padding-top:22px;gap:24px}
  .rpt .ask{padding:28px 30px}
  .rpt .btn{flex:0 1 auto;min-width:170px}
  .rpt .row{grid-template-columns:190px 1fr 110px 80px;padding:10px 12px}
  .rpt .row .v{display:contents}.rpt .row .v small{text-align:right}
  .rpt .lede{max-width:46em}
  .rpt .rank{column-gap:0}
}

/* --- full-width desktop: report on the left, the agent and contact form stay in view on the right --- */
@container (min-width:1040px){
  .rpt .wrap{max-width:1360px;display:grid;grid-template-columns:minmax(0,1fr) 380px;gap:40px 56px;padding:44px 56px 56px;align-items:start}
  .rpt .mast,.rpt .title,.rpt footer{grid-column:1/-1}
  .rpt .wrap>section{grid-column:1}
  .rpt .wrap>section.ask{grid-column:2;grid-row:3/span 3;position:sticky;top:24px}
  .rpt .sign{display:none}
  .rpt .ask .btn{flex-basis:100%}
  .rpt .ask h2{font-size:1.3rem}
  .rpt .lede{max-width:none}
}
.rpt .askwho{display:none;gap:14px;align-items:center;padding-bottom:16px;border-bottom:1px solid var(--ln)}.rpt .askwho .av{width:64px;height:64px}.rpt .askwho .nm{font-family:var(--hf);font-weight:700;font-size:1.15rem}.rpt .askwho .rl{color:var(--mut);font-size:.85rem}
@container (min-width:1040px){.rpt .askwho{display:flex}}

.rpt [hidden]{display:none!important}
.rpt div.row{cursor:default}
.rpt .row.rh{cursor:default;padding-top:4px;padding-bottom:8px;border-top:0;font-size:.72rem;letter-spacing:.06em;text-transform:uppercase;color:var(--mut);font-weight:700}
.rpt .row.rh:hover{background:transparent}.rpt .row.rh .nm,.rpt .row.rh .v{font-size:.72rem}.rpt .row.rh .v small{font-size:.72rem}
.rpt .trend .tfacts{display:flex;gap:8px;flex-wrap:wrap}
.rpt .trend .tfacts span{background:var(--tn);border-radius:999px;padding:7px 13px;font-size:.84rem;color:var(--mut)}.rpt .trend .tfacts b{color:var(--ink)}
.rpt .tchart{display:grid;gap:6px}.rpt .tch{display:flex;justify-content:space-between;align-items:baseline;gap:4px 12px;flex-wrap:wrap}
.rpt .tch b{font-size:.95rem}.rpt .tch span{font-size:.82rem;color:var(--mut)}
.rpt .tcv{position:relative}.rpt .tcv svg{display:block;width:100%;height:auto;overflow:visible;touch-action:pan-y}
.rpt .ctip{position:absolute;pointer-events:none;background:var(--ink);color:var(--bg);font-size:12.5px;padding:6px 10px;border-radius:8px;white-space:nowrap;transform:translate(-50%,-118%);opacity:0;transition:opacity .12s;z-index:2}
.rpt .monthpill{display:inline-flex;align-items:center;gap:8px;background:var(--tn);color:var(--act);font-weight:800;font-size:.92rem;padding:7px 14px;border-radius:999px;width:max-content;letter-spacing:.01em;margin-bottom:4px}
.rpt .chg.neu{color:var(--ink)}
.rpt .controls{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:14px;align-items:end}.rpt .controls .field{flex-basis:auto}
.rpt select{-webkit-appearance:none;appearance:none;padding-right:40px;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='8' viewBox='0 0 12 8'%3E%3Cpath d='M1 1.5l5 5 5-5' fill='none' stroke='%23777' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 16px center;background-size:12px 8px}