/* 活動與講座頁：三資料庫與邀約區（丙版「對開」；提案 93_系統報告/115.09.30_活動講座頁邀約區三版預覽）。
   一個區塊、左右兩頁等高對開，中縫一道金線：左頁三資料庫（名冊），右頁邀約；企業內訓併入右頁，只留一個聯繫入口（沿用律師 115.09.29 選定之 cta-card）。
   左頁資料庫清單下緣與右頁卡片下緣切齊，上緣兩個標題同一基線。色碼只用站內既有色；不新增 JS。 */
.iv-c{--iv-rule:#bfa976;--iv-hair:#d9d5c9;--iv-ink:#213e50;--iv-soft:#52616a;--iv-label:#6f6245;--iv-gold:#957737;--iv-tint:#eae9e1}
html[data-theme=dark] .iv-c{--iv-rule:#80714d;--iv-hair:#334b58;--iv-ink:#dae3e7;--iv-soft:#bac7cb;--iv-label:#c8b47f;--iv-gold:#d8bf80;--iv-tint:#1b3240}

.lecture-invitation.iv-c{display:block;padding-top:72px;padding-bottom:96px}
.iv-spread{position:relative;display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);border-top:1px solid var(--iv-rule);border-bottom:1px solid var(--iv-rule)}
/* 上下緣各一道 40px 短金線，標示兩頁起點 */
.iv-spread::before,.iv-spread::after{content:'';position:absolute;top:-1px;width:40px;height:2px;background:var(--iv-gold)}
.iv-spread::before{left:0}
.iv-spread::after{left:calc(50% + 56px)}
.iv-page{display:flex;flex-direction:column;min-width:0;padding:44px 56px 48px 0}
.iv-page-inv{padding:44px 0 48px 56px;border-left:1px solid var(--iv-rule)}
.iv-page .studio-en{margin-bottom:0}
.iv-page h2{font-size:28px;line-height:1.5;margin:14px 0 0}

/* ═══ 左頁：三資料庫 ═══ */
.iv-list{flex:1;display:grid;grid-auto-rows:1fr;margin:28px 0 0;padding:0;list-style:none}
.iv-list .iv-ros{display:grid;grid-template-columns:118px minmax(0,1fr);align-content:center;align-items:baseline;padding:18px 0;border-top:1px solid var(--iv-hair)}
.iv-list .iv-ros:last-child{padding-bottom:0}
.iv-list .iv-org{font-size:14px;letter-spacing:.2em;color:var(--iv-label)}
.iv-list .iv-name{display:block;font-size:23px;font-weight:500;line-height:1.55;letter-spacing:.05em;color:var(--iv-ink)}
.iv-list .iv-name>span{display:inline}

/* ═══ 右頁：邀約＋企業內訓＋單一聯繫入口 ═══ */
.lecture-invitation.iv-c .iv-page-inv>p{font-size:15px;line-height:1.95;color:var(--iv-soft);margin:16px 0 0}
.lecture-invitation.iv-c .iv-also{display:flex;align-items:baseline;gap:14px;margin:14px 0 0;padding-top:14px;border-top:1px solid var(--iv-hair);font-size:15px;line-height:1.85}
.iv-also>span{flex:none;font-size:13px;letter-spacing:.14em;color:var(--iv-label)}
.iv-page-inv .cta-card{max-width:none;margin-top:28px}

/* 1001～1280：名稱改兩行（主題／專業人才資料庫），避免單字落行 */
@media(max-width:1280px){.iv-list .iv-name>span{display:block}}
/* ═══ 平板（621～1000）：左右頁改上下，左頁三資料庫改三欄 ═══ */
@media(max-width:1000px){
  .lecture-invitation.iv-c{padding-top:56px;padding-bottom:72px}
  .iv-spread{grid-template-columns:1fr}
  .iv-spread::after{display:none}
  .iv-page{padding:36px 0 36px}
  .iv-page-inv{padding:36px 0 40px;border-left:0;border-top:1px solid var(--iv-rule)}
  .iv-list{grid-template-columns:repeat(3,minmax(0,1fr));grid-auto-rows:auto;gap:0 24px;margin-top:22px}
  .iv-list .iv-ros{grid-template-columns:1fr;padding:16px 0 0}
  .iv-list .iv-ros:last-child{padding-bottom:0}
  .iv-list .iv-org{font-size:13px;margin-bottom:6px}
  .iv-list .iv-name{font-size:18px;letter-spacing:.03em}
  .iv-list .iv-name>span{display:block}
  .iv-page-inv .cta-card{max-width:560px}}
/* ═══ 手機（≤620） ═══ */
@media(max-width:620px){
  .lecture-invitation.iv-c{padding-top:44px;padding-bottom:56px}
  .iv-page{padding:28px 0 28px}
  .iv-page-inv{padding:28px 0 32px}
  .iv-list{grid-template-columns:1fr;margin-top:16px}
  .iv-list .iv-ros{grid-template-columns:96px minmax(0,1fr);padding:14px 0 15px}
  .iv-list .iv-ros:last-child{padding-bottom:0}
  .iv-list .iv-org{font-size:13px;letter-spacing:.12em;margin:0}
  .iv-list .iv-name{font-size:17px}
  .lecture-invitation.iv-c .iv-also{display:block}
  .iv-also>span{display:block;margin-bottom:2px}
  .iv-page-inv .cta-card{max-width:none;margin-top:22px}}

/* ═══ 115.09.30 整批修正（律師裁示）═══ */
/* B：企業內訓列下方之服務說明連結（link-guides.css 既有 mini-link 樣式） */
.iv-page-inv .iv-also-link{align-self:flex-start;margin-top:14px}
/* H1：本頁目次只有三項，桌機與平板改三欄；手機改單欄三列，避免「演講與教育訓練邀／約」斷字 */
.lectures-hero .studio-route{grid-template-columns:repeat(3,minmax(0,1fr))}
@media(max-width:620px){
  .lectures-hero .studio-route{grid-template-columns:1fr}
  .lectures-hero .studio-route a,.lectures-hero .studio-route a:first-child{padding:12px 0;min-height:48px;border-right:0}
  .lectures-hero .studio-route a:not(:last-child){border-bottom:1px solid #d3d5ca}
  /* H2：首屏導言手機版不採寫死換行，讓文字自然排（避免「持續／更新。」短行） */
  .lectures-intro p br{display:none}}

/* ═══ 115.09.30 第二小批（律師裁示）═══ */
/* 企業內訓說明句：包一層 .iv-also-text（不吃 .iv-also>span 之欄名樣式），句尾「教育訓練。」以 .nw-group 不拆，避免「練。」孤字（1024、360、340 寬） */
.lecture-invitation.iv-c .iv-also>.iv-also-text{flex:1 1 auto;min-width:0;font-size:inherit;letter-spacing:inherit;color:inherit;display:inline}
@media(max-width:620px){.lecture-invitation.iv-c .iv-also>.iv-also-text{display:inline;margin:0}}