/* GCN.TODAY editorial typography. Original brand logo remains unchanged.
   Source Sans 3 and Noto Sans TC are distributed under the SIL Open Font License.
   Full copyright notices and licenses: fonts/OFL.txt */
@font-face{
  font-family:"GCN Sans";
  src:url("fonts/source-sans-3.woff2") format("woff2");
  font-weight:200 900;
  font-style:normal;
  font-display:swap;
}
@font-face{
  font-family:"GCN TC";
  src:url("fonts/noto-sans-tc-a.woff2") format("woff2");
  unicode-range:U+0000-6FFF;
  font-weight:100 900;
  font-style:normal;
  font-display:swap;
}
:root{
  --font-editorial:"GCN Sans","GCN TC","Noto Sans TC","PingFang TC","Microsoft JhengHei",sans-serif;
}
body{
  font-family:var(--font-editorial);
  font-weight:400;
  font-size:16px;
  line-height:1.7;
  font-kerning:normal;
  text-rendering:optimizeLegibility;
  -webkit-font-smoothing:antialiased;
}
button,input{font-family:inherit}
h1,h2,h3,strong{font-family:var(--font-editorial)}
h1,h2,h3{letter-spacing:0;word-break:normal;overflow-wrap:break-word}
.lead-story h1{
  font-size:36px;
  line-height:1.35;
  font-weight:800;
  letter-spacing:-.025em;
}
.lead-story h1 button{font-weight:800;letter-spacing:inherit}
.secondary-column h2{
  font-size:21px;
  font-weight:700;
  line-height:1.48;
  letter-spacing:-.015em;
}
.secondary-column h2 button{font-weight:700;letter-spacing:inherit}
.rail-story strong{font-size:19px;line-height:1.55;font-weight:700;letter-spacing:-.01em}
.section-heading h2{font-size:24px;font-weight:750;line-height:1.4;letter-spacing:0}
.editor-rail>h2{font-size:20px;font-weight:750;line-height:1.45}
.section-heading h2 span,.editor-rail>h2>span{
  font-family:"GCN Sans",sans-serif;
  font-size:11px;
  font-weight:600;
  letter-spacing:.1em;
}
.lead-summary{font-size:15px;line-height:1.85;color:#53616a;max-width:100%}
.story-card h3{font-size:21px;font-weight:700;line-height:1.55;letter-spacing:-.015em}
.story-card p,.feature-copy p{font-size:14px;line-height:1.9;color:#56636b}
.feature-copy h2{font-size:32px;line-height:1.4;font-weight:750;letter-spacing:-.02em}
.feature-questions strong{font-size:16px;font-weight:650;line-height:1.7}
.video-cover-title strong{font-size:30px;font-weight:750;letter-spacing:-.015em;line-height:1.5}
.video-lines h3{font-size:22px;font-weight:700;line-height:1.5}
.video-lines p{font-size:12px;line-height:1.8}
.nav{font-size:15px;font-weight:650}
.filters button{font-size:13px;font-weight:500}
.filters button.selected{font-weight:700}
.story-category,.story-meta{font-size:12px;font-weight:600;letter-spacing:0}
.meta,.story-bottom,.rail-story small{font-size:11px;line-height:1.7;font-variant-numeric:tabular-nums}
.section-note,.rail-note,.image-caption,.preview-label{font-size:11px;line-height:1.7}
.utility{font-size:11px}
.brand-line{font-size:12px;font-weight:500;letter-spacing:.06em}
.header-tools{font-size:14px}
.header-tools button span{font-size:14px}
.topic-strip{font-size:12px}
.topic-strip strong{font-size:12px;font-weight:650}
.related>span{font-size:11px}
.related button,.read-link{font-size:14px;font-weight:650;line-height:1.7}
.rail-video>span,.video-cover-title>span{font-size:11px;font-weight:600;letter-spacing:.08em}
.rail-video>a{font-size:21px;line-height:1.5;font-weight:700}
.rail-video small,.video-state,.video-lines>div>span,.video-lines>a{font-size:11px}
.channel strong{font-size:13px;font-weight:600}
.channel small,.channel-note{font-size:11px}
.footer-about strong{font-size:15px;font-weight:650}
.footer-about p{font-size:13px;line-height:1.85}
.footer-about a,.footer-about button{font-size:12px}
.footer-bottom{font-size:10px;line-height:1.8}
#dialog-content h2{font-size:32px;font-weight:750;line-height:1.5;letter-spacing:-.02em}
#dialog-content p,#dialog-content ul{font-size:17px;line-height:1.95;color:#485963}
#dialog-content .tag{font-size:12px;font-weight:600}
#dialog-content .notice{font-size:14px;line-height:1.9}
@media(min-width:1450px){.lead-story h1{font-size:40px}}
@media(max-width:1050px){
  .lead-story h1{font-size:34px}
  .story-card h3{font-size:19px}
  .nav{font-size:14px}
}
@media(max-width:700px){
  .lead-story h1{font-size:30px;line-height:1.43;letter-spacing:-.02em}
  .lead-summary{font-size:16px;line-height:1.85}
  .secondary-column h2{font-size:19px;line-height:1.55}
  .rail-story strong{font-size:20px;line-height:1.55}
  .story-card h3{font-size:19px;line-height:1.6}
  .section-heading h2{font-size:22px}
  .section-heading h2 span,.editor-rail>h2>span{font-size:10px;letter-spacing:.07em}
  .feature-copy h2{font-size:29px}
  .feature-copy p{font-size:16px;line-height:1.9}
  .video-cover-title strong{font-size:26px}
  .video-lines h3{font-size:21px}
  .nav{font-size:14px}
  .filters button{font-size:12px}
  .meta,.story-bottom,.rail-story small{font-size:11px}
  .section-note,.preview-label,.image-caption{font-size:10px}
  .utility{font-size:10px}
  .topic-strip,.topic-strip strong{font-size:11px}
  .channel strong{font-size:12px}
  .channel small,.channel-note{font-size:10px}
  .footer-about p{font-size:12px}
  .footer-bottom{font-size:10px}
  #dialog-content h2{font-size:28px}
  #dialog-content p,#dialog-content ul{font-size:17px;line-height:1.95}
}

@font-face{font-family:"GCN TC";src:url("fonts/noto-sans-tc-b.woff2") format("woff2");font-weight:100 900;font-style:normal;font-display:swap;unicode-range:U+7000-10FFFF;}