/* 《公講》全站共用：手機版版面（≤ 820px）
   側欄改為頂部導覽列，內容區在下方捲動。 */
@media (max-width: 820px) {
  .kk-shell{flex-direction:column!important;width:100%!important;height:100vh!important;height:100dvh!important}
  .kk-rail{flex:none!important;width:100%!important;padding:14px 20px 2px!important;justify-content:flex-start!important}
  .kk-rail > div:first-child > a{display:flex!important;align-items:center;gap:14px}
  .kk-rail > div:first-child > a img{width:88px!important}
  .kk-rail > div:first-child > a div{margin-top:0!important;text-align:left!important;padding-left:0!important;font-size:10px!important}
  .kk-rail nav{flex-direction:row!important;flex-wrap:wrap;column-gap:20px!important;row-gap:0!important;margin-top:6px!important;font-size:15.5px!important}
  .kk-rail nav a{border-bottom:0!important;padding:0!important;min-height:44px;box-sizing:border-box;display:flex!important;align-items:center;white-space:nowrap}
  .kk-rail nav a span{display:none}
  .kk-rail > div:last-child{display:none!important}
  .kk-main{flex:1 1 auto!important;min-height:0!important;height:auto!important;overflow-y:auto!important;min-width:0!important;padding-left:20px!important;padding-right:20px!important}
  .kk-main > div{padding-left:0!important;padding-right:0!important;max-width:none!important}
  .kk-main h1{font-size:30px!important}
  .kk-main p{font-size:17px!important}
  .kk-kv{margin:0 -20px}
  .kk-split{flex:none!important;flex-direction:column!important;flex-wrap:nowrap!important;align-items:stretch!important;gap:28px!important;min-height:0!important}
  .kk-split > div{width:100%!important;max-width:none!important;min-width:0!important;flex:none!important;height:auto!important}
  .kk-split > div:first-child{max-width:420px!important}
  .kk-poster{flex:none!important;aspect-ratio:420/594;width:100%}
  .art-row{grid-template-columns:28px minmax(0,1fr)!important;gap:4px 12px!important;padding:14px 4px!important}
  .art-row > *:nth-child(n+3){grid-column:2}
  .art-row > span:not(:first-child){font-size:17px!important;text-align:left!important}
  .name-row{grid-template-columns:1fr!important;gap:6px!important}
  .kk-foot{padding-left:0!important;padding-right:0!important;flex-wrap:wrap;gap:12px}
  .kk-issues{grid-template-columns:minmax(0,1fr)!important;gap:40px!important;padding-top:28px!important;max-width:360px}
  .kk-main .tag,.kk-main .sec-n{font-size:12px!important}
  .kk-main [style*="font-size: 9"],.kk-main [style*="font-size: 10"],.kk-main [style*="font-size: 11px"],.kk-main [style*="font-size: 11.5px"],
  .kk-main [style*="font-size:9"],.kk-main [style*="font-size:10"],.kk-main [style*="font-size:11px"],.kk-main [style*="font-size:11.5px"]{font-size:12px!important}
}