/* Ported from the TMC-90 mockup (manaiyadi-sasthiram-final.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:#C0392B; --red-soft:#FCECEC;
  --blue:#2B5DAA; --blue-soft:#EEF3FC;
  --line:#E9E1D6; --rule:#ECE8E3;
  --radius-s:8px; --radius-m:12px; --radius-l:16px; --pill:32px;
  --shadow:0 4px 16px rgba(107,82,51,.08);
  --maxw:1180px;
  --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%; scroll-behavior:smooth}
.tmc90{margin:0; background:var(--white); color:var(--body);
  font-family:var(--ff-ta); font-size:15px; line-height:1.8; overflow-x:hidden}
.tmc90 h1,.tmc90 h2,.tmc90 h3{color:var(--head); margin:0; line-height:1.4; 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:1.8}
.tmc90 a{color:var(--orange); text-decoration:none}
.tmc90 img,.tmc90 svg,.tmc90 table{max-width:100%}
.tmc90 .wrap{width:100%; max-width:var(--maxw); margin:0 auto; padding:0 clamp(16px,4vw,48px)}
.tmc90 .sr{position:absolute; width:1px; height:1px; overflow:hidden; clip:rect(0 0 0 0)}
.tmc90 .logo{display:flex; align-items:center; gap:7px; font-weight:700; font-size:clamp(17px,4.4vw,24px);
  color:var(--orange); line-height:1.2; white-space:nowrap}
.tmc90 .wa{display:inline-flex; align-items:center; gap:7px; border:1px solid #377530; color:#377530;
  border-radius:158px; padding:7px 13px; font-size:13px; line-height:1.4; background:var(--white); flex:0 0 auto}
@media (max-width:430px){.tmc90 .wa span{display:none}
.tmc90 .wa{padding:8px 10px}}
.tmc90 .page-head{padding:20px 0 4px}
.tmc90 .page-head p{margin-top:8px; font-size:14px; line-height:1.95; max-width:74ch}
.tmc90 .crumb{font-size:12px; color:var(--muted); line-height:1.6; margin-bottom:8px}
.tmc90 .crumb a{color:var(--muted)}
.tmc90 .controls{display:flex; flex-wrap:wrap; gap:10px; margin:16px 0 4px; align-items:flex-end}
.tmc90 .controls label{display:flex; flex-direction:column; gap:5px; font-size:12px; color:var(--muted);
  line-height:1.6; flex:1 1 150px; min-width:0}
.tmc90 select,.tmc90 input[type=date]{width:100%; font-family:var(--ff-num); font-size:15px; line-height:1.5; padding:10px 12px;
  border:1px solid var(--line); border-radius:var(--radius-s); background:var(--white); color:var(--ink); min-width:0}
.tmc90 select{font-family:var(--ff-ta)}
.tmc90 .btn{border:1px solid var(--orange); background:var(--white); color:var(--orange); border-radius:var(--pill);
  padding:10px 16px; font-size:14px; line-height:1.5; font-family:var(--ff-ta); cursor:pointer; white-space:nowrap; flex:0 0 auto}
.tmc90 .btn:hover{background:var(--orange-soft)}
.tmc90 .layout{display:block}
@media (min-width:1080px){.tmc90 .layout{display:grid; grid-template-columns:minmax(0,1fr) 300px; gap:34px; align-items:start}
.tmc90 .rail{position:sticky; top:78px}}
.tmc90 .hero{background:linear-gradient(135deg,#FFF3E6 0%,#FFE7CC 55%,#FFF7EC 100%);
  border:1px solid #FBD9B4; border-radius:var(--radius-l); box-shadow:var(--shadow);
  padding:clamp(16px,3.4vw,26px); margin:16px 0 22px; position:relative; overflow:hidden}
.tmc90 .hero::after{content:""; position:absolute; right:-50px; top:-50px; width:170px; height:170px;
  border-radius:50%; background:rgba(255,119,0,.10)}
.tmc90 .hero .when{font-size:12.5px; color:#9A5A12; font-weight:600; line-height:1.7; position:relative}
.tmc90 .hero .tadate{font-size:15px; color:var(--head); font-weight:600; line-height:1.7; position:relative}
.tmc90 .pair{display:grid; grid-template-columns:repeat(auto-fit,minmax(min(100%,190px),1fr)); gap:12px; margin-top:14px; position:relative}
.tmc90 .slot{background:rgba(255,255,255,.78); border:1px solid rgba(255,255,255,.9); border-radius:var(--radius-m);
  padding:14px 12px; text-align:center}
.tmc90 .slot .ic{font-size:20px; line-height:1}
.tmc90 .slot .lb{font-size:13px; color:var(--body); line-height:1.7; margin-top:2px}
.tmc90 .slot .tm{font-family:var(--ff-num); font-size:clamp(22px,5.6vw,30px); font-weight:700; color:var(--orange); line-height:1.25}
.tmc90 .slot .sub{font-size:12px; color:var(--muted); line-height:1.6}
.tmc90 .stats{display:grid; grid-template-columns:repeat(auto-fit,minmax(min(100%,150px),1fr)); gap:10px; margin-top:12px; position:relative}
.tmc90 .stat{background:var(--white); border:1px solid var(--line); border-radius:var(--radius-m); padding:11px 13px; min-width:0}
.tmc90 .stat .k{font-size:12px; color:var(--muted); line-height:1.6}
.tmc90 .stat .v{font-family:var(--ff-num); font-size:16px; font-weight:700; color:var(--head); line-height:1.5; word-break:break-word}
.tmc90 .stat .v.ta{font-family:var(--ff-ta); font-size:15px}
.tmc90 .hero .stat{background:rgba(255,255,255,.72); border-color:rgba(255,255,255,.9)}
.tmc90 .quickbar{display:flex; gap:8px; overflow-x:auto; scrollbar-width:none; padding:0 0 4px; margin:-6px 0 6px}
.tmc90 .quickbar::-webkit-scrollbar{display:none}
.tmc90 .qp{flex:0 0 auto; border:1px solid var(--line); background:var(--white); color:var(--head);
  border-radius:var(--pill); padding:8px 15px; font-size:13.5px; line-height:1.5; cursor:pointer;
  font-family:var(--ff-ta); white-space:nowrap; transition:border-color .15s,color .15s,background .15s}
.tmc90 .qp:hover{border-color:var(--orange); color:var(--orange)}
.tmc90 .qp[aria-pressed="true"]{background:var(--orange); border-color:var(--orange); color:#fff; font-weight:600}
.tmc90 .qp .ic{margin-right:5px}
.tmc90 .section{margin:30px 0}
.tmc90 .section > h2{margin-bottom:6px}
.tmc90 .section .lede{font-size:13.5px; color:var(--muted); margin-bottom:12px; line-height:1.7}
.tmc90 .tablecard{background:var(--white); border:1px solid var(--line); border-radius:var(--radius-m); overflow:hidden}
.tmc90 .tablecard + .tablecard{margin-top:14px}
.tmc90 .tscroll{overflow-x:auto; -webkit-overflow-scrolling:touch}
.tmc90 table{width:100%; border-collapse:collapse}
.tmc90 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 td{padding:12px 14px; border-top:1px solid var(--rule); line-height:1.75; font-size:13.5px; vertical-align:middle}
.tmc90 tbody tr:nth-child(odd) td{background:var(--cream)}
.tmc90 tbody tr:first-child td{border-top:0}
.tmc90 tr.today td{background:var(--orange-soft) !important}
.tmc90 .num{font-family:var(--ff-num); font-weight:600; color:var(--head); white-space:nowrap}
.tmc90 .daycell{font-family:var(--ff-num); font-weight:700; color:var(--head); white-space:nowrap}
.tmc90 .daycell .wd{display:block; font-size:11.5px; font-weight:500; color:var(--muted); line-height:1.6}
.tmc90 .tname{font-weight:600; color:var(--head)}
.tmc90 .pillish{display:inline-flex; align-items:center; gap:5px; border:1px solid var(--line); border-radius:var(--pill);
  padding:3px 10px; font-size:12px; line-height:1.6; background:var(--white); white-space:nowrap}
.tmc90 .pillish.bad{color:#9B2C2C; border-color:#F0CFCF}
.tmc90 .pillish.good{color:#166534; border-color:#CBE6D4}
.tmc90 .kv td:first-child{width:45%; color:var(--grey-head)}
@media (max-width:640px){.tmc90 table.stack thead{position:absolute; width:1px; height:1px; overflow:hidden; clip:rect(0 0 0 0)}
.tmc90 table.stack tbody tr{display:grid; grid-template-columns:82px minmax(0,1fr); gap:2px 12px;
    padding:12px 14px; border-top:1px solid var(--rule)}
.tmc90 table.stack tbody tr:first-child{border-top:0}
.tmc90 table.stack tbody tr:nth-child(odd){background:var(--cream)}
.tmc90 table.stack td{border:0; padding:0; background:transparent !important; font-size:13.5px}
.tmc90 table.stack td.daycell{grid-row:1 / span 9; align-self:start}
.tmc90 table.stack td::before{content:attr(data-l) " "; color:var(--muted); font-size:12px}
.tmc90 table.stack td.daycell::before{content:""}}
@media (max-width:560px){.tmc90 table.hidelast th:last-child,.tmc90 table.hidelast td:last-child{display:none}}
.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:26px 0}
.tmc90 .note{background:var(--orange-soft); border-radius:var(--radius-m); padding:14px 16px; font-size:14px; line-height:1.85}
.tmc90 .prose{background:var(--white); border:1px solid var(--line); border-radius:var(--radius-m); padding:clamp(16px,3vw,24px)}
.tmc90 .prose h3{margin:20px 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.85; margin-bottom:7px}
.tmc90 details{background:var(--white); border:1px solid var(--line); border-radius:var(--radius-m); 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.85}
.tmc90 .tools{display:grid; grid-template-columns:repeat(auto-fit,minmax(min(100%,150px),1fr)); gap:12px}
.tmc90 .tool{background:var(--white); border:1px solid var(--line); border-radius:var(--radius-m);
  padding:14px 10px; 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}
.tmc90 .disc{font-size:13px; color:var(--muted); line-height:1.8; margin-top:22px; padding-top:14px; border-top:1px solid var(--line)}
@media (max-width:1079px){.tmc90 .railcard{display:none}}
.tmc90 .railcard{background:var(--cream); border:1px solid var(--line); border-radius:var(--radius-m); padding:16px}
.tmc90 .railcard h3{font-size:15px; margin-bottom:10px}
.tmc90 .railcard dl{margin:0; display:grid; grid-template-columns:1fr auto; gap:7px 10px; font-size:13.5px; line-height:1.7}
.tmc90 .railcard dt{color:var(--muted); min-width:0}
.tmc90 .railcard dd{margin:0; font-family:var(--ff-num); font-weight:600; color:var(--head); text-align:right; white-space:nowrap}
.tmc90 .railcard dd.ta{font-family:var(--ff-ta); font-weight:600}
.tmc90 .about p{font-size:13px; line-height:1.85; opacity:.9}
.tmc90 .social{display:flex; gap:14px; margin-top:14px; flex-wrap:wrap}
.tmc90 .social .wa{border-color:rgba(255,255,255,.5); color:#fff; background:transparent}
.tmc90 .social .wa span{display:inline}
.tmc90 .copy{border-top:1px solid rgba(255,255,255,.18); margin-top:22px; padding-top:14px; font-size:12px; line-height:1.7; opacity:.8}
.tmc90 .finder{background:linear-gradient(135deg,#FFF3E6 0%,#FFE9D2 100%); border:1px solid #FBD9B4;
  border-radius:var(--radius-l); padding:clamp(14px,2.6vw,20px); margin:16px 0 18px}
.tmc90 .finder .ftitle{font-size:13px; font-weight:600; color:#9A5A12; line-height:1.7}
.tmc90 .frow{display:flex; flex-wrap:wrap; gap:10px; align-items:flex-end; margin-top:10px}
.tmc90 .ffld{display:flex; flex-direction:column; gap:5px; flex:1 1 120px; min-width:0}
.tmc90 .ffld span{font-size:12px; color:#8A6134}
.tmc90 .ffld input{width:100%; font-family:var(--ff-num); font-size:17px; font-weight:600; padding:11px 12px;
  border:1px solid #F0C99B; border-radius:var(--radius-s); background:rgba(255,255,255,.92); color:var(--ink); min-width:0}
.tmc90 .ffld input:focus{outline:2px solid #FFC98A; border-color:var(--orange)}
.tmc90 .fbtn{flex:0 0 auto; border:1px solid var(--orange); background:var(--orange); color:#fff; font-weight:600;
  border-radius:var(--pill); padding:11px 22px; font-size:15px; font-family:var(--ff-ta); cursor:pointer}
.tmc90 .fbtn.ghost{background:var(--white); color:var(--orange)}
.tmc90 .fresult{margin-top:12px; font-size:14.5px; line-height:1.8}
.tmc90 .fresult .tag{display:inline-flex; align-items:center; gap:6px; border-radius:var(--pill); padding:4px 12px;
  font-size:13px; font-weight:600; color:#fff; margin-right:8px}
.tmc90 .tag.good{background:var(--green)}
.tmc90 .tag.part{background:#C77C12}
.tmc90 .tag.bad{background:var(--red)}
.tmc90 .fsug{margin-top:10px}
.tmc90 .combo{display:inline-flex; align-items:center; border:1px solid #CBE6D4; background:rgba(255,255,255,.85);
  color:#166534; border-radius:var(--pill); padding:6px 13px; font-family:var(--ff-num); font-size:13.5px;
  font-weight:600; cursor:pointer; margin:0 6px 6px 0}
.tmc90 .combo:hover{border-color:var(--green)}
.tmc90 .adiwrap{display:grid; grid-template-columns:1fr; gap:16px}
@media (min-width:900px){.tmc90 .adiwrap{grid-template-columns:1fr 1fr}}
.tmc90 table.adi td{font-size:13.5px}
.tmc90 table.adi td.n{font-family:var(--ff-num); font-weight:700; color:var(--orange); width:74px; white-space:nowrap}
.tmc90 table.adi tr.hit td{background:var(--green-soft) !important; }
.tmc90 table.adi tr.hit td.n{color:#166534}
.tmc90 table.adi tr.hit td .who{display:block; font-size:11.5px; color:#166534; font-weight:600}
.tmc90 .searchrow{display:flex; gap:10px; margin-bottom:12px; flex-wrap:wrap}
.tmc90 .searchrow input{flex:1 1 200px; font-family:var(--ff-num); font-size:15px; padding:10px 12px;
  border:1px solid var(--line); border-radius:var(--radius-s); min-width:0}
.tmc90 details.adv{background:var(--white); border:1px solid var(--line); border-radius:var(--radius-m); margin:8px 0 0}
.tmc90 details.adv summary{font-size:15.5px}
.tmc90 details.adv .ans{padding:0 16px 16px}
.tmc90 .vgrid{display:grid; grid-template-columns:repeat(auto-fit,minmax(min(100%,150px),1fr)); gap:10px; margin:6px 0 14px}
.tmc90 .vcell{background:var(--cream); border:1px solid var(--line); border-radius:var(--radius-m); padding:11px 13px}
.tmc90 .vcell .k{font-size:12px; color:var(--muted); line-height:1.6}
.tmc90 .vcell .v{font-size:15px; font-weight:700; color:var(--head); line-height:1.5}
.tmc90 .vcell .v.num{font-family:var(--ff-num)}

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

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