/* TechniqueHow — Marketplace Timings & Support */
.th-mtm-wrapper{
    max-width:1200px;
    width:100%;
    margin:20px auto;
    box-sizing:border-box;
    padding:18px;
    background:#ffffff;
    border-radius:12px;
    box-shadow:0 6px 24px rgba(0,0,0,0.08);
    font-family: system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", Arial;
}
.th-mtm-brand{ display:flex; align-items:center; gap:16px; margin-bottom:12px; }
.th-logo{ font-weight:800; font-size:20px; color:#0a66c2; background:linear-gradient(90deg,#0a66c2 0%,#1db954 100%); -webkit-background-clip:text; background-clip:text; color:transparent; }
.th-sub{ color:#666; font-size:13px; }
.th-mtm-controls{ display:flex; gap:12px; flex-wrap:wrap; align-items:center; margin-bottom:14px; }
.th-label{ font-size:13px; color:#333; margin-right:6px; }
.th-select{ flex:1 1 260px; padding:10px 12px; border:1px solid #e3e6ea; border-radius:8px; font-size:14px; background:#fafafa; min-width:200px; }
#th-mtm-market{ max-width:480px; }
#th-mtm-view{ max-width:220px; }
.th-mtm-result{ display:none; margin-top:12px; }
.th-card{ padding:16px; border-radius:10px; background:linear-gradient(180deg,#ffffff,#fbfdff); border:1px solid #eef3f8; }
.th-card-head{ font-size:18px; font-weight:700; color:#0b3d91; margin-bottom:8px; }
.th-card-body{ font-size:15px; color:#1b1b1b; line-height:1.5; }

/* Full width style for desktop */
@media (min-width:1024px){
    .th-mtm-wrapper{ padding:28px; }
    .th-mtm-controls{ gap:20px; }
    .th-select{ padding:12px 14px; font-size:15px; }
    .th-mtm-wrapper{ width:100%; border-radius:14px; }
}