@font-face{font-family:PuniChecklistKanit;src:url('kanit-regular-thai.woff2') format('woff2');font-weight:400 600;font-style:normal;font-display:optional;unicode-range:U+02D7,U+0303,U+0331,U+0E01-0E5B,U+200C-200D,U+25CC}
@font-face{font-family:PuniChecklistKanit;src:url('kanit-regular-latin.woff2') format('woff2');font-weight:400 600;font-style:normal;font-display:optional;unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}
@font-face{font-family:PuniChecklistKanit;src:url('kanit-bold-thai.woff2') format('woff2');font-weight:700 900;font-style:normal;font-display:optional;unicode-range:U+02D7,U+0303,U+0331,U+0E01-0E5B,U+200C-200D,U+25CC}
@font-face{font-family:PuniChecklistKanit;src:url('kanit-bold-latin.woff2') format('woff2');font-weight:700 900;font-style:normal;font-display:optional;unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}
body.home{font-family:PuniChecklistKanit,Kanit,Tahoma,sans-serif}
.home .reader-panel-title h2{margin:0;color:#f5fbfd;font-size:1.12rem;line-height:1.35}
.home .latest-panel .reader-panel-title h2{color:var(--ink)}
.home .popular-copy h3{margin:0;min-height:2.75em;display:-webkit-box;overflow:hidden;color:#f6fbfd;font-size:.8rem;line-height:1.38;-webkit-box-orient:vertical;-webkit-line-clamp:2}
.home .latest-copy>a h3{margin:0;font:inherit;display:-webkit-box;overflow:hidden;-webkit-box-orient:vertical;-webkit-line-clamp:2}
.home .focus-info h3{margin:0;font-size:.9rem;line-height:1.35}
.home .manga-card>h3{display:block;margin:10px 0 0;font-size:.9rem;line-height:1.35}
.home .reading-article-summary-title{margin:0}
.home .hero-title{letter-spacing:0}
.home .hero-title span{color:var(--blue);text-shadow:none;-webkit-text-stroke:0}
.home .latest-meta,.home .manga-card>small,.home .hero-stats span{color:var(--mk-muted)}
@media(max-width:600px){
  .home .hero{padding:18px 0 22px}
  .home .hero-layout{gap:12px}
  .home .hero-title{font-size:36px;line-height:1.12}
  .home .hero-lead{margin:10px 0 12px;font-size:16px;line-height:1.6}
  .home .hero-stats{margin-top:10px}
  .home .hero-stats div{padding:6px 10px}
  .home .hero-deck{width:270px;max-width:100%;height:220px}
  .home .focus-main{left:27%;width:50%;height:90%;top:0;border-width:5px;border-radius:16px}
  .home .focus-back{width:39%;height:74%;top:12%;border-width:5px;border-radius:16px}
  .home .focus-info{inset:auto 4px 4px;padding:6px;border-radius:8px}
  .home .focus-info h3{font-size:12px;line-height:1.3}
  .home .focus-info small{display:none}
  .home .floating-note{right:0;top:6%;font-size:12px;padding:6px}
  .home .round-action{width:44px;bottom:0;right:1%}
}