/* Ported from the TMC-90 mockup (thirumana-porutham-v7.html); scoped under .tmc90. */
.tmc90{
  --orange:#FF7700; --orange-lt:#FF851A; --orange-soft:#FFF1E2;
  --cream:#FFFBF6; --cream-deep:#FFF3E6; --white:#FFFFFF;
  --ink:#1B1B1B; --body:#2B2524; --head:#35343D; --muted:#8A817A;
  --grey-head:#6B6259;
  --green:#248D49; --green-soft:#E8F5EC; --red:#D14343;
  --line:#E9E1D6; --rule:#ECE8E3;
  --radius-s:8px; --radius-m:12px; --radius-l:16px; --pill:32px;
  --shadow:0 4px 16px rgba(107,82,51,.08);
  --gutter:16px; --maxw:1200px;
  --lh-tight:1.35; --lh-body:1.75; --lh-head:1.4;
  --ff-ta:'Anek Tamil','Noto Sans Tamil',system-ui,sans-serif;
  --ff-num:'Inter',system-ui,sans-serif;
}
.tmc90 *,.tmc90 *::before,.tmc90 *::after{box-sizing:border-box}
.tmc90{-webkit-text-size-adjust:100%}
.tmc90{
  margin:0; background:var(--white); color:var(--body);
  font-family:var(--ff-ta); font-size:15px; line-height:var(--lh-body);
}
.tmc90 h1,.tmc90 h2,.tmc90 h3{color:var(--head); margin:0; line-height:var(--lh-head); font-weight:700}
.tmc90 h1{font-size:clamp(25px,5.6vw,32px); line-height:1.4}
.tmc90 h2{font-size:clamp(17px,4.2vw,21px); line-height:1.55}
.tmc90 h3{font-size:15.5px; line-height:1.65}
.tmc90 p{margin:0; line-height:var(--lh-body)}
.tmc90 a{color:var(--orange); text-decoration:none}
.tmc90 .wrap{width:100%; max-width:var(--maxw); margin:0 auto; padding:0 var(--gutter)}
.tmc90 .sr{position:absolute; width:1px; height:1px; overflow:hidden; clip:rect(0 0 0 0)}
.tmc90 .logo{display:flex; align-items:center; gap:8px; font-weight:700; font-size:20px; color:var(--orange); line-height:1.2}
.tmc90 .wa{display:inline-flex; align-items:center; gap:8px; border:1px solid #377530; color:#377530;
  border-radius:158px; padding:7px 14px; font-size:13px; line-height:1.4; white-space:nowrap; background:var(--white)}
.tmc90 .wa svg{flex:0 0 auto}
@media (max-width:430px){.tmc90 .wa .lbl{display:none}
.tmc90 .wa{padding:8px 10px}}
.tmc90 .page-head{padding:22px 0 6px}
.tmc90 .page-head p{margin-top:6px; font-size:14px; line-height:1.95; color:var(--body)}
.tmc90 .crumb{font-size:12px; color:var(--muted); line-height:1.6; margin-bottom:8px}
.tmc90 .crumb a{color:var(--muted)}
.tmc90 .next{background:linear-gradient(135deg,#FFF3E6 0%,#FFE7CC 55%,#FFF7EC 100%);
  border:1px solid #FBD9B4; border-radius:var(--radius-l);
  box-shadow:var(--shadow); padding:20px 18px; margin:16px 0 8px; position:relative; overflow:hidden}
.tmc90 .next::after{content:""; position:absolute; right:-40px; top:-40px; width:150px; height:150px;
  border-radius:50%; background:rgba(255,119,0,.10)}
.tmc90 .next .lbl{font-size:12px; color:#9A5A12; line-height:1.6; letter-spacing:.02em; font-weight:600}
.tmc90 .next .big{font-family:var(--ff-num); font-size:30px; font-weight:700; color:var(--head); line-height:1.25; margin-top:2px}
.tmc90 .next .wk{font-family:var(--ff-num); font-size:14px; font-weight:600; color:var(--orange); line-height:1.6}
.tmc90 .next .ta{font-size:15px; color:var(--body); line-height:1.7; margin-top:2px; font-weight:600}
.tmc90 .next .line2{margin-top:6px}
.tmc90 .next .tg{background:rgba(255,255,255,.75)}
.tmc90 .next-meta{display:flex; flex-wrap:wrap; gap:8px; align-items:center; margin-top:12px; position:relative}
.tmc90 .badge{display:inline-flex; align-items:center; gap:6px; border-radius:var(--pill);
  padding:5px 12px; font-size:12px; line-height:1.5; font-weight:600; color:#fff; background:var(--green)}
.tmc90 .badge.star{background:var(--orange)}
.tmc90 .badge.time{background:var(--white); color:var(--head); border:1px solid var(--line); font-family:var(--ff-num); font-weight:600}
.tmc90 .chiprow{display:flex; gap:8px; overflow-x:auto; padding:4px 0 10px; scrollbar-width:none}
.tmc90 .chiprow::-webkit-scrollbar{display:none}
.tmc90 .chip{flex:0 0 auto; border:1px solid var(--line); background:var(--white); color:var(--head);
  border-radius:var(--pill); padding:8px 16px; font-size:14px; line-height:1.5; cursor:pointer;
  font-family:var(--ff-ta); transition:background .15s,border-color .15s,color .15s}
.tmc90 .chip[aria-pressed="true"]{background:var(--orange); border-color:var(--orange); color:#fff; font-weight:600}
.tmc90 .toolbar{display:flex; align-items:center; justify-content:space-between; gap:12px; margin-top:8px}
.tmc90 .count{font-size:13px; color:var(--muted); line-height:1.6}
.tmc90 select{font-family:var(--ff-num); font-size:15px; line-height:1.5; padding:9px 12px; border:1px solid var(--line);
  border-radius:var(--radius-s); background:var(--white); color:var(--ink)}
.tmc90 .tg{display:inline-flex; align-items:center; gap:5px; border-radius:var(--pill); padding:4px 11px;
  font-size:12px; line-height:1.6; border:1px solid var(--line); background:var(--white); color:var(--body)}
.tmc90 .tg i{font-style:normal; font-size:12px; line-height:1}
.tmc90 .tg.sp{color:#9B2C2C; border-color:#F0CFCF}
.tmc90 .tg.ml{color:#9A5A12; border-color:#F5D6AF}
.tmc90 .tg.sun{color:#8A6410; border-color:#EEDCA6}
.tmc90 .section{margin:26px 0}
.tmc90 .section > h2{margin-bottom:12px}
.tmc90 .month-block{padding-top:26px; margin-top:26px; border-top:1px solid var(--rule)}
.tmc90 .month-block:first-child{padding-top:0; margin-top:8px; border-top:0}
.tmc90 .month-head{display:flex; align-items:baseline; gap:12px; flex-wrap:wrap; margin:0 0 14px}
.tmc90 .month-head h3{font-size:20px; color:var(--orange); font-family:var(--ff-num); letter-spacing:.01em}
.tmc90 .month-head .ta-mon{font-size:16px; color:var(--grey-head); font-weight:600; line-height:1.6}
.tmc90 .month-head .n{font-size:13px; color:var(--muted); line-height:1.6}
.tmc90 .tablecard{background:var(--white); border:1px solid var(--line); border-radius:var(--radius-m); overflow:hidden}
.tmc90 table.vt{width:100%; border-collapse:collapse; table-layout:fixed}
.tmc90 table.vt th:nth-child(1),.tmc90 table.vt td:nth-child(1){width:12%}
.tmc90 table.vt th:nth-child(2),.tmc90 table.vt td:nth-child(2){width:18%}
.tmc90 table.vt th:nth-child(3),.tmc90 table.vt td:nth-child(3){width:17%}
.tmc90 table.vt th:nth-child(4),.tmc90 table.vt td:nth-child(4){width:21%}
.tmc90 table.vt th:nth-child(5),.tmc90 table.vt td:nth-child(5){width:32%}
@media (max-width:767px){.tmc90 table.vt{table-layout:auto}
.tmc90 table.vt th:nth-child(n),.tmc90 table.vt td:nth-child(n){width:auto}}
.tmc90 table.vt thead th{background:var(--orange); color:#fff; font-size:12.5px; font-weight:600; line-height:1.7;
  text-align:left; padding:11px 14px; white-space:nowrap}
.tmc90 table.vt td{padding:13px 14px; border-top:1px solid var(--rule); vertical-align:middle; line-height:1.7}
.tmc90 table.vt tbody tr:nth-child(odd) td{background:var(--cream)}
.tmc90 table.vt tbody tr:first-child td{border-top:0}
.tmc90 .c-en{font-family:var(--ff-num); font-weight:700; color:var(--head); font-size:15px; white-space:nowrap}
.tmc90 .c-en .wd{display:block; font-size:11.5px; font-weight:500; color:var(--muted); line-height:1.6}
.tmc90 .c-ta{font-size:14.5px; font-weight:600; color:var(--head); white-space:nowrap}
.tmc90 .c-tm{white-space:nowrap}
.tmc90 .c-tm .per{font-size:12.5px; color:var(--muted); line-height:1.6; margin-right:6px; font-weight:400}
.tmc90 .c-tm .dig{font-family:var(--ff-num); font-size:14px; font-weight:700; color:var(--head); letter-spacing:.01em}
.tmc90 .c-tm .mer{font-family:var(--ff-num); font-size:11.5px; font-weight:600; color:var(--muted); margin-left:3px}
.tmc90 .c-tm .dash{color:var(--muted); margin:0 5px}
.tmc90 .c-tm .nx{font-size:12px; color:var(--muted); font-weight:400; margin-left:6px}
.tmc90 .switchbar{display:flex; flex-wrap:wrap; gap:10px 14px; align-items:center; margin:12px 0 4px}
.tmc90 .listbar{display:flex; justify-content:flex-end; align-items:center; margin:16px 0 -2px}
@media (max-width:767px){.tmc90 .listbar{justify-content:flex-start; margin:12px 0 2px}}
.tmc90 .swgroup{display:flex; align-items:center; gap:8px; min-width:0}
.tmc90 .swlabel{font-family:var(--ff-num); font-size:12px; font-weight:500; color:var(--muted); white-space:nowrap}
.tmc90 .switch button{font-family:var(--ff-num); font-size:13px}
.tmc90 .switch{display:inline-flex; background:var(--cream); border:1px solid var(--line); border-radius:var(--pill); padding:3px; gap:2px}
.tmc90 .switch button{border:0; background:transparent; color:var(--head); font-family:var(--ff-ta);
  font-size:13.5px; line-height:1.5; padding:7px 14px; border-radius:var(--pill); cursor:pointer; white-space:nowrap}
.tmc90 .switch button[aria-pressed="true"]{background:var(--orange); color:#fff; font-weight:600}
@media (max-width:400px){.tmc90 .swgroup{flex-wrap:wrap; gap:6px 8px}
.tmc90 .switch{max-width:100%}
.tmc90 .switch button{padding:7px 10px; font-size:12.5px}}
.tmc90 .c-sp{line-height:2.1}
.tmc90 .c-sp .tg{margin:0 5px 2px 0}
.tmc90 .ev-pill{display:inline-flex; align-items:center; border-radius:var(--pill); padding:3px 11px;
  font-size:12px; line-height:1.6; font-weight:600; white-space:nowrap}
.tmc90 .ev-pill.pravesam{background:transparent; border:1px solid #F0C99B; color:#A85A0C}
.tmc90 .ev-pill.pooja{background:var(--green); border:1px solid var(--green); color:#fff}
.tmc90 .suba{white-space:nowrap; color:var(--body)}
.tmc90 .suba .tm{font-family:var(--ff-num); font-weight:600; color:var(--head)}
@media (max-width:380px){.tmc90 table.vt tbody tr{grid-template-columns:70px minmax(0,1fr) !important}
.tmc90 table.vt tbody tr{grid-template-rows:auto auto auto auto}
.tmc90 table.vt td.c-ta{grid-column:2 !important; grid-row:1 !important}
.tmc90 table.vt td.c-ev{grid-column:2 !important; grid-row:2 !important; justify-self:start !important; margin-top:5px}
.tmc90 table.vt td.c-tm{grid-column:2 !important; grid-row:3 !important}
.tmc90 table.vt td.c-sp{grid-column:2 !important; grid-row:4 !important}
.tmc90 table.vt td.c-tm{white-space:normal !important}
.tmc90 table.vt td.c-tm .dig{font-size:13px}
.tmc90 table.vt td.c-tm .nx{display:block; margin-left:0}}
@media (max-width:767px){.tmc90 table.vt thead{position:absolute; width:1px; height:1px; overflow:hidden; clip:rect(0 0 0 0)}
.tmc90 table.vt tbody tr{display:grid; grid-template-columns:78px minmax(0,1fr) auto; column-gap:10px;
    border-top:1px solid var(--rule); padding:12px 14px; align-items:center}
.tmc90 table.vt tbody tr:first-child{border-top:0}
.tmc90 table.vt tbody tr:nth-child(odd){background:var(--cream)}
.tmc90 table.vt td{padding:0; border:0; background:transparent !important}
.tmc90 table.vt td.c-en{grid-row:1 / span 3; grid-column:1; align-self:start; padding-top:2px}
.tmc90 table.vt td.c-ta{grid-column:2; grid-row:1}
.tmc90 table.vt td.c-ev{grid-column:3; grid-row:1; justify-self:end}
.tmc90 table.vt td.c-tm{grid-column:2 / 4; grid-row:2; margin-top:5px; white-space:nowrap; min-width:0}
.tmc90 table.vt td.c-sp{grid-column:2 / 4; grid-row:3; margin-top:8px; line-height:2.2}}
.tmc90 .empty{background:var(--white); border:1px dashed var(--line); border-radius:var(--radius-m);
  padding:24px 16px; text-align:center; color:var(--muted); font-size:14px; line-height:1.7}
.tmc90 .clarify{background:#F7F5F2; border-left:4px solid #DED7CE; border-radius:var(--radius-m);
  padding:14px 16px; font-size:13.5px; line-height:1.85; color:#5D554D; margin:24px 0}
.tmc90 .note{background:var(--orange-soft); border-radius:var(--radius-m); padding:14px 16px; font-size:14px; line-height:1.8}
.tmc90 .prose{background:var(--white); border:1px solid var(--line); border-radius:var(--radius-m); padding:18px 16px}
.tmc90 .prose h3{margin:18px 0 8px}
.tmc90 .prose h3:first-child{margin-top:0}
.tmc90 .prose p + p{margin-top:10px}
.tmc90 .prose ul{margin:8px 0 0; padding-left:20px}
.tmc90 .prose li{line-height:1.8; margin-bottom:6px}
.tmc90 .do-dont{display:grid; grid-template-columns:1fr; gap:12px; margin-top:12px}
.tmc90 .dd{border-radius:var(--radius-m); padding:14px 16px}
.tmc90 .dd.do{background:var(--green-soft); border:1px solid #CBE6D4}
.tmc90 .dd.dont{background:#FCECEC; border:1px solid #F3D3D3}
.tmc90 .dd h3{font-size:15px; margin-bottom:6px}
.tmc90 .dd ul{margin:0; padding-left:18px}
.tmc90 details{background:var(--white); border:1px solid var(--line); border-radius:var(--radius-m); padding:0; margin-bottom:10px}
.tmc90 summary{list-style:none; cursor:pointer; padding:14px 16px; font-weight:600; color:var(--head);
  font-size:15px; line-height:1.6; display:flex; justify-content:space-between; gap:12px; align-items:center}
.tmc90 summary::-webkit-details-marker{display:none}
.tmc90 summary::after{content:"+"; font-family:var(--ff-num); color:var(--orange); font-size:20px; line-height:1}
.tmc90 details[open] summary::after{content:"–"}
.tmc90 details .ans{padding:0 16px 14px; font-size:14px; line-height:1.8}
.tmc90 .tools{display:grid; grid-template-columns:repeat(2,1fr); gap:12px}
.tmc90 .tool{background:var(--white); border:1px solid var(--line); border-radius:var(--radius-m);
  padding:14px 12px; text-align:center; color:var(--head); font-size:13px; line-height:1.6; display:block}
.tmc90 .tool .ic{width:40px; height:40px; margin:0 auto 8px; border-radius:50%; background:var(--cream-deep);
  display:grid; place-items:center; font-size:18px}
.tmc90 .ad{margin:22px 0; min-height:100px; background:var(--white); border:1px dashed var(--line);
  border-radius:var(--radius-m); display:grid; place-items:center; color:var(--muted); font-size:12px; line-height:1.6}
.tmc90 .about{grid-column:1 / -1}
.tmc90 .about p{font-size:13px; line-height:1.8; opacity:.9}
.tmc90 .social{display:flex; gap:14px; margin-top:14px; align-items:center; flex-wrap:wrap}
.tmc90 .social .wa{border-color:rgba(255,255,255,.5); color:#fff; background:transparent}
.tmc90 .copy{border-top:1px solid rgba(255,255,255,.18); margin-top:20px; padding-top:14px; font-size:12px; line-height:1.7; opacity:.8}
.tmc90 .disc{font-size:13px; color:var(--muted); line-height:1.8; margin-top:20px; padding-top:14px; border-top:1px solid var(--line)}
@media (min-width:768px){.tmc90{font-size:16px}
.tmc90{--gutter:32px}
.tmc90 .logo{font-size:24px}
.tmc90 .do-dont{grid-template-columns:1fr 1fr}
.tmc90 .tools{grid-template-columns:repeat(4,1fr)}
.tmc90 .next{padding:24px}
.tmc90 .next .big{font-size:38px}
.tmc90 .prose{padding:24px}
.tmc90 .month-block{padding-top:32px; margin-top:32px}
.tmc90 .month-head h3{font-size:24px}
.tmc90 .month-head .ta-mon{font-size:18px}}
@media (min-width:1024px){.tmc90{--gutter:40px}
.tmc90 .month-block{padding-top:36px; margin-top:36px}
.tmc90 .about{grid-column:auto}
.tmc90 .layout{display:block}}
.tmc90{ --red:#C0392B; --red-soft:#FDF0EE; --red-line:#F3CFC9;
       --grn-soft:#EDF7F0; --grn-line:#BFE2CA; }
.tmc90 .pickwrap{display:grid; gap:14px; grid-template-columns:repeat(auto-fit,minmax(min(100%,260px),1fr)); margin-top:14px}
/* TMC-155: the two boxes in the Figma style (blue for the groom, pink for the bride, round photo above); same fields */
.tmc90 .pick{border:0; border-radius:12px; padding:18px 18px 20px; position:relative; overflow:hidden}
.tmc90 .pick.boy{background:#D9E8F8}
.tmc90 .pick.girl{background:#FDE4E8}
.tmc90 .pick-h{display:flex; align-items:center; justify-content:center; gap:12px; font-family:var(--ff-ta); font-weight:700;
  font-size:16px; line-height:1.6; color:#7A1F6E; margin-bottom:14px}
.tmc90 .pick-h .av{width:64px; height:64px; flex:none; object-fit:contain}
.tmc90 .fl{display:block; font-family:var(--ff-num); font-size:12px; font-weight:500; color:var(--muted);
  line-height:1.6; margin:10px 0 5px}
.tmc90 .pick .fl:first-of-type{margin-top:0}
.tmc90 .pick .fl{color:var(--head); font-size:13px}
.tmc90 .pick .sel{border-color:#CFD6DE}
.tmc90 .sel{width:100%; box-sizing:border-box; font-family:var(--ff-ta); font-size:15px; line-height:1.6;
  color:var(--head); background:#fff; border:1px solid var(--line); border-radius:10px;
  padding:10px 12px; appearance:none;
  background-image:url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='8' viewBox='0 0 12 8'%3E%3Cpath d='M1 1l5 5 5-5' stroke='%238A817A' stroke-width='1.6' fill='none' stroke-linecap='round'/%3E%3C/svg%3E");
  background-repeat:no-repeat; background-position:right 12px center; padding-right:34px}
.tmc90 .sel:focus{outline:2px solid var(--orange); outline-offset:1px}
.tmc90 .picknote{margin-top:12px; font-family:var(--ff-ta); font-size:13px; line-height:1.85; color:var(--muted)}
.tmc90 .verdict{margin:20px 0 0; border-radius:18px; padding:20px clamp(16px,4vw,26px); border:1px solid var(--line);
  background:var(--cream-deep); position:relative; overflow:hidden}
.tmc90 .verdict.good{background:var(--grn-soft); border-color:var(--grn-line)}
.tmc90 .verdict.mid{background:var(--orange-soft); border-color:#F3D6B4}
.tmc90 .verdict.poor{background:var(--red-soft); border-color:var(--red-line)}
.tmc90 .v-top{display:flex; flex-wrap:wrap; align-items:baseline; gap:6px 14px}
.tmc90 .v-score{font-family:var(--ff-num); font-size:clamp(34px,9vw,46px); font-weight:700; line-height:1.15; color:var(--head)}
.tmc90 .v-score small{font-size:.45em; font-weight:600; color:var(--muted); margin-left:2px}
.tmc90 .v-tag{font-family:var(--ff-ta); font-size:15px; font-weight:700; line-height:1.6; padding:5px 14px;
  border-radius:var(--pill); color:#fff; background:var(--muted)}
.tmc90 .verdict.good .v-tag{background:var(--green)}
.tmc90 .verdict.mid  .v-tag{background:var(--orange)}
.tmc90 .verdict.poor .v-tag{background:var(--red)}
.tmc90 .v-pair{margin-top:8px; font-family:var(--ff-ta); font-size:15px; line-height:1.85; color:var(--head)}
.tmc90 .v-pair b{font-weight:700}
.tmc90 .v-say{margin-top:10px; font-family:var(--ff-ta); font-size:14px; line-height:1.95; color:var(--body)}
.tmc90 .v-bar{margin-top:14px; height:9px; border-radius:99px; background:rgba(0,0,0,.07); overflow:hidden}
.tmc90 .v-bar i{display:block; height:100%; border-radius:99px; background:var(--muted)}
.tmc90 .verdict.good .v-bar i{background:var(--green)}
.tmc90 .verdict.mid  .v-bar i{background:var(--orange)}
.tmc90 .verdict.poor .v-bar i{background:var(--red)}
.tmc90 .v-flags{margin-top:12px; display:flex; flex-wrap:wrap; gap:7px}
.tmc90 .v-flag{display:inline-flex; align-items:center; gap:5px; font-family:var(--ff-ta); font-size:12.5px;
  font-weight:600; line-height:1.6; padding:4px 11px; border-radius:var(--pill);
  background:#fff; border:1px solid var(--red-line); color:var(--red)}
.tmc90 .rrow{border:1px solid var(--line); border-radius:14px; background:#fff; padding:14px 15px; margin-bottom:10px}
.tmc90 .rrow.is-bad{border-color:var(--red-line); background:var(--red-soft)}
.tmc90 .rrow-t{display:flex; flex-wrap:wrap; align-items:center; gap:8px 10px}
.tmc90 .rrow-n{font-family:var(--ff-ta); font-size:15.5px; font-weight:700; line-height:1.7; color:var(--head)}
.tmc90 .rrow-s{font-family:var(--ff-ta); font-size:12.5px; line-height:1.7; color:var(--muted)}
.tmc90 .rrow-m{margin-top:7px; font-family:var(--ff-ta); font-size:14px; line-height:1.95; color:var(--body)}
.tmc90 .vd{margin-left:auto; display:inline-flex; align-items:center; gap:5px; font-family:var(--ff-ta);
  font-size:12.5px; font-weight:700; line-height:1.6; padding:4px 12px; border-radius:var(--pill); white-space:nowrap}
.tmc90 .vd.g{background:var(--green); color:#fff}
.tmc90 .vd.m{background:#fff; border:1px solid #F0C99B; color:#A85A0C}
.tmc90 .vd.b{background:var(--red); color:#fff}
.tmc90 .keyp{font-family:var(--ff-num); font-size:10.5px; font-weight:700; letter-spacing:.04em; line-height:1.6;
  padding:2px 8px; border-radius:var(--pill); background:var(--orange-soft); color:#A85A0C; border:1px solid #F3D6B4}
@media (max-width:420px){.tmc90 .vd{margin-left:0}}
.tmc90 .tbh{font-family:var(--ff-ta); font-size:15.5px; font-weight:700; line-height:1.8; color:var(--head); margin:22px 0 8px}
.tmc90 table.ref{width:100%; border-collapse:separate; border-spacing:0; min-width:560px; background:#fff}
.tmc90 table.ref th{background:var(--cream-deep); font-family:var(--ff-num); font-size:12.5px; font-weight:600;
  color:var(--grey-head); text-align:left; padding:10px 12px; line-height:1.7;
  border-bottom:1px solid var(--line); border-left:1px solid var(--line)}
.tmc90 table.ref td{font-family:var(--ff-ta); font-size:13.5px; line-height:1.9; color:var(--body);
  padding:10px 12px; border-bottom:1px solid var(--rule); border-left:1px solid var(--rule);
  vertical-align:top}
.tmc90 table.ref th:first-child,.tmc90 table.ref td:first-child{border-left:0}
.tmc90 table.ref tr:last-child td{border-bottom:0}
.tmc90 table.ref tbody tr:nth-child(odd) td{background:var(--cream)}
.tmc90 table.ref td:first-child{font-weight:700; color:var(--head); white-space:nowrap}
.tmc90 .tscroll{overflow-x:auto; -webkit-overflow-scrolling:touch;
  border:1px solid var(--line); border-radius:12px; background:#fff}
@media (max-width:640px){.tmc90 .tscroll{overflow-x:visible; border:0; border-radius:0; background:transparent}
.tmc90 table.ref{min-width:0; border:0; background:transparent}
.tmc90 table.ref td{border:0}
.tmc90 table.ref tbody tr:nth-child(odd) td{background:transparent}
.tmc90 table.ref thead{position:absolute; width:1px; height:1px; overflow:hidden; clip:rect(0 0 0 0)}
.tmc90 table.ref tr{display:block; background:#fff; border:1px solid var(--line);
    border-radius:12px; padding:12px 14px; margin-bottom:10px}
.tmc90 table.ref td{display:block; border:0; padding:0; line-height:1.95}
.tmc90 table.ref td:first-child{white-space:normal; font-size:14.5px; margin-bottom:2px}
.tmc90 table.ref td:not(:first-child){font-size:13.5px; padding-top:5px}
.tmc90 table.ref td[data-l]:not(:first-child)::before{content:attr(data-l); display:block;
    font-family:var(--ff-num); font-size:11px; font-weight:600; color:var(--muted);
    line-height:1.7; letter-spacing:.02em}}
.tmc90 .split{display:grid; grid-template-columns:1fr; gap:12px; margin-top:12px}
.tmc90 .sp{background:var(--cream); border:1px solid var(--line); border-radius:var(--radius-m); padding:14px 16px}
.tmc90 .sp h3{font-size:15px; line-height:1.8; margin:0 0 6px; color:var(--head)}
.tmc90 .sp ul{margin:0; padding-left:18px}
.tmc90 .sp li{line-height:1.95; margin-bottom:5px}
@media (min-width:768px){.tmc90 .split{grid-template-columns:1fr 1fr}}
.tmc90 .tbnote{font-family:var(--ff-ta); font-size:13.5px; line-height:1.95; color:var(--muted); margin:0 0 10px}
.tmc90 .txt{font-family:var(--ff-ta); background-image:none; padding-right:12px}
.tmc90 .txt::placeholder{color:#B8ADA3}
.tmc90 .opt{font-weight:400; color:#B8ADA3}
.tmc90 .resnote{display:flex; gap:8px; align-items:flex-start; margin:14px 0 0; padding:11px 14px;
  background:var(--cream-deep); border:1px solid var(--line); border-left:3px solid var(--orange);
  border-radius:10px; font-family:var(--ff-ta); font-size:13.5px; line-height:1.9; color:var(--body)}
.tmc90 .sharebar{display:flex; flex-wrap:wrap; align-items:center; gap:9px;
  margin:12px 0 0; padding:0}
.tmc90 .sbtn{display:inline-flex; align-items:center; gap:7px; font-family:var(--ff-num); font-size:13.5px;
  line-height:1.5; font-weight:600; cursor:pointer; padding:9px 16px; border-radius:var(--pill);
  border:1px solid var(--line); background:#fff; color:var(--head);
  transition:background .15s,border-color .15s,color .15s,box-shadow .15s}
.tmc90 .sbtn svg{width:16px; height:16px; flex:none; fill:none; stroke:currentColor;
  stroke-width:1.8; stroke-linecap:round; stroke-linejoin:round}
.tmc90 .sbtn svg.fill{fill:currentColor; stroke:none}
.tmc90 .sbtn:hover{border-color:var(--orange); color:#A85A0C}
.tmc90 .sbtn.primary{background:var(--orange); border-color:var(--orange); color:#fff}
.tmc90 .sbtn.primary:hover{background:var(--orange-lt); color:#fff}
.tmc90 .sbtn.wa:hover{border-color:#377530; color:#377530}
.tmc90 .sbtn:focus-visible{outline:2px solid var(--orange); outline-offset:2px}
.tmc90 .sbtn[hidden]{display:none}
.tmc90 .sharenote{font-family:var(--ff-ta); font-size:13px; line-height:1.7; color:var(--green); font-weight:600}
@media (max-width:430px){.tmc90 .sharebar{gap:8px}
.tmc90 .sbtn{flex:1 1 auto; justify-content:center; padding:10px 14px; min-width:0}
.tmc90 .sbtn.primary{flex:1 1 100%}
.tmc90 .sharenote{width:100%; text-align:center}}
@media (max-width:359px){.tmc90 .sbtn{font-size:12.5px; padding:10px 11px; gap:6px}}
.tmc90 #report{display:none}
@media print{@page{ size:A4; margin:14mm 12mm; }
.tmc90,.tmc90{background:#fff !important}
.tmc90 main.wrap,.tmc90 .ad,.tmc90 .sharebar,.tmc90 .resnote{display:none !important}
.tmc90 #report{display:block !important; font-family:var(--ff-ta); color:#1B1B1B}
.tmc90 .rp-head{display:flex; justify-content:space-between; align-items:flex-start;
    border-bottom:2px solid #FF7700; padding-bottom:6px; margin-bottom:10px}
.tmc90 .rp-brand{font-family:var(--ff-num); font-size:15pt; font-weight:700; color:#FF7700; line-height:1.3}
.tmc90 .rp-site{font-family:var(--ff-num); font-size:8pt; color:#6B6259; line-height:1.5}
.tmc90 .rp-when{font-family:var(--ff-num); font-size:8pt; color:#6B6259; text-align:right; line-height:1.6}
.tmc90 .rp-title{font-size:13.5pt; font-weight:700; line-height:1.35; margin:0 0 8px}
.tmc90 .rp-pair{display:flex; gap:9px; margin-bottom:9px}
.tmc90 .rp-p{flex:1; border:1px solid #E9E1D6; border-radius:5px; padding:6px 9px}
.tmc90 .rp-p .role{font-family:var(--ff-num); font-size:8pt; font-weight:600; color:#6B6259;
    text-transform:uppercase; letter-spacing:.06em; line-height:1.6}
.tmc90 .rp-p .nm{font-size:11pt; font-weight:700; line-height:1.45}
.tmc90 .rp-p .st{font-size:9.5pt; line-height:1.5; color:#2B2524}
.tmc90 .rp-verdict{border:1.5px solid #FF7700; border-radius:6px; padding:8px 11px; margin-bottom:9px}
.tmc90 .rp-v1{display:flex; align-items:baseline; gap:10px}
.tmc90 .rp-score{font-family:var(--ff-num); font-size:18pt; font-weight:700; line-height:1.2}
.tmc90 .rp-score span{font-size:11pt; color:#6B6259}
.tmc90 .rp-tag{font-size:11pt; font-weight:700; padding:2px 10px; border-radius:20px;
    background:#FF7700; color:#fff; line-height:1.7}
.tmc90 .rp-tag.good{background:#248D49}
.tmc90 .rp-tag.poor{background:#C0392B}
.tmc90 .rp-say{font-size:9pt; line-height:1.55; margin-top:3px; color:#2B2524}
.tmc90 .rp-meta{font-family:var(--ff-num); font-size:8pt; color:#6B6259; line-height:1.6; margin-top:2px}
.tmc90 table.rp-t{width:100%; border-collapse:collapse; margin-bottom:9px}
.tmc90 table.rp-t th{background:#FFF3E6; font-family:var(--ff-num); font-size:7.5pt; font-weight:600;
    color:#6B6259; text-align:left; padding:4px 7px; border:1px solid #E9E1D6; line-height:1.5}
.tmc90 table.rp-t td{font-size:8.8pt; padding:3px 7px; border:1px solid #ECE8E3; line-height:1.55;
    vertical-align:top}
.tmc90 table.rp-t tr{page-break-inside:avoid}
.tmc90 table.rp-t thead{display:table-header-group}
.tmc90 .rp-n{font-weight:700; white-space:nowrap; width:96px}
.tmc90 .rp-n em{display:block; font-style:normal; font-weight:400; font-size:7.5pt; color:#6B6259; line-height:1.45}
.tmc90 .rp-r{text-align:center; font-weight:700; white-space:nowrap; width:62px}
.tmc90 .rp-r.g{color:#248D49}
.tmc90 .rp-r.m{color:#A85A0C}
.tmc90 .rp-r.b{color:#C0392B}
.tmc90 .rp-warn{border:1px solid #F3CFC9; background:#FDF0EE; border-radius:5px;
    padding:6px 9px; margin-bottom:8px; font-size:8.8pt; line-height:1.55; color:#8E2B20}
.tmc90 .rp-note{font-size:8pt; line-height:1.55; color:#4A423C; border-top:1px solid #E9E1D6;
    padding-top:6px; page-break-inside:avoid}
.tmc90 .rp-foot{margin-top:7px; font-family:var(--ff-num); font-size:7.5pt; color:#8A817A;
    text-align:center; line-height:1.5}
.tmc90 a[href]:after{content:"" !important}}
.tmc90 .gobar{margin-top:18px}
.tmc90 .gobtn{display:inline-flex; align-items:center; justify-content:center; gap:9px; width:100%;
  font-family:var(--ff-ta); font-size:16px; font-weight:700; line-height:1.6; cursor:pointer;
  padding:14px 26px; border-radius:var(--pill); border:0; color:#fff; background:var(--orange);
  box-shadow:0 2px 10px rgba(255,119,0,.22); transition:background .15s, box-shadow .15s}
.tmc90 .gobtn:hover{background:var(--orange-lt); box-shadow:0 4px 14px rgba(255,119,0,.3)}
.tmc90 .gobtn:focus-visible{outline:2px solid var(--head); outline-offset:3px}
.tmc90 .gobtn svg{width:19px; height:19px; flex:none; fill:none; stroke:currentColor;
  stroke-width:2; stroke-linecap:round; stroke-linejoin:round}
@media (min-width:600px){.tmc90 .gobtn{width:auto; min-width:300px}
.tmc90 .gobar{text-align:center}}
.tmc90 .backbar{display:flex; flex-wrap:wrap; align-items:center; gap:10px 14px; margin:4px 0 14px}
.tmc90 .backbtn{display:inline-flex; align-items:center; gap:7px; font-family:var(--ff-ta); font-size:14px;
  font-weight:600; line-height:1.6; cursor:pointer; padding:8px 16px; border-radius:var(--pill);
  border:1px solid var(--line); background:#fff; color:var(--head); transition:border-color .15s,color .15s}
.tmc90 .backbtn:hover{border-color:var(--orange); color:#A85A0C}
.tmc90 .backbtn:focus-visible{outline:2px solid var(--orange); outline-offset:2px}
.tmc90 .backbtn svg{width:16px; height:16px; flex:none; fill:none; stroke:currentColor;
  stroke-width:1.9; stroke-linecap:round; stroke-linejoin:round}
.tmc90 .backpair{font-family:var(--ff-ta); font-size:14px; font-weight:600; line-height:1.7; color:var(--muted)}
.tmc90 [hidden]{display:none !important}
@media print{.tmc90 .backbar{display:none !important}}

/* Printing the match report: hide the site's own header, menu and footer too. */
@media print{body > header, body > nav, body > footer, body header, body footer{display:none !important}}

/* Site type scale (Palli Kathum): table text on phones. */
@media (max-width:640px){.tmc90 table.vt thead th{font-size:12px}}

/* Article text: same size as the Palli Kathum page. */
.tmc90 .prose p,.tmc90 .prose li{font-size:14px; line-height:1.95}