/* /talkshow/ ≤767 — Figma "Talkshow – Mobile" 3638:12145 (390 wide; page px = frame px). Loaded after css/ohio-media-talkshow.css
   and css/ohio-listing-stories-mobile.css (booking card) by inc/v2/media-talkshow.php; every rule is mobile-only.
   Frame: header 0–64 · head 64–289 · nổi bật 289–1086 · mới nhất 1086–1803 · series 1803… · khám phá 3349 · đội ngũ 4390 ·
   form 5880 · booking 6673. Soft sections (#f7f3fb) p40/20, white ones p20. Title bar 32×3 #f6911c r2 + gap 8, H2 22/30.
   Frame texts at 11px / 17 Bold / 14/19 are set to the nearest guide step (12, 600 16/24, 600 14/20). */
@media (max-width:767px){
  .ohio-tsp{--ts-arrow:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M5 12h14M13 6l6 6-6 6'/%3E%3C/svg%3E")}
  .ohio-tsp .ohio-container{padding:0 20px}
  .ohio-tsp .ohio-sec-title::before,.ohio-tsp__top .ohio-h1::before{content:"";display:block;width:32px;height:3px;margin-bottom:8px;border-radius:2px;background:var(--ohio-cta)}
  .ohio-tsp__series .ohio-sec-title::before{display:none}
  .ohio-tsp .ohio-sec-title{font-size:var(--ohio-h2-size);line-height:var(--ohio-h2-lh);color:var(--ohio-purple-700)}
  .ohio-tsp__sec{padding:20px 0}
  .ohio-tsp__feat,.ohio-tsp__series--soft,.ohio-tsp__more{padding:40px 0;background:var(--ohio-bg-soft)}
  /* level-3 outline buttons 3810:10648 / 10733 / 10770: 44 high, 1.5px #422666, 600 14/20 +4%, arrow 18 */
  .ohio-tsp__latest .ohio-container,.ohio-tsp__more .ohio-container{display:flex;flex-direction:column}
  .ohio-tsp__head{display:contents}
  .ohio-tsp__link,.ohio-tsp__docs-more .ohio-btn{order:2;display:flex;align-items:center;justify-content:center;gap:8px;width:100%;height:44px;margin-top:20px;padding:0 20px;
    border-radius:12px;box-shadow:inset 0 0 0 1.5px var(--ohio-purple-700);background:transparent;font:600 14px/20px var(--ohio-font-body);letter-spacing:.56px;text-transform:uppercase;
    color:var(--ohio-purple-700);text-decoration:none}
  .ohio-tsp__link::after,.ohio-tsp__docs-more .ohio-btn::after,.ohio-tsd__btn::after,.ohio-tsp__series-more .ohio-btn::after{content:"";flex:none;width:18px;height:18px;background:currentColor;
    -webkit-mask:var(--ts-arrow) center/100% no-repeat;
    mask:var(--ts-arrow) center/100% no-repeat}
  .ohio-tsp__link:hover{text-decoration:none;background:var(--ohio-purple-50)}

  /* head 3638:12223: p20, gap 16: crumbs 12/20 → bar + H1 26/34 → (gap 8) intro 15/24 #6e6780 */
  .ohio-tsp__top{padding:20px 0}
  .ohio-tsp__top .ohio-crumbs{display:flex;gap:6px;margin:0 0 16px;font:400 12px/20px var(--ohio-font-body)}
  .ohio-tsp__top .ohio-crumbs span:not([aria-current]){color:var(--ohio-neutral-300)}
  .ohio-tsp__top .ohio-crumbs [aria-current]{font-weight:600;color:var(--ohio-purple-700)}
  .ohio-tsp__top .ohio-h1{margin:0}
  .ohio-tsp__intro{margin:8px 0 0;font:400 15px/24px var(--ohio-font-body);color:var(--ohio-neutral-500)}

  /* feature card 3638:12267: 1px #eceaf0 r16; photo 196; body p16 gap 10: chips, title Montserrat 600 18/26, button 44 */
  .ohio-ts--feature,.ohio-tsp__series .ohio-ts--feature{display:flex;flex-direction:column;gap:0;margin-top:20px;border:1px solid var(--ohio-neutral-100);border-radius:var(--ohio-radius-l);background:#fff;overflow:hidden}
  .ohio-ts--feature .ohio-ts__media{height:196px;aspect-ratio:auto;border-radius:0}
  .ohio-ts--feature .ohio-ts__play{width:52px;height:52px;margin:-26px 0 0 -26px;background:#fff url(../img/talkshow/m-play-orange.svg) center/22px no-repeat;filter:drop-shadow(0 4px 6px rgba(66,38,102,.25))}
  .ohio-ts--feature .ohio-ts__body{gap:10px;padding:16px}
  .ohio-ts__meta{gap:8px}
  .ohio-ts--feature .ohio-ts__label{padding:4px 10px;border-radius:999px;background:var(--ohio-purple-50);font:600 12px/20px var(--ohio-font-body);letter-spacing:0;text-transform:none;color:var(--ohio-purple-700)}
  .ohio-ts--feature .ohio-ts__chip{padding:4px 10px;background:var(--ohio-neutral-50);font:600 12px/20px var(--ohio-font-body);color:var(--ohio-neutral-700)}
  .ohio-ts--feature .ohio-ts__t{margin:0;font:600 18px/26px var(--ohio-font-head);color:var(--ohio-purple-700)}
  .ohio-ts--feature .ohio-ts__btn{align-self:stretch;min-width:0;height:44px;margin:0;gap:8px;padding:0 20px;box-shadow:none;font-size:14px;line-height:20px;letter-spacing:.56px}
  .ohio-ts--feature .ohio-ts__btn-ico{order:2;width:18px;height:18px;
    -webkit-mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 18 18'%3E%3Cpath d='M6 4.13v9.74L14.25 9z'/%3E%3C/svg%3E") center/100% no-repeat;
    mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 18 18'%3E%3Cpath d='M6 4.13v9.74L14.25 9z'/%3E%3C/svg%3E") center/100% no-repeat}

  /* latest 3810:10610: first clip big (photo 197 r12, chips, title) + rule; then rows 140×79 r12 | label 12 + title 600 14/20 */
  .ohio-tsp__grid{display:flex;flex-direction:column;gap:16px;margin-top:20px}
  .ohio-tsp__latest .ohio-tsp__grid{gap:20px}
  .ohio-tsp__latest .ohio-ts{border:0;border-radius:0;background:transparent;overflow:visible}
  .ohio-tsp__latest .ohio-ts:first-child{gap:10px;padding-bottom:20px;border-bottom:1px solid var(--ohio-neutral-100)}
  .ohio-tsp__latest .ohio-ts:first-child .ohio-ts__media{height:197px;aspect-ratio:auto;border-radius:12px}
  .ohio-ts__play{background:#fff url(../img/talkshow/m-play-purple.svg) center/20px no-repeat;filter:none}
  .ohio-tsp__grid .ohio-ts__body{gap:10px;padding:0}
  .ohio-tsp__grid .ohio-ts__label,.ohio-tsp__grid .ohio-ts__chip{padding:3px 10px;border-radius:999px;background:var(--ohio-purple-100);font:600 12px/16px var(--ohio-font-body);letter-spacing:0;text-transform:none;color:var(--ohio-purple-700)}
  .ohio-tsp__grid .ohio-ts__t{margin:0;font:600 16px/24px var(--ohio-font-body);color:var(--ohio-neutral-800)}
  .ohio-tsp__grid .ohio-ts__more{display:none}
  /* rows (latest 2nd+ and series episodes 3810:10652): 140 thumb, gap 12; play 32 + 12 icon; text gap 4 */
  .ohio-tsp__latest .ohio-ts:not(:first-child),.ohio-ts--row{display:grid;grid-template-columns:140px minmax(0,1fr);gap:12px;height:auto;padding:0;border:0;border-radius:0;background:transparent}
  .ohio-tsp__latest .ohio-ts:not(:first-child) .ohio-ts__media,.ohio-ts--row .ohio-ts__media{height:79px;aspect-ratio:auto;border-radius:12px}
  .ohio-tsp__latest .ohio-ts:not(:first-child) .ohio-ts__play,.ohio-ts--row .ohio-ts__play{width:32px;height:32px;margin:-16px 0 0 -16px;background-size:12px}
  .ohio-tsp__latest .ohio-ts:not(:first-child) .ohio-ts__body,.ohio-ts--row .ohio-ts__body{gap:4px;padding:0}
  .ohio-tsp__latest .ohio-ts:not(:first-child) .ohio-ts__label{display:none}
  .ohio-tsp__latest .ohio-ts:not(:first-child) .ohio-ts__chip{padding:0;background:none}
  .ohio-tsp__latest .ohio-ts:not(:first-child) .ohio-ts__t,.ohio-ts--row .ohio-ts__t{margin:0;font:600 14px/20px var(--ohio-font-body);color:var(--ohio-neutral-800)}

  /* series 3638:12384: kicker 600 12/16 #5e3d8a +6%, gap 8, H2 (no bar); episodes 3810:10651 split by 1px #eceaf0, 16 apart */
  .ohio-tsp__kicker{margin:0 0 8px;font:600 12px/16px var(--ohio-font-body);letter-spacing:.72px;color:var(--ohio-purple-600)}
  .ohio-tsp__eps{display:block;margin-top:20px}
  .ohio-ts--row + .ohio-ts--row{margin-top:16px;padding-top:16px;border-top:1px solid var(--ohio-neutral-100)}
  .ohio-ts--row .ohio-ts__label{font:600 12px/16px var(--ohio-font-body);letter-spacing:.48px;color:var(--ohio-cta)}
  .ohio-ts--row .ohio-ts__btn{display:none}

  /* explore 3810:10691: cards r14 1px #eceaf0, photo 160, play 40 + 15 icon, body p12/14/14 gap 6, title 600 15/21 */
  .ohio-tsp__more .ohio-ts{border-color:var(--ohio-neutral-100);border-radius:14px}
  .ohio-tsp__more .ohio-ts__media{height:160px;aspect-ratio:auto}
  .ohio-tsp__more .ohio-ts__play{width:40px;height:40px;margin:-20px 0 0 -20px;background-size:15px}
  .ohio-tsp__more .ohio-ts__body{gap:6px;padding:12px 14px 14px}
  .ohio-tsp__more .ohio-ts__t{font-size:15px;line-height:21px}   /* frame 3810:10704 15/21 */

  /* doctors 3810:10737: cards r14 1px #eceaf0, photo 348/255, body p14/16/16 gap 6: degree chip, name 600 16/24, specialties 12/16, link */
  .ohio-tsp__docgrid{display:flex;flex-direction:column;gap:16px;margin-top:20px}
  .ohio-tsp__docs .ohio-tsd:nth-child(n+4){display:none}
  .ohio-tsd{height:auto;border-color:var(--ohio-neutral-100);border-radius:14px}
  .ohio-tsd__photo{aspect-ratio:348/255}
  .ohio-tsd__body{gap:6px;padding:14px 16px 16px}
  .ohio-tsd__deg{padding:3px 10px;border-radius:999px;font:600 12px/16px var(--ohio-font-body)}
  .ohio-tsd__name{margin:0;font:600 16px/24px var(--ohio-font-body);text-transform:none;color:var(--ohio-neutral-800)}
  .ohio-tsd__specs{display:block;margin:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;font:400 12px/16px var(--ohio-font-body);color:var(--ohio-neutral-500)}
  .ohio-tsd__specs li{display:inline;padding:0;background:none;font:400 12px/16px var(--ohio-font-body);color:var(--ohio-neutral-500);white-space:nowrap}
  .ohio-tsd__specs li + li::before{content:", "}
  .ohio-tsd__btn{align-self:flex-start;height:auto;margin:0;padding:4px 0 0;gap:6px;box-shadow:none;background:none;font:600 14px/20px var(--ohio-font-body);letter-spacing:0;text-transform:none;color:var(--ohio-purple-700)}
  .ohio-tsd__btn:hover{background:none;text-decoration:underline}
  .ohio-tsd__btn::after{width:16px;height:16px}
  .ohio-tsp__docs-more{display:block;margin:0}

  /* question form 3638:12604: #f7f3fb p40/20; intro → 20 → card 1px #eceaf0 r16 p16 gap 14; labels 600 13/20 #422666;
     fields 48 high 1px #bdb7c8 r10 px14 15/24; textarea 96; counter right 13/20; consent 13/20; submit 44 */
  .ohio-tsp__ask{padding:40px 0;background:var(--ohio-bg-soft)}
  .ohio-tsp__ask-card{display:block;margin:0;padding:0;border-radius:0;background:none}
  .ohio-tsp__ask-intro .ohio-sec-title{padding-left:0}
  .ohio-tsp__ask-intro .ohio-text{margin:8px 0 0;font:400 15px/24px var(--ohio-font-body);color:var(--ohio-neutral-500)}
  .ohio-tsp__ask-form{margin-top:20px;padding:16px;border-color:var(--ohio-neutral-100)}
  .ohio-tsp .ohio-tsform{grid-template-columns:1fr;gap:14px}
  .ohio-tsp .ohio-tsform .ohio-cform__f{gap:6px;font:600 13px/20px var(--ohio-font-body);color:var(--ohio-purple-700)}
  .ohio-tsp .ohio-tsform input,.ohio-tsp .ohio-tsform select,.ohio-tsp .ohio-tsform textarea{border-color:var(--ohio-neutral-300);border-radius:10px;font:400 15px/24px var(--ohio-font-body)}
  .ohio-tsp .ohio-tsform input[type=text],.ohio-tsp .ohio-tsform input[type=tel],.ohio-tsp .ohio-tsform select{height:48px;padding-left:14px}
  .ohio-tsp .ohio-tsform textarea{height:96px;padding:12px 14px}
  .ohio-tsp .ohio-tsform ::placeholder{color:var(--ohio-neutral-500)}
  .ohio-tsp .ohio-tsform .ohio-tsform__count{position:static;margin-top:8px;text-align:right;font:400 13px/20px var(--ohio-font-body);color:var(--ohio-neutral-500)}
  .ohio-tsp .ohio-tsform .ohio-cform__consent{align-items:flex-start;gap:10px;margin:0;font:400 13px/20px var(--ohio-font-body);color:var(--ohio-text-body)}
  .ohio-tsp .ohio-tsform .ohio-cform__consent input{width:18px;height:18px;margin:1px 0 0}
  .ohio-tsp .ohio-tsform .ohio-cform__foot{margin-top:0}
  .ohio-tsp .ohio-tsform .qh-tvf-submit{height:44px;gap:8px;padding:0 20px;font-size:14px;line-height:20px;letter-spacing:.56px}
  .ohio-tsp .ohio-tsform .qh-tvf-submit{min-height:0;background:var(--ohio-grad-primary);box-shadow:none}   /* 3638:12599 purple L2 (ohio-pages.css ≤767 makes it orange) */
  .ohio-tsform__send{order:2;width:18px;height:18px;-webkit-mask-image:var(--ts-arrow);mask-image:var(--ts-arrow)}   /* frame icon/arrow-right 18 */

  /* booking 3638:12614: p20 white; card = css/ohio-listing-stories-mobile.css; lead #1b1822 (3638:12607) */
  .ohio-tsp__book .ohio-stl__cta-wrap{padding:20px}
  .ohio-tsp__book .ohio-stl__cta-p{color:var(--ohio-neutral-900)}
}