/* 上師法語《大師談心》樣式。楓紅/米色系，書卷質感。 */
.yl-main{max-width:820px;margin:0 auto;padding:20px 16px 72px;}

/* ---- 封面/頁首 ---- */
.yl-cover{text-align:center;padding:30px 0 6px;}
.yl-mark img{height:54px;opacity:.9;}
.yl-cover h1{font-family:"Noto Serif TC",serif;color:var(--maroon);font-size:1.9rem;letter-spacing:.14em;margin:12px 0 8px;}
.yl-cover-sub{color:#8a7167;font-size:.95rem;letter-spacing:.03em;}
.yl-divider{width:56px;height:3px;background:var(--maroon);opacity:.7;border-radius:2px;margin:16px auto 0;}

/* ---- 章 tab ---- */
.yl-tabs{display:flex;flex-wrap:wrap;gap:9px;justify-content:center;margin:24px 0 6px;}
.yl-tabs a{font-family:"Noto Serif TC",serif;font-size:.94rem;color:var(--maroon);border:1px solid #e2d7cf;border-radius:99px;padding:7px 20px;text-decoration:none;background:#fff;transition:.15s;}
.yl-tabs a:hover{background:#faf5f1;}
.yl-tabs a.on{background:var(--maroon);color:#fff;border-color:var(--maroon);}
.yl-chap-intro{text-align:center;color:#8a7167;font-size:.9rem;margin:14px 0 2px;}
.yl-chap-intro b{color:var(--maroon);font-family:"Noto Serif TC",serif;font-size:1.05rem;}

/* ---- 列表卡 ---- */
.yl-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:20px;margin-top:22px;}
.yl-card{background:#fff;border:1px solid #ece3dc;border-radius:16px;overflow:hidden;text-decoration:none;color:inherit;display:flex;flex-direction:column;transition:.18s;}
.yl-card:hover{box-shadow:0 8px 26px rgba(122,78,73,.14);transform:translateY(-3px);}
.yl-card-img{position:relative;aspect-ratio:4/3;background:#eee;overflow:hidden;}
.yl-card-img img{width:100%;height:100%;object-fit:cover;display:block;transition:.4s;}
.yl-card:hover .yl-card-img img{transform:scale(1.05);}
.yl-card-ph{width:100%;height:100%;display:flex;align-items:center;justify-content:center;color:#c8bab2;font-family:"Noto Serif TC",serif;}
.yl-card-seq{position:absolute;left:10px;top:10px;background:rgba(122,78,73,.86);color:#f7ecd8;font-family:"Noto Serif TC",serif;font-size:.78rem;letter-spacing:.1em;border-radius:8px;padding:3px 9px;}
.yl-card-title{font-family:"Noto Serif TC",serif;font-size:1.12rem;color:var(--ink,#4d3b36);margin:14px 16px 4px;line-height:1.4;flex:1;}
.yl-card-ch{color:#a98e84;font-size:.8rem;margin:0 16px 14px;}
.yl-empty{grid-column:1/-1;text-align:center;color:#9a8a84;padding:56px 0;}

/* ---- 單篇 ---- */
.yl-article{background:#fff;border:1px solid #ece3dc;border-radius:20px;padding:26px 26px 30px;box-shadow:0 4px 24px rgba(122,78,73,.06);}
.yl-back{display:inline-block;color:var(--maroon);text-decoration:none;font-size:.9rem;margin-bottom:16px;}
.yl-hero{border-radius:14px;overflow:hidden;margin-bottom:20px;}
.yl-hero img{width:100%;display:block;}
.yl-head{display:flex;align-items:center;gap:12px;margin-bottom:6px;flex-wrap:wrap;}
.yl-seq{font-family:"Noto Serif TC",serif;font-size:1.1rem;color:#b89a6a;letter-spacing:.16em;}
.yl-chip{font-size:.78rem;background:#f3e7d7;color:#8a5a2b;border-radius:99px;padding:4px 13px;}
.yl-title{font-family:"Noto Serif TC",serif;color:var(--maroon);font-size:1.72rem;line-height:1.35;margin:4px 0 22px;letter-spacing:.02em;}

.yl-sec{margin:24px 0;}
.yl-sec-h{display:flex;align-items:center;gap:8px;font-family:"Noto Serif TC",serif;color:var(--maroon);font-size:1.12rem;margin:0 0 12px;padding-bottom:8px;border-bottom:1px solid #efe6df;}
.yl-ico{font-size:1.05rem;}
.yl-p{font-size:1.05rem;line-height:2.05;color:#463a35;margin:0 0 1.05em;text-align:justify;letter-spacing:.01em;}
.yl-p:last-child{margin-bottom:0;}
.yl-list{list-style:none;padding:0;margin:0;}
.yl-list li{position:relative;padding:9px 0 9px 26px;font-size:1.02rem;line-height:1.75;color:#463a35;border-bottom:1px dashed #efe6df;}
.yl-list li:last-child{border-bottom:none;}
.yl-list li::before{content:"❋";position:absolute;left:2px;top:9px;color:#c8a86a;font-size:.92rem;}

/* 法語：突顯引言塊 */
.yl-verse{position:relative;margin:28px 0 6px;padding:26px 26px 24px;background:linear-gradient(135deg,#7a4e49,#8f5b52);border-radius:16px;text-align:center;color:#fbefdc;overflow:hidden;}
.yl-verse-mark{font-family:"Noto Serif TC",serif;letter-spacing:.4em;font-size:.82rem;opacity:.75;margin-bottom:12px;}
.yl-verse p{font-family:"Noto Serif TC",serif;font-size:1.24rem;line-height:1.95;margin:0;letter-spacing:.06em;}
.yl-verse::before,.yl-verse::after{position:absolute;font-family:"Noto Serif TC",serif;font-size:3.2rem;opacity:.16;}
.yl-verse::before{content:"“";left:14px;top:4px;}
.yl-verse::after{content:"”";right:16px;bottom:-12px;}

/* 模式切換（卡片 / 目錄） */
.yl-modebar{display:flex;gap:10px;justify-content:center;margin:22px 0 4px;}
.yl-modebar a{font-family:"Noto Serif TC",serif;font-size:.92rem;color:var(--maroon);border:1px solid #e2d7cf;border-radius:99px;padding:7px 22px;text-decoration:none;background:#fff;transition:.15s;}
.yl-modebar a:hover{background:#faf5f1;}
.yl-modebar a.on{background:var(--maroon);color:#fff;border-color:var(--maroon);}

/* 目錄索引 */
.yl-toc{margin-top:24px;display:flex;flex-direction:column;gap:26px;}
.yl-toc-ch{background:#fff;border:1px solid #ece3dc;border-radius:16px;padding:20px 22px;}
.yl-toc-h{display:flex;align-items:baseline;gap:10px;font-family:"Noto Serif TC",serif;color:var(--maroon);font-size:1.25rem;margin:0 0 14px;padding-bottom:12px;border-bottom:1px solid #efe6df;}
.yl-toc-h .yl-toc-num{display:inline-flex;align-items:center;justify-content:center;width:30px;height:30px;background:var(--maroon);color:#f7ecd8;border-radius:50%;font-size:.95rem;flex:none;}
.yl-toc-h small{color:#a98e84;font-size:.82rem;font-family:"Noto Sans TC",sans-serif;font-weight:400;}
.yl-toc-list{list-style:none;margin:0;padding:0;columns:2;column-gap:26px;}
@media(min-width:820px){.yl-toc-list{columns:3;}}
.yl-toc-list li{break-inside:avoid;margin:0 0 2px;}
.yl-toc-list a{display:flex;align-items:baseline;gap:9px;text-decoration:none;color:#463a35;padding:6px 8px;border-radius:8px;transition:.12s;}
.yl-toc-list a:hover{background:#f7f0ea;color:var(--maroon);}
.yl-toc-list .s{font-family:"Noto Serif TC",serif;color:#c0a06a;font-size:.8rem;flex:none;letter-spacing:.04em;}
.yl-toc-list .t{font-size:.96rem;line-height:1.5;}

/* 目錄連結 / 導覽列 */
.yl-navrow{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-bottom:14px;}
.yl-toclink{color:var(--maroon);text-decoration:none;font-size:.86rem;border:1px solid #e6dad2;border-radius:8px;padding:5px 12px;background:#fff;transition:.12s;}
.yl-toclink:hover{background:#faf5f1;}

/* 相關法語（交互參照） */
.yl-related{margin:28px 0 4px;}
.yl-rel-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(210px,1fr));gap:10px;}
.yl-rel{display:flex;align-items:center;gap:9px;background:#faf6f2;border:1px solid #ece3dc;border-radius:11px;padding:11px 13px;text-decoration:none;color:#463a35;transition:.14s;}
.yl-rel:hover{background:#fff;border-color:#d9c3bb;box-shadow:0 4px 14px rgba(122,78,73,.10);transform:translateY(-1px);}
.yl-rel-seq{font-family:"Noto Serif TC",serif;color:#c0a06a;font-size:.78rem;flex:none;}
.yl-rel-t{flex:1;min-width:0;font-family:"Noto Serif TC",serif;font-size:.98rem;line-height:1.4;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
.yl-rel-ch{flex:none;font-size:.7rem;background:#f3e7d7;color:#8a5a2b;border-radius:99px;padding:2px 8px;}

@media(max-width:520px){
  .yl-toc-list{columns:1;}
  .yl-rel-grid{grid-template-columns:1fr;}
}

/* 上/下篇 */
.yl-pager{display:flex;justify-content:space-between;gap:12px;margin-top:30px;padding-top:18px;border-top:1px solid #efe6df;}
.yl-pg{color:var(--maroon);text-decoration:none;font-size:.92rem;max-width:46%;padding:8px 14px;border:1px solid #e6dad2;border-radius:10px;transition:.15s;}
.yl-pg:hover{background:#faf5f1;}
.yl-pg.next{margin-left:auto;text-align:right;}

@media(max-width:520px){
  .yl-article{padding:20px 16px 24px;border-radius:16px;}
  .yl-title{font-size:1.42rem;}
  .yl-p{font-size:1rem;line-height:1.95;}
  .yl-verse p{font-size:1.1rem;}
  .yl-grid{grid-template-columns:repeat(2,1fr);gap:12px;}
  .yl-card-title{font-size:.98rem;margin:10px 12px 4px;}
}