/* ==========================================================
   Astro Reports Hub - Premium Hora Sutra Style UI
   Fixed: result right-side cutting + horizontal scroll tables
========================================================== */

.arh-box,
.arh-box *{box-sizing:border-box;}

.arh-box{
  --arh-cream:#fff7df;
  --arh-cream2:#fffdf6;
  --arh-soft:#fff2c5;
  --arh-gold:#f5b31a;
  --arh-gold2:#ffd36c;
  --arh-orange:#d85b12;
  --asb-orange:var(--arh-orange);
  --arh-brown:#5b2d12;
  --arh-brown2:#7a3a15;
  --arh-dark:#1d1022;
  --arh-text:#2b182f;
  --arh-muted:#755d66;
  --arh-border:#f0d99c;
  --arh-white:#ffffff;
  width:100%;
  max-width:1120px;
  margin:28px auto;
  padding:34px;
  color:var(--arh-text);
  font-family:'Inter','Montserrat',Arial,sans-serif;
  background:
    radial-gradient(circle at 10% 0%,rgba(245,179,26,.25),transparent 28%),
    radial-gradient(circle at 100% 20%,rgba(216,91,18,.10),transparent 26%),
    linear-gradient(135deg,#fffdf7 0%,#fff7df 55%,#fff2cc 100%);
  border:1px solid rgba(122,58,21,.16);
  border-radius:28px;
  box-shadow:0 20px 55px rgba(91,45,18,.13);
  overflow:visible;
  position:relative;
}

.arh-box:before{
  content:"";
  position:absolute;
  inset:10px;
  border:1px solid rgba(245,179,26,.24);
  border-radius:22px;
  pointer-events:none;
}

.arh-head{
  position:relative;
  text-align:center;
  max-width:790px;
  margin:0 auto 26px;
}

.arh-head span,
.arh-report-title span{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  gap:7px;
  padding:8px 15px;
  border-radius:999px;
  background:#fff3c5;
  border:1px solid rgba(216,91,18,.18);
  color:var(--arh-orange);
  font-size:12px;
  font-weight:900;
  letter-spacing:.3px;
  box-shadow:0 8px 18px rgba(91,45,18,.06);
}

.arh-head h2{
  margin:13px 0 8px;
  color:var(--arh-dark);
  font-size:34px;
  line-height:1.08;
  font-weight:950;
  letter-spacing:-.5px;
}

.arh-head p{
  margin:0 auto;
  color:var(--arh-muted);
  font-size:15px;
  line-height:1.65;
}

.arh-form{position:relative;z-index:1;}

.arh-grid-2{
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:14px;
  margin:18px 0;
  min-width:0;
}

.arh-form input,
.arh-form select{
  width:100%;
  min-width:0;
  height:48px;
  border:1px solid rgba(122,58,21,.14);
  border-radius:13px;
  padding:12px 15px;
  color:#2b182f;
  background:rgba(255,255,255,.88);
  box-shadow:inset 0 1px 0 rgba(255,255,255,.8),0 8px 20px rgba(91,45,18,.04);
  outline:none;
  font-size:14px;
  font-weight:600;
  transition:.2s ease;
}

.arh-form input::placeholder{color:#9b8990;}
.arh-form input:focus,
.arh-form select:focus{
  border-color:var(--arh-gold);
  box-shadow:0 0 0 4px rgba(245,179,26,.18),0 8px 22px rgba(91,45,18,.06);
  background:#fff;
}

.arh-form h3{
  margin:18px 0 8px;
  color:var(--arh-brown);
  font-size:22px;
  font-weight:900;
}

.arh-btn{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  gap:8px;
  min-height:46px;
  border:0;
  border-radius:999px;
  padding:13px 22px;
  background:linear-gradient(135deg,var(--asb-orange),#b83e00);
  color:#fff!important;
  text-decoration:none!important;
  font-size:14px;
  font-weight:950;
  cursor:pointer;
  transition:.22s ease;
  box-shadow:0 12px 24px rgba(184,62,0,.22);
  white-space:normal;
  text-align:center;
}

.arh-btn:hover{transform:translateY(-2px);box-shadow:0 16px 28px rgba(184,62,0,.28);}
.arh-btn:disabled{opacity:.65;cursor:not-allowed;transform:none;}
.arh-btn.premium{
  background:linear-gradient(135deg,#e49d00 0%,#ffd36c 50%,#f2a91b 100%);
  color:#321b04!important;
  box-shadow:0 12px 24px rgba(216,91,18,.18);
}
.arh-btn.alt{
  background:linear-gradient(135deg,#2b1234,#170b1d);
  color:#fff!important;
  box-shadow:0 12px 24px rgba(23,11,29,.22);
}

.arh-cta-row{
  display:flex;
  flex-wrap:wrap;
  align-items:center;
  justify-content:center;
  gap:12px;
  margin:22px 0 6px;
}

.arh-result{
  width:100%;
  max-width:100%;
  min-width:0;
  margin-top:22px;
  padding:0;
  display:none;
  overflow:visible;
  border-radius:24px;
}
.arh-result.active{display:block;}
.arh-result>h3{margin:0 0 14px;color:var(--arh-dark);font-weight:950;}
.arh-result>p{
  background:#fff;
  border:1px solid rgba(122,58,21,.13);
  border-radius:16px;
  padding:15px;
  color:var(--arh-muted);
}

/* Zodiac */
.arh-zodiac-grid{
  position:relative;
  z-index:1;
  display:grid;
  grid-template-columns:repeat(3,minmax(0,1fr));
  gap:14px;
}
.arh-zodiac{
  min-height:54px;
  border:1px solid rgba(122,58,21,.14);
  border-radius:15px;
  background:#fff;
  color:#2b182f;
  font-weight:950;
  cursor:pointer;
  box-shadow:0 12px 24px rgba(91,45,18,.06);
  transition:.2s ease;
}
.arh-zodiac:hover{
  transform:translateY(-2px);
  border-color:#f3b739;
  background:#fff7df;
  color:var(--arh-orange);
}

/* Numerology */
.arh-num-grid{
  display:grid;
  grid-template-columns:repeat(3,minmax(0,1fr));
  gap:14px;
  margin:16px 0;
}
.arh-num-grid div{
  padding:22px 16px;
  text-align:center;
  border-radius:18px;
  background:linear-gradient(180deg,#fff,#fff8e8);
  border:1px solid rgba(245,179,26,.35);
  box-shadow:0 10px 24px rgba(91,45,18,.07);
}
.arh-num-grid b{display:block;color:var(--arh-orange);font-size:13px;text-transform:uppercase;letter-spacing:.35px;}
.arh-num-grid span{display:block;margin-top:8px;color:var(--arh-dark);font-size:40px;line-height:1;font-weight:950;}

/* Premium readable report output */
.arh-report-card{
  width:100%;
  max-width:100%;
  min-width:0;
  overflow:hidden;
  border-radius:26px;
  background:linear-gradient(180deg,#fffef8,#fff7df);
  border:1px solid rgba(122,58,21,.16);
  box-shadow:0 18px 45px rgba(91,45,18,.13);
}
.arh-report-title{
  text-align:center;
  padding:24px 20px 22px;
  background:
    radial-gradient(circle at 0% 0%,rgba(245,179,26,.26),transparent 35%),
    linear-gradient(135deg,#fff8e1,#fffdf8);
  border-bottom:1px solid rgba(122,58,21,.12);
}
.arh-report-title h3{
  margin:11px 0 7px;
  color:#1d1022;
  font-size:30px;
  line-height:1.1;
  font-weight:950;
  letter-spacing:-.35px;
}
.arh-report-title p{
  margin:0 auto;
  max-width:760px;
  color:#755d66;
  line-height:1.6;
}
.arh-report-content{
  width:100%;
  max-width:100%;
  min-width:0;
  display:grid;
  gap:18px;
  padding:18px;
  overflow:visible;
}
.arh-report-section{
  width:100%;
  max-width:100%;
  min-width:0;
  overflow:hidden;
  padding:18px;
  border-radius:20px;
  background:#fff;
  border:1px solid rgba(122,58,21,.13);
  box-shadow:0 12px 30px rgba(91,45,18,.07);
}
.arh-report-section h4{
  display:flex;
  align-items:center;
  gap:10px;
  margin:0 0 14px;
  color:#3a1e0e;
  font-size:19px;
  line-height:1.25;
  font-weight:950;
}
.arh-report-section h4:before{
  content:"";
  width:10px;
  height:10px;
  border-radius:999px;
  background:linear-gradient(135deg,#d85b12,#ffd36c);
  box-shadow:0 0 0 5px rgba(245,179,26,.16);
  flex:0 0 auto;
}

.arh-kv-grid{
  width:100%;
  min-width:0;
  display:grid;
  grid-template-columns:repeat(3,minmax(0,1fr));
  gap:12px;
}
.arh-kv-item,
.arh-kv-wide,
.arh-mini-card{
  min-width:0;
  max-width:100%;
  overflow:hidden;
  border-radius:16px;
  border:1px solid rgba(245,179,26,.28);
  background:#fffaf0;
  padding:14px;
}
.arh-kv-item>span{
  display:block;
  margin-bottom:7px;
  color:#d85b12;
  font-size:11px;
  line-height:1.35;
  font-weight:950;
  text-transform:uppercase;
  letter-spacing:.28px;
}
.arh-kv-item p,
.arh-mini-card p{
  margin:0;
  color:#38233f;
  line-height:1.55;
  word-break:break-word;
  overflow-wrap:anywhere;
}
.arh-kv-item strong{font-size:18px;color:#1d1022;}
.arh-kv-wide{grid-column:1/-1;background:#fff;border-color:rgba(122,58,21,.12);}
.arh-kv-wide h5{margin:0 0 10px;color:#7a3a15;font-size:16px;font-weight:950;}
.arh-list-cards{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;min-width:0;}

/* IMPORTANT: Fixed cut-off by forcing horizontal scroll inside tables */
.arh-table-wrap{
  width:100%;
  max-width:100%;
  min-width:0;
  overflow-x:auto!important;
  overflow-y:hidden;
  -webkit-overflow-scrolling:touch;
  border:1px solid rgba(122,58,21,.14);
  border-radius:16px;
  background:#fff;
  box-shadow:inset 0 -8px 12px rgba(91,45,18,.03);
  scrollbar-width:thin;
  scrollbar-color:#d85b12 #fff1c7;
}
.arh-table-wrap::-webkit-scrollbar{height:10px;}
.arh-table-wrap::-webkit-scrollbar-track{background:#fff1c7;border-radius:999px;}
.arh-table-wrap::-webkit-scrollbar-thumb{background:#d85b12;border-radius:999px;}
.arh-table-wrap:before{
  content:"Scroll right to see full details →";
  display:block;
  padding:8px 12px;
  color:#7a3a15;
  background:#fff8df;
  border-bottom:1px solid rgba(122,58,21,.12);
  font-size:12px;
  font-weight:900;
}
.arh-report-table{
  width:max-content;
  min-width:980px;
  max-width:none;
  border-collapse:separate;
  border-spacing:0;
  table-layout:auto;
}
.arh-report-table th{
  position:sticky;
  top:0;
  z-index:1;
  background:#fff1c7;
  color:#3b1d0d;
  text-align:left;
  padding:12px 14px;
  font-size:12px;
  font-weight:950;
  white-space:nowrap;
  border-bottom:1px solid rgba(122,58,21,.12);
}
.arh-report-table td{
  padding:12px 14px;
  border-top:1px solid rgba(122,58,21,.08);
  color:#3a2a43;
  font-size:13px;
  line-height:1.45;
  vertical-align:top;
  white-space:nowrap;
}
.arh-report-table tr:nth-child(even) td{background:#fffaf0;}
.arh-report-table th:first-child,
.arh-report-table td:first-child{
  position:sticky;
  left:0;
  z-index:2;
  background:#fff8df;
  font-weight:900;
  box-shadow:5px 0 9px rgba(91,45,18,.06);
}
.arh-report-table th:first-child{z-index:3;background:#ffe9ac;}

.arh-chart-wrap{
  width:100%;
  max-width:100%;
  min-width:0;
  overflow:auto;
  -webkit-overflow-scrolling:touch;
  text-align:center;
  border:1px solid rgba(245,179,26,.30);
  border-radius:18px;
  background:#fffdf8;
  padding:16px;
  scrollbar-width:thin;
}
.arh-chart-wrap svg{
  max-width:100%!important;
  height:auto!important;
  display:inline-block;
}

.arh-alert{
  padding:14px 16px;
  border-radius:14px;
  background:#fff3cd;
  border:1px solid #ffd36c;
  color:#6a4100;
  font-weight:800;
}
.arh-muted{color:#806f76;}
.arh-report-link{
  display:inline-flex;
  border-radius:999px;
  padding:11px 16px;
  background:linear-gradient(135deg,#d85b12,#f5b31a);
  color:#fff!important;
  text-decoration:none!important;
  font-weight:950;
}

@media(max-width:900px){
  .arh-box{padding:26px;}
  .arh-head h2{font-size:29px;}
  .arh-kv-grid{grid-template-columns:repeat(2,minmax(0,1fr));}
  .arh-list-cards{grid-template-columns:1fr;}
}

@media(max-width:768px){
  .arh-box{
    width:calc(100% - 20px);
    margin:16px auto;
    padding:18px 12px;
    border-radius:20px;
  }
  .arh-box:before{inset:6px;border-radius:16px;}
  .arh-head{margin-bottom:18px;padding:0 4px;}
  .arh-head h2{font-size:24px;line-height:1.15;}
  .arh-head p{font-size:13px;line-height:1.55;}
  .arh-grid-2,
  .arh-zodiac-grid,
  .arh-num-grid,
  .arh-kv-grid{grid-template-columns:1fr;}
  .arh-form input,
  .arh-form select{height:46px;font-size:13px;border-radius:12px;}
  .arh-btn{width:100%;min-height:45px;padding:12px 14px;font-size:13px;}
  .arh-cta-row{display:grid;grid-template-columns:1fr;gap:10px;margin-top:18px;}
  .arh-result{margin-top:18px;}
  .arh-report-card{border-radius:18px;}
  .arh-report-title{padding:18px 12px;}
  .arh-report-title h3{font-size:22px;}
  .arh-report-title p{font-size:13px;}
  .arh-report-content{padding:10px;gap:12px;}
  .arh-report-section{padding:12px;border-radius:15px;}
  .arh-report-section h4{font-size:16px;}
  .arh-table-wrap{border-radius:13px;}
  .arh-table-wrap:before{font-size:11px;padding:7px 10px;}
  .arh-report-table{min-width:860px;}
  .arh-report-table th,
  .arh-report-table td{font-size:12px;padding:10px 11px;}
  .arh-chart-wrap{padding:10px;}
  .arh-num-grid span{font-size:34px;}
}