/* ============================================================================
   單篇頁的樣式（L4-2，2026-10-04）
   ----------------------------------------------------------------------------
   搭配：im-theme/im-academy/single-common.php（五種單篇共用外框）
   依賴：im-design-system.css（L5 全站載入，handle im-design-system）；本檔只補它沒有的。
   顏色與間距一律用設計系統的變數，不寫死色碼。RWD 沿用既有斷點 1000／640。

   補的東西：
   ① .b1-flow  頁首後面緊接內容時拿掉區塊上緣
      ⚠️ 這條跟 academy-sub 的 im-subpages.css、靜態稿的 TODO 樣式是同一條，之後請 A 線併入設計系統，
         併入後這裡與 im-subpages.css 各自刪掉即可（兩邊同時存在不會壞）。
   ② .im-single__facts／__dl／__status／__tags  Hero 標題下面的「資料欄」（活動時間地點、對應課程、講師標籤）
   ③ .im-single__date  文章發布日期
   ④ .im-single__disclaimer  成功案例的個案但書
   ⑤ .im-single__content  內容段的基本排版保險（內容段自帶的樣式限定在 .im-page-{id} 內，優先於這裡）
   ⑥ #single-related 裡的 [im_list] 卡片：沿用 im-subpages.css 的 .im-list 樣式（子頁有載入時）；
      單篇頁不一定載入 im-subpages.css，所以卡片的基本版面在這裡再給一份最小的。
   ============================================================================ */

/* ① */
.im-academy .b1-flow { padding-block-start: 0; }

/* ② 資料欄 */
.im-academy .im-single__facts {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: var(--im-s-3);
}
.im-academy .im-single__dl { display: grid; gap: var(--im-s-3); margin: 0; }
.im-academy .im-single__dl > div { display: flex; gap: var(--im-s-4); align-items: baseline; }
.im-academy .im-single__dl dt {
  flex: none;
  min-width: 3em;
  font-size: var(--im-fs-2xs);
  letter-spacing: var(--im-ls-wide);
  color: var(--im-text-muted);
}
.im-academy .im-single__dl dd { margin: 0; font-size: var(--im-fs-sm); color: var(--im-text); }
.im-academy .im-single__dl a { color: var(--im-brand-ink); text-decoration: underline; text-underline-offset: 3px; }

/* 已結束：用邊框膠囊，不靠顏色單獨傳達（色盲也看得出來）；對比用一般文字色 */
.im-academy .im-single__status {
  display: inline-block;
  padding: var(--im-s-1) var(--im-s-4);
  border: var(--im-hairline) solid var(--im-text-muted);
  border-radius: var(--im-radius-pill);
  font-size: var(--im-fs-xs);
  letter-spacing: var(--im-ls-wide);
  color: var(--im-text);
}

.im-academy .im-single__tags { display: flex; flex-wrap: wrap; gap: var(--im-s-2); margin: 0; padding: 0; list-style: none; }

/* ③ */
.im-academy .im-single__date { font-size: var(--im-fs-xs); color: var(--im-text-muted); }

/* ④ 但書：字級跟正文一樣可讀（24_ 手冊 12-3：不能是灰色小字），所以用 sm 與一般文字色 */
.im-academy .im-single__disclaimer {
  margin-block-start: var(--im-s-7);
  padding-block-start: var(--im-s-4);
  border-block-start: var(--im-hairline) solid var(--im-line);
  font-size: var(--im-fs-sm);
  color: var(--im-text);
}

/* ⑤ 內容段基本保險 */
.im-academy .im-single__content { max-width: 100%; overflow-wrap: anywhere; }
.im-academy .im-single__content img,
.im-academy .im-single__content video,
.im-academy .im-single__content iframe { max-width: 100%; height: auto; }
.im-academy .im-single__content table { display: block; max-width: 100%; overflow-x: auto; }

/* ⑥ 本院其他：最小的卡片版面（子頁的 .im-list 樣式沒載入時用） */
.im-academy #single-related .im-list {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: var(--im-block-gap);
  margin: 0;
  padding: 0;
  list-style: none;
}
.im-academy #single-related .im-list > .im-card {
  display: flex;
  overflow: hidden;
  border: var(--im-hairline) solid var(--im-line);
  border-radius: var(--im-card-radius);
  background: var(--im-surface);
}
.im-academy #single-related .im-card__link { display: flex; flex-direction: column; width: 100%; color: inherit; }
.im-academy #single-related .im-card__thumb { display: block; overflow: hidden; aspect-ratio: 16 / 9; background: var(--im-surface-3); }
.im-academy #single-related .im-card__thumb img { width: 100%; height: 100%; object-fit: cover; }
.im-academy #single-related .im-card__body { flex: 1; align-items: flex-start; padding: var(--im-s-5); gap: var(--im-s-2); }
.im-academy #single-related .im-card__title { font-family: var(--im-font-serif); font-size: var(--im-fs-md); color: var(--im-text-strong); }
.im-academy #single-related .im-card__excerpt { font-size: var(--im-fs-xs); color: var(--im-text-muted); }

@media (max-width: 1000px) {
  .im-academy #single-related .im-list { grid-template-columns: repeat(2, minmax(0, 1fr)); }
}
@media (max-width: 640px) {
  .im-academy #single-related .im-list { grid-template-columns: minmax(0, 1fr); }
  .im-academy .im-single__dl > div { flex-direction: column; gap: var(--im-s-1); }
}

/* ── 設計稿 V2：單篇 Hero、閱讀欄與底部區塊 ─────────────────────────────── */
.im-academy .im-single__hero { padding-block: clamp(1.5rem, 4vw, 4rem) clamp(2.5rem, 6vw, 6rem); }
.im-academy .im-single__hero .im-phead { min-height: clamp(22rem, 42vw, 38rem); align-items: stretch; }
.im-academy .im-single__hero .im-phead__main { display: flex; flex-direction: column; justify-content: center; padding-block: var(--im-s-7); }
.im-academy .im-single__hero .im-phead__title { max-width: 12ch; font-size: clamp(2rem, 4.5vw, 4.5rem); }
.im-academy .im-single__hero .im-phead__lede { max-width: 34rem; font-size: max(14px, var(--im-fs-sm)); }
.im-academy .im-single__hero .im-phead__media { min-height: 100%; }
.im-academy .im-single__hero .im-phead__media img { width: 100%; height: 100%; object-fit: cover; }
.im-academy .im-single__reading { background: var(--im-surface-2); padding-block: clamp(2.5rem, 6vw, 6rem); }
.im-academy .im-single__reading .im-wrap { max-width: var(--im-container); }   /* 10/12 寬度 1440：單篇內文容器＝內容寬（派工規則 4），原 72rem */
.im-academy .im-single__content { max-width: 100%; margin-inline: auto; }   /* 原 62rem */
.im-academy .im-single__content > :not(.im-blk) { max-width: 100%; margin-inline: auto; }   /* 原 46rem；整頁 HTML 填滿內容寬 */
.im-academy #single-related { padding-block: clamp(2.5rem, 6vw, 6rem); }
.im-academy .im-form { border-block-start: var(--im-hairline) solid var(--im-line); background: var(--im-surface); }
.im-academy .im-form .im-wrap { max-width: 72rem; }
@media (max-width: 640px) {
  .im-academy .im-single__hero .im-phead { min-height: 0; }
  .im-academy .im-single__hero .im-phead__main { padding-block: var(--im-s-5); }
  .im-academy .im-single__hero .im-phead__title { font-size: clamp(2rem, 10vw, 3rem); }
  .im-academy .im-single__hero .im-phead__media { min-height: 15rem; }
}

/* ============================================================================
   ⑦ 內文區塊 .im-blk（L6 內容包契約 v0.1 第 4-4 節；樣式歸 L4，總控 10/04 指派）
   ----------------------------------------------------------------------------
   區塊種類：intro／syllabus／outcome／audience／format／cert／faq
   子元素：.im-blk__list（ol／ul）、.im-blk__facts（dl，dt／dd 平鋪）、.im-blk__qa（details）
   範本寫法：<section class="im-blk im-blk--{種類} im-px-section">。
   ⚠️ 範本帶了原型 proto.css 的 .im-px-section（會加上下 padding）；本節用較高的特異性重設，
      不依賴 proto.css，proto.css 之後拿掉也不會變。
   顏色全部用設計系統變數，淺深兩版自動換；不寫死色碼。
   契約第 11 節 #1 的缺口（「.im-blk 沒有樣式」）由本節補上。
   ============================================================================ */

.im-academy .im-blk,
.im-academy .im-blk.im-px-section {
  padding: var(--im-s-8) 0;
  border-block-start: var(--im-hairline) solid var(--im-line);
}
.im-academy .im-single__content > .im-blk:first-child,
.im-academy .im-single__content > .im-blk.im-px-section:first-child {
  border-block-start: 0;
  padding-block-start: 0;
}
.im-academy .im-blk > * { max-width: 46rem; }

/* 區塊標題（h2）：細短線＋襯線字，跟設計系統的 .im-title 同一個語氣，但字級小一階（內文區不搶 Hero） */
.im-academy .im-blk > h2 {
  position: relative;
  margin: 0 0 var(--im-s-5);
  padding-block-start: var(--im-s-4);
  font-family: var(--im-font-serif);
  font-size: var(--im-fs-xl);
  font-weight: var(--im-fw-normal);
  line-height: var(--im-rhythm-tight);
  color: var(--im-text-strong);
}
.im-academy .im-blk > h2::before {
  content: "";
  position: absolute;
  inset-block-start: 0;
  inset-inline-start: 0;
  width: 2.5rem;
  height: 2px;
  background: var(--im-brand-ink);
}
.im-academy .im-blk h3 {
  margin: var(--im-s-6) 0 var(--im-s-3);
  font-family: var(--im-font-serif);
  font-size: var(--im-fs-lg);
  font-weight: var(--im-fw-normal);
  color: var(--im-text-strong);
}
.im-academy .im-blk p {
  margin: 0 0 var(--im-s-4);
  font-size: var(--im-fs-sm);
  line-height: var(--im-rhythm);
  color: var(--im-text);
}
.im-academy .im-blk p:last-child { margin-block-end: 0; }
.im-academy .im-blk a {
  color: var(--im-brand-ink);
  text-decoration: underline;
  text-underline-offset: 3px;
}
.im-academy .im-blk a:hover { opacity: .8; }

/* intro：開場一段話，字放大一點 */
.im-academy .im-blk--intro > p {
  font-size: var(--im-fs-md);
  line-height: var(--im-rhythm);
  color: var(--im-text-strong);
}

/* 清單共通（syllabus 用 ol、outcome／audience 用 ul） */
.im-academy .im-blk__list { margin: 0; padding: 0; list-style: none; }

/* syllabus：編號清單，兩欄，每項一條細線；編號用英文字體的細字，跟學院首頁 S3 的 .im-numeral 同調 */
.im-academy .im-blk--syllabus > .im-blk__list {
  max-width: none;
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  column-gap: var(--im-s-8);
  counter-reset: im-blk;
}
.im-academy .im-blk--syllabus > .im-blk__list > li {
  counter-increment: im-blk;
  display: flex;
  align-items: baseline;
  gap: var(--im-s-4);
  padding: var(--im-s-4) 0;
  border-block-end: var(--im-hairline) solid var(--im-line);
  font-size: var(--im-fs-sm);
  line-height: var(--im-rhythm-tight);
  color: var(--im-text);
}
.im-academy .im-blk--syllabus > .im-blk__list > li::before {
  content: counter(im-blk, decimal-leading-zero);
  flex: none;
  min-width: 2.5ch;
  font-variant-numeric: tabular-nums;
  font-family: var(--im-font-en);
  font-size: var(--im-fs-xs);
  font-weight: var(--im-fw-light);
  letter-spacing: var(--im-ls-wide);
  color: var(--im-brand-ink);
}

.im-academy .im-blk--syllabus > .im-blk__list > li:last-child { border-block-end: 0; }
@media (min-width: 1001px) {
  /* 兩欄時，倒數第二項若落在左欄也是最後一列 */
  .im-academy .im-blk--syllabus > .im-blk__list > li:nth-last-child(2):nth-child(odd) { border-block-end: 0; }
}

/* outcome／audience：點列清單，每項前面一個小圓點（用品牌色） */
.im-academy .im-blk--outcome > .im-blk__list > li,
.im-academy .im-blk--audience > .im-blk__list > li {
  position: relative;
  padding: var(--im-s-3) 0 var(--im-s-3) var(--im-s-6);
  font-size: var(--im-fs-sm);
  line-height: var(--im-rhythm);
  color: var(--im-text);
}
.im-academy .im-blk--outcome > .im-blk__list > li::before,
.im-academy .im-blk--audience > .im-blk__list > li::before {
  content: "";
  position: absolute;
  inset-inline-start: var(--im-s-1);
  inset-block-start: 1.15em;
  width: 6px;
  height: 6px;
  border-radius: 50%;
  background: var(--im-brand-ink);
}
/* outcome 放在底色框裡，跟 audience 區分（一個是「得到什麼」，一個是「適合誰」） */
.im-academy .im-blk--outcome > .im-blk__list {
  padding: var(--im-s-4) var(--im-s-6);
  border-radius: var(--im-card-radius);
  background: var(--im-surface-2);
}

/* format：時數、校區等資料。dt／dd 平鋪在同一個 dl 裡 → 用兩欄格線，dt 窄、dd 寬 */
.im-academy .im-blk__facts {
  display: grid;
  grid-template-columns: max-content minmax(0, 1fr);
  gap: 0;                       /* 欄距改用 dd 的左內距，dt／dd 的底線才會連成一條 */
  margin: 0 0 var(--im-s-5);
  padding: var(--im-s-2) var(--im-s-6);
  border: var(--im-hairline) solid var(--im-line);
  border-radius: var(--im-card-radius);
  background: var(--im-surface);
}
.im-academy .im-blk__facts dt,
.im-academy .im-blk__facts dd {
  margin: 0;
  padding: var(--im-s-4) 0;
  border-block-end: var(--im-hairline) solid var(--im-line);
  font-size: var(--im-fs-sm);
}
.im-academy .im-blk__facts dt { letter-spacing: var(--im-ls-wide); color: var(--im-text-muted); }
.im-academy .im-blk__facts dd { padding-inline-start: var(--im-s-7); color: var(--im-text); }
.im-academy .im-blk__facts dt:nth-last-of-type(1),
.im-academy .im-blk__facts dd:last-of-type { border-block-end: 0; }

/* cert：證照輔導。左邊一條品牌色線＋底色，讓它在整頁裡看得出是「重點資訊」 */
.im-academy .im-blk--cert > p {
  padding: var(--im-s-5) var(--im-s-6);
  border-inline-start: 3px solid var(--im-brand-ink);
  border-radius: 0 var(--im-radius-sm) var(--im-radius-sm) 0;
  background: var(--im-surface-2);
}

/* faq：<details> 手風琴。收合是合法的（10_全站技術紅線）；摘要右邊的加號跟設計系統的 .im-acc 同一個畫法 */
.im-academy .im-blk__qa { border-block-end: var(--im-hairline) solid var(--im-line); }
.im-academy .im-blk--faq > h2 + .im-blk__qa { border-block-start: var(--im-hairline) solid var(--im-line); }
.im-academy .im-blk__qa > summary {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: var(--im-s-4);
  padding: var(--im-s-5) 0;
  cursor: pointer;
  list-style: none;
  font-size: var(--im-fs-sm);
  color: var(--im-text-strong);
  transition: color var(--im-dur) var(--im-ease);
}
.im-academy .im-blk__qa > summary::-webkit-details-marker { display: none; }
.im-academy .im-blk__qa > summary::after {
  content: "";
  flex: none;
  width: 11px;
  height: 11px;
  background:
    linear-gradient(currentColor, currentColor) center / 100% 1px no-repeat,
    linear-gradient(currentColor, currentColor) center / 1px 100% no-repeat;
  transition: transform var(--im-dur) var(--im-ease);
}
.im-academy .im-blk__qa[open] > summary { color: var(--im-brand-ink); }
.im-academy .im-blk__qa[open] > summary::after { background-size: 100% 1px, 0 0; }   /* 展開＝減號 */
.im-academy .im-blk__qa > summary:hover { color: var(--im-brand-ink); }
.im-academy .im-blk__qa > summary:focus-visible { outline: 2px solid var(--im-brand-ink); outline-offset: 2px; }
.im-academy .im-blk__qa > p { padding-block-end: var(--im-s-5); color: var(--im-text-muted); }

@media (max-width: 1000px) {
  .im-academy .im-blk--syllabus > .im-blk__list { grid-template-columns: minmax(0, 1fr); }
}
@media (max-width: 640px) {
  .im-academy .im-blk,
  .im-academy .im-blk.im-px-section { padding-block: var(--im-s-7); }
  .im-academy .im-blk > h2 { font-size: var(--im-fs-lg); }
  .im-academy .im-blk--outcome > .im-blk__list { padding: var(--im-s-3) var(--im-s-5); }
  /* 資料欄手機改單欄：dt 在上、dd 在下 */
  .im-academy .im-blk__facts { grid-template-columns: minmax(0, 1fr); padding: var(--im-s-2) var(--im-s-5); }
  .im-academy .im-blk__facts dt { padding-block-end: 0; border-block-end: 0; }
  .im-academy .im-blk__facts dd { padding-block-start: var(--im-s-1); padding-inline-start: 0; }
  .im-academy .im-blk__facts dt:nth-last-of-type(1) { border-block-end: 0; }
}

/* 派工30：閱讀区依内容包完整呈現，不補寫未核可文案。 */
.im-single__hero{padding-block:28px}.im-single .im-phead{align-items:center;padding-block:20px}.im-single .im-phead__title{font-size:clamp(30px,3.8vw,54px)}
.im-single .im-phead__media img{max-height:440px;object-fit:cover;width:100%}
.im-single__content .im-blk{margin-block:24px;padding:28px;border:1px solid var(--im-line);font-size:16px}
.im-single__content .im-blk h2{font-size:28px}.im-single__content .im-blk h3{font-size:22px}
.im-single__content .im-blk--intro{background:#080808;color:#fff;padding:36px;border-color:var(--im-brand-ink)}
.im-single__content .im-blk--intro h2{color:var(--im-brand-ink)}
.im-single__content .im-blk__list{font-size:16px;line-height:1.9}
.im-single__date,.im-single__disclaimer,.im-single__tags li{font-size:14px}

.im-single .im-eyebrow,.im-single__content dt{font-size:14px!important}
.im-single__content .im-blk--intro p{color:#fff!important}
.im-single .im-phead__media{width:100%;max-width:100%;min-width:0}
.im-single .im-phead__media img{width:100%;max-width:100%;height:auto}

.im-single__dl dt{font-size:14px!important}

/* 第44件：單篇滿版外框、圖片暗調，不靠空白撐高。 */
body:has(.im-single){padding-right:0!important}.im-academy .im-single.im-single{padding-bottom:0}.im-academy .im-single.im-single .im-phead__media{aspect-ratio:auto;max-height:none;height:430px;overflow:hidden}.im-academy .im-single.im-single .im-phead__media img{height:100%;width:100%;max-height:none;object-fit:cover;filter:brightness(.6) saturate(.65)}.im-academy .im-single.im-single .im-phead__title{max-width:16ch;font-size:clamp(30px,3.4vw,49px)}.im-academy .im-single.im-single .im-section{padding-block:28px}.im-academy .im-single.im-single .im-single__content{padding-block:28px}.im-academy .im-single.im-single .im-blk{margin-block:18px;padding:24px;min-height:0}.im-academy .im-single.im-single .im-card__thumb img{filter:brightness(.6) saturate(.65)}body:has(.im-single) .im-footer--site{margin-top:0!important}
@media(max-width:750px){.im-academy .im-single.im-single .im-phead__media{height:280px}.im-academy .im-single.im-single .im-blk{padding:18px}.im-academy .im-single.im-single .im-phead__title{font-size:32px}}
.im-academy .im-single.im-single .im-single__reading{background:#eee8e1;color:#201810;--im-bg:#eee8e1;--im-surface:#f5f0e9;--im-surface-2:#ede3d7;--im-text:#201810;--im-text-strong:#201810;--im-text-muted:#55483c;--im-line:#b9aa98;--im-line-strong:#aa9980;--im-brand-ink:#705225}
.im-academy .im-single.im-single .im-single__content{--im-bg:#eee8e1;--im-surface:#f5f0e9;--im-text:#201810;--im-text-muted:#55483c;--im-brand-ink:#705225}.im-academy .im-single.im-single .im-blk:not(.im-blk--intro){background:transparent!important;color:#201810!important}.im-academy .im-single.im-single .im-blk:not(.im-blk--intro) :is(h2,h3,p,li,dt,dd,summary){color:#201810!important}.im-academy .im-single.im-single .im-single__visual{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;padding-block:16px}.im-academy .im-single.im-single .im-single__visual img{width:100%;height:200px;object-fit:cover;filter:brightness(.6) saturate(.65)!important}.im-academy .im-single.im-single .im-phead__media img{height:100%!important;object-fit:cover!important;filter:brightness(.6) saturate(.65)!important}
.im-academy .im-single.im-single .im-form{background:#eee8e1;color:#201810}.im-consult-preview{padding:24px;border:1px solid #a99475;color:#201810;background:#eee8e1}.im-consult-preview h2{font-size:28px;color:#201810}.im-consult-preview fieldset{border:0;padding:0;margin:0;min-width:0}.im-consult-preview__fields{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}.im-consult-preview label{font-size:14px;color:#201810}.im-consult-preview input,.im-consult-preview select,.im-consult-preview textarea{display:block;width:100%;min-height:38px;font-size:16px;color:#201810;border:1px solid #a99475;background:transparent;margin-top:5px;opacity:1}.im-consult-preview button{width:100%;font-size:18px;padding:12px;color:#080808;background:#eac15f;margin-top:20px;border:0}
@media(max-width:750px){.im-academy .im-single.im-single .im-single__visual{grid-template-columns:repeat(2,minmax(0,1fr))}.im-academy .im-single.im-single .im-single__visual img{height:150px}.im-consult-preview__fields{grid-template-columns:1fr}.im-consult-preview{padding:16px}}
.im-academy .im-single.im-single .im-blk--intro{display:grid!important;grid-template-columns:1fr 1fr;gap:20px;align-items:center;padding:20px!important;min-height:280px}.im-academy .im-single.im-single .im-course-intro__media img{width:100%;height:230px;object-fit:cover;filter:brightness(.5) saturate(.65)!important}.im-academy .im-single.im-single .im-course-disclosure{padding:0;margin:12px 0;border:1px solid #b9aa98;border-radius:6px}.im-academy .im-single.im-single .im-course-disclosure>summary{font-size:18px;padding:16px 20px;color:#201810;cursor:pointer}.im-academy .im-single.im-single .im-course-disclosure__body>.im-blk{border:0!important;margin:0!important;padding-top:0!important}.im-academy .im-single.im-single .im-course-disclosure__body h2{display:none}
@media(max-width:750px){.im-academy .im-single.im-single .im-blk--intro{grid-template-columns:1fr!important}.im-academy .im-single.im-single .im-course-disclosure>summary{font-size:16px}}

.im-academy:has(.im-single){padding-bottom:0!important}.im-academy .im-single.im-single .im-phead{min-height:0!important}.im-academy .im-single.im-single .im-phead__media{background:none!important}
.im-academy .im-single.im-single .im-single__content{max-width:none!important;width:100%!important;margin-inline:0!important}.im-academy .im-single.im-single .im-single__visual{width:100%!important;margin:0!important}.im-academy .im-single.im-single .im-course-disclosure{width:100%!important}.im-academy .im-single.im-single .im-single__reading .im-wrap{width:calc(100% - 112px);max-width:none}.im-academy .im-single.im-single .im-form .im-wrap{width:calc(100% - 112px);max-width:none}
@media(max-width:750px){.im-academy .im-single.im-single .im-single__reading .im-wrap,.im-academy .im-single.im-single .im-form .im-wrap{width:calc(100% - 40px)}}
.im-academy .im-single.im-single .im-blk:has(.im-story-block__media){display:grid;grid-template-columns:1fr 1fr;gap:24px;align-items:center}.im-academy .im-single.im-single .im-blk:nth-of-type(even) .im-story-block__media{order:-1}.im-academy .im-single.im-single .im-story-block__media img{width:100%;height:260px;object-fit:cover;filter:brightness(.6) saturate(.65)!important}.im-academy .im-single.im-single .im-blk--intro:has(.im-story-block__media){min-height:240px}
@media(max-width:750px){.im-academy .im-single.im-single .im-blk:has(.im-story-block__media){grid-template-columns:1fr}.im-academy .im-single.im-single .im-blk:nth-of-type(even) .im-story-block__media{order:0}.im-academy .im-single.im-single .im-story-block__media img{height:220px}}
.im-academy .im-single.im-single .im-course-feature{display:grid;grid-template-columns:1fr 1.2fr;gap:24px;align-items:center;min-height:320px;margin-block:16px;border:1px solid #b9aa98;padding:20px;color:#201810}.im-academy .im-single.im-single .im-course-feature h2{font-size:28px;color:#201810}.im-academy .im-single.im-single .im-course-feature p{font-size:16px;color:#201810}.im-academy .im-single.im-single .im-course-feature img{width:100%;height:280px;object-fit:cover;filter:brightness(.6) saturate(.65)}.im-academy .im-single.im-single #single-related{padding-block:20px}.im-academy .im-single.im-single #single-related .im-title{font-size:28px}.im-academy .im-single.im-single #single-related .im-card__thumb{height:150px;aspect-ratio:auto}.im-academy .im-single.im-single #single-related .im-card__title{font-size:18px}.im-academy .im-single.im-single #single-related .im-card__excerpt{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;font-size:14px}
@media(max-width:750px){.im-academy .im-single.im-single .im-course-feature{grid-template-columns:1fr;min-height:0}.im-academy .im-single.im-single .im-course-feature img{height:220px}}