/* 兒童國際新聞 · 老師上課用（views/world/teach.php）
   給大人看的頁：不放注音、字級用一般網頁大小，顏色沿用 brand-2026.css 的 --zg-*。 */
.tc{max-width:960px;margin:0 auto;padding:20px 16px 56px;color:var(--zg-ink);}
.tc-hero{padding:18px 0 6px;}
.tc-eyebrow{margin:0 0 6px;font-weight:900;font-size:14px;color:var(--zg-brand-ink);letter-spacing:.04em;}
.tc-hero h1{font-size:clamp(24px,4.2vw,34px);line-height:1.35;font-weight:900;margin:0 0 10px;}
.tc-lede{font-size:17px;line-height:1.8;color:var(--zg-ink2);margin:0;max-width:44em;}

/* 版型對 section 有全站的上下 64px padding，這裡是一般內容段落，不要那麼大 */
.tc-sec{margin-top:34px;padding:0;}
.tc-sec h2{font-size:22px;font-weight:900;margin:0 0 12px;}
.tc-sec h2 small{font-size:15px;color:var(--zg-muted);font-weight:700;margin-left:6px;}
.tc-sec > p{font-size:16px;line-height:1.8;margin:0 0 10px;}
.tc-hrow{display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap;margin-bottom:12px;}
.tc-hrow h2{margin:0;}

.tc-btn{display:inline-flex;align-items:center;justify-content:center;gap:4px;min-height:40px;padding:8px 14px;
  border:0;border-radius:999px;font:inherit;font-size:14.5px;font-weight:900;cursor:pointer;text-decoration:none;
  background:var(--zg-bg);color:var(--zg-ink);box-shadow:inset 0 0 0 1.5px var(--zg-line);white-space:nowrap;}
.tc-btn:hover{box-shadow:inset 0 0 0 1.5px var(--zg-brand);color:var(--zg-ink);}
.tc-btn.primary{background:var(--zg-brand-ink);color:#fff;box-shadow:none;}
.tc-btn.primary:hover{filter:brightness(1.08);color:#fff;}
.tc-btn.ghost{background:#fff;}
.tc-btn:focus-visible{outline:3px solid var(--zg-brand);outline-offset:2px;}

.tc-news{list-style:none;margin:0;padding:0;display:grid;gap:12px;}
.tc-item{background:var(--zg-card);border-radius:16px;padding:16px 18px;box-shadow:0 1px 0 var(--zg-line),0 6px 18px rgba(61,48,22,.06);}
.tc-meta{display:flex;flex-wrap:wrap;gap:8px;align-items:center;font-size:13.5px;color:var(--zg-muted);font-weight:700;}
.tc-audio{color:var(--zg-brand-ink);}
.tc-item h3{font-size:19px;font-weight:900;line-height:1.45;margin:8px 0 4px;}
.tc-item h3 a{color:inherit;text-decoration:none;}
.tc-item h3 a:hover{text-decoration:underline;}
.tc-item p{margin:0 0 12px;font-size:15.5px;line-height:1.7;color:var(--zg-ink2);}
.tc-acts{display:flex;flex-wrap:wrap;gap:8px;}
.tc-more{font-size:15px;color:var(--zg-ink2);margin-top:12px!important;}
.tc-more a,.tc-way a,.tc-faq a{color:var(--zg-brand-ink);font-weight:800;}

.tc-ways{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;}
.tc-way{background:var(--zg-card);border-radius:16px;padding:16px 18px;box-shadow:0 1px 0 var(--zg-line);}
.tc-time{display:inline-block;margin:0 0 6px;padding:3px 10px;border-radius:999px;background:var(--zg-bg);
  font-size:13.5px;font-weight:900;color:var(--zg-brand-ink);}
.tc-way h3{font-size:18px;font-weight:900;margin:0 0 8px;}
.tc-way ol{margin:0;padding-left:1.3em;font-size:15.5px;line-height:1.75;}
.tc-way li + li{margin-top:4px;}

.tc-dl{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px 18px;margin:12px 0;}
.tc-dl div{background:var(--zg-card);border-radius:12px;padding:10px 14px;}
.tc-dl dt{font-weight:900;font-size:15.5px;}
.tc-dl dd{margin:2px 0 0;font-size:14.5px;line-height:1.65;color:var(--zg-ink2);}
.tc-note{font-size:14px!important;color:var(--zg-muted);}

.tc-check{margin:0;padding-left:1.3em;font-size:16px;line-height:1.85;}

.tc-faq{background:var(--zg-card);border-radius:12px;padding:0 16px;margin-bottom:8px;}
.tc-faq summary{cursor:pointer;font-weight:900;font-size:16px;padding:14px 0;list-style-position:inside;}
.tc-faq p{margin:0 0 14px;font-size:15.5px;line-height:1.8;color:var(--zg-ink2);}

.tc-cats{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px 12px;align-items:start;}
.tc-cat{background:var(--zg-card);border-radius:12px;padding:0 14px;}
.tc-cat summary{cursor:pointer;padding:12px 0;font-weight:900;list-style-position:inside;}
.tc-cat summary small{color:var(--zg-muted);font-weight:700;margin-left:4px;}
.tc-cat ul{list-style:none;margin:0 0 12px;padding:0;}
.tc-cat li{display:flex;align-items:baseline;gap:8px;padding:7px 0;border-top:1px solid var(--zg-line);font-size:15px;}
.tc-cat .t{flex:1;min-width:0;color:var(--zg-ink);text-decoration:none;font-weight:700;line-height:1.5;}
.tc-cat .t:hover{text-decoration:underline;}
.tc-cat .d{color:var(--zg-muted);font-size:13px;white-space:nowrap;}
.tc-cat .act{color:var(--zg-brand-ink);font-weight:800;font-size:13.5px;white-space:nowrap;text-decoration:none;padding:6px 2px;}
.tc-cat .act:hover{text-decoration:underline;}

@media (max-width:640px){
  .tc-cats{grid-template-columns:1fr;}
  .tc-ways,.tc-dl{grid-template-columns:1fr;}
  .tc-acts .tc-btn{flex:1 1 auto;}
}