/* Organic reports (Organic Rankings, Top Pages, Growth report): white, black text and accents, #e5e5e5 lines, red only
   for negative changes. Dense tables in the Semrush/Ahrefs style. */
.orr{color:#000}
.orr .rf-page-actions{display:flex;align-items:center;gap:8px;flex-wrap:wrap}

/* Period picker and CSV */
.orr-range{display:inline-flex;align-items:center;gap:2px;padding:3px;border:1px solid #e5e5e5;border-radius:999px;background:#fff}
.orr-range button{padding:5px 11px;border:0;border-radius:999px;background:none;color:#000;font-size:12.5px;font-weight:600;cursor:pointer}
.orr-range button.is-current{background:#000;color:#fff}
.orr-csv{text-decoration:none;color:#000}

/* Summary strips */
.orr-summary{margin:16px 0}
.orr-strip-head{display:flex;align-items:baseline;gap:10px;flex-wrap:wrap;margin:14px 0 6px}
.orr-strip-head:first-child{margin-top:0}
.orr-strip-head h2{margin:0;font-size:14px;font-weight:650}
.orr-strip-head small{color:#6b6b6b;font-size:12px}
.orr .orr-strip{border:1px solid #e5e5e5;border-radius:12px;background:#fff}
.orr .orr-strip-6{--ms-cols:6}
.orr .orr-strip-4{--ms-cols:4}
.orr .orr-strip .ms-chart.is-empty{display:none}
.orr .orr-strip>*{padding:12px 16px}
.orr .orr-strip .ms-value{min-height:0}
.orr .orr-strip .ms-value strong{font-size:22px}
.orr .orr-strip button.ms-col{margin:0;border-top:0;border-right:0;border-bottom:0;background:none;color:inherit;font:inherit;cursor:pointer}
.orr .orr-strip button.ms-col:hover{background:#fafafa}
.orr .orr-strip .ms-col.is-current{box-shadow:inset 0 -3px 0 #000}
.orr .orr-strip>*:first-child{border-radius:12px 0 0 12px}
.orr .orr-strip>*:last-child{border-radius:0 12px 12px 0}
.orr.orr-growth>.orr-strip{margin:16px 0}
.orr-neg{color:#d92d20}

/* Card, toolbar, filter tabs, search */
.orr-card{border:1px solid #e5e5e5;border-radius:12px;background:#fff;overflow:hidden}
.orr-toolbar{display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap;padding:12px 16px;border-bottom:1px solid #e5e5e5}
.orr-toolbar-title{font-size:14px;font-weight:650}
.orr-tabs{display:inline-flex;flex-wrap:wrap;gap:0;border:1px solid #e5e5e5;border-radius:8px;overflow:hidden}
.orr-tabs button{padding:6px 12px;border:0;border-left:1px solid #e5e5e5;background:#fff;color:#000;font-size:13px;font-weight:550;cursor:pointer}
.orr-tabs button:first-child{border-left:0}
.orr-tabs button:hover{background:#fafafa}
.orr-tabs button.is-current{background:#000;color:#fff}
.orr-tabs.is-small button{padding:4px 10px;font-size:12px}
.orr-search{display:flex;align-items:center;gap:6px;flex:0 1 340px;min-width:0}
.orr-search label{display:flex;align-items:center;gap:6px;flex:1 1 auto;min-width:0;height:32px;padding:0 10px;border:1px solid #e5e5e5;border-radius:8px;background:#fff}
.orr-search label:focus-within{border-color:#000}
.orr-search .ic{width:15px;height:15px;color:#6b6b6b}
.orr-search input{flex:1 1 auto;min-width:0;border:0;outline:0;background:none;color:#000;font:inherit;font-size:13px}
.orr-count{display:flex;align-items:center;gap:10px;flex-wrap:wrap;margin:0;padding:8px 16px;border-bottom:1px solid #e5e5e5;color:#6b6b6b;font-size:12.5px}

/* Tables */
.orr-table-wrap{overflow-x:auto;-webkit-overflow-scrolling:touch}
.orr-table{width:100%;border-collapse:collapse;font-size:13px;font-variant-numeric:tabular-nums}
.orr-table th,.orr-table td{padding:8px 12px;border-bottom:1px solid #e5e5e5;text-align:left;vertical-align:middle;white-space:nowrap}
.orr-table thead th{position:sticky;top:0;z-index:1;background:#fff;color:#6b6b6b;font-size:12px;font-weight:600}
.orr-table tbody tr:hover{background:#fafafa}
.orr-table tbody tr:last-child th,.orr-table tbody tr:last-child td{border-bottom:0}
.orr-table .orr-num{text-align:right}
.orr-table .orr-key{font-weight:500;max-width:340px;white-space:normal;word-break:break-word}
.orr-table tbody .orr-key{color:#000}
.orr-table .orr-dim{color:#6b6b6b}
.orr-table:not(.orr-list){min-width:820px}
.orr-sort{display:inline-flex;align-items:center;gap:3px;padding:0;border:0;background:none;color:inherit;font:inherit;cursor:pointer}
.orr-sort:hover,.orr-sort.is-current{color:#000}
.orr-sort .ic{width:12px;height:12px}
.orr-url{color:#000;text-decoration:none;display:inline-block;max-width:280px;overflow:hidden;text-overflow:ellipsis;vertical-align:bottom}
.orr-url:hover{text-decoration:underline}
.orr-url.is-strong{max-width:420px;font-weight:550;white-space:nowrap}
.orr-url-cell .orr-url{color:#3d3d3d}
.orr-top-kw span{display:inline-block;max-width:240px;overflow:hidden;text-overflow:ellipsis;vertical-align:bottom}
.orr-pos{display:inline-flex;align-items:baseline;gap:6px}
.orr-pos small{font-size:11.5px}
.orr-flat{color:#a3a3a3}
.orr-delta{display:inline-flex;align-items:center;gap:2px;font-weight:600}
.orr-delta .ic{width:12px;height:12px}
.orr-delta.up{color:#000}
.orr-delta.down{color:#d92d20}
.orr-tag{display:inline-block;padding:1px 7px;border:1px solid #000;border-radius:999px;color:#000;font-size:11.5px;font-weight:600}
.orr-tag.is-neg{border-color:#d92d20;color:#d92d20}

/* Pager and source */
.orr-pager{display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap;padding:10px 16px;border-top:1px solid #e5e5e5;color:#6b6b6b;font-size:12.5px}
.orr-pager nav{display:flex;align-items:center;gap:4px}
.orr-pager button{min-width:30px;height:30px;padding:0 8px;border:1px solid #e5e5e5;border-radius:6px;background:#fff;color:#000;font-size:12.5px;cursor:pointer}
.orr-pager button.is-current{border-color:#000;background:#000;color:#fff}
.orr-pager button:disabled{opacity:.4;cursor:default}
.orr-pager .ic{width:14px;height:14px;vertical-align:middle}
.orr-source{display:flex;align-items:flex-start;gap:8px;margin:14px 2px 0;color:#6b6b6b;font-size:12px;line-height:1.5}
.orr-source .ic{flex:0 0 auto;width:14px;height:14px;margin-top:2px}

/* Growth report: four compact ranked lists */
.orr-growth-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}
.orr-growth-card header{display:flex;align-items:flex-start;justify-content:space-between;gap:10px;flex-wrap:wrap;padding:12px 14px;border-bottom:1px solid #e5e5e5}
.orr-growth-card h2{margin:0;font-size:15px;font-weight:650}
.orr-growth-card header p{margin:2px 0 0;color:#6b6b6b;font-size:12px}
.orr-card-actions{display:flex;align-items:center;gap:10px}
.orr-link{white-space:nowrap;padding:0;border:0;background:none;color:#000;font-size:12.5px;font-weight:600;text-decoration:underline;cursor:pointer}
.orr-list{table-layout:fixed}
.orr-list th,.orr-list td{padding:7px 12px}
.orr-list .orr-rank{width:34px;color:#6b6b6b;text-align:right;padding-right:4px}
.orr-list .orr-key{max-width:none;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.orr-list .orr-num{width:84px}
.orr-list .orr-url{max-width:100%}
.orr-list-empty{margin:0;padding:22px 14px;color:#6b6b6b;font-size:13px;text-align:center}

@media(max-width:1100px){
  .orr .orr-strip-6{--ms-cols:3}
  .orr .orr-strip>*{border-radius:0!important}
  .orr .orr-strip-6>*:nth-child(3n+1){border-left:0}
  .orr .orr-strip-6>*:nth-child(n+4){border-top:1px solid #ececec}
  .orr-growth-grid{grid-template-columns:minmax(0,1fr)}
}
@media(max-width:700px){
  .orr .orr-strip{overflow:hidden}
  .orr .orr-strip-6,.orr .orr-strip-4{--ms-cols:2;grid-template-columns:repeat(2,minmax(0,1fr))}
  .orr .orr-strip-6>*,.orr .orr-strip-4>*{border-left:1px solid #ececec;border-top:0}
  .orr .orr-strip-6>*:nth-child(2n+1),.orr .orr-strip-4>*:nth-child(2n+1){border-left:0}
  .orr .orr-strip-6>*:nth-child(n+3),.orr .orr-strip-4>*:nth-child(n+3){border-top:1px solid #ececec}
  .orr .orr-strip>*{padding:10px 12px}
  .orr .orr-strip .ms-value strong{font-size:19px}
  .orr-toolbar{padding:10px 12px}
  .orr-search{flex:1 1 100%}
  .orr-tabs{width:100%}
  .orr-tabs button{flex:1 1 auto}
  .orr-count,.orr-pager{padding-left:12px;padding-right:12px}
  .orr-table th,.orr-table td{padding:7px 8px}
  .orr-table:not(.orr-list) .orr-key{position:sticky;left:0;z-index:1;max-width:160px;background:#fff}
  .orr-table:not(.orr-list) thead .orr-key{z-index:2}
  .orr-list .orr-num{width:64px}
  .orr-list .orr-rank{width:26px}
}
/* Keywords get the room; the URL column shrinks to its content. */
.orr-table .orr-key{min-width:260px}
.orr-table th.orr-url-cell,.orr-table td.orr-url-cell{width:1%}
.orr-table td:has(> .orr-url.is-strong){min-width:300px}