/* Shared phone/tablet adjustments for the full article library. */
.article-mobile-table{max-width:100%;overflow-x:auto;-webkit-overflow-scrolling:touch;margin:24px 0;border-radius:8px}
.article-mobile-table table{margin:0!important;width:100%;border-collapse:collapse}
@media(max-width:800px){
 body:has(.guide-content) .guide-content{font-size:16px;line-height:1.8;overflow-wrap:anywhere}
 .guide-content img,.kfc-article-body img{max-width:100%;height:auto}
 .guide-aside nav a{display:block;padding:7px 0;min-height:36px}
 .guide-aside nav{max-height:230px}
 .guide-content :is(input,select,textarea),#contact-form :is(input,select,textarea){font-size:16px!important;max-width:100%}
 .guide-content :is(.article-mobile-table,.guide-table-wrap) table{font-size:14px;line-height:1.55}
 .guide-content :is(.article-mobile-table,.guide-table-wrap) :is(td,th){padding:12px;min-width:110px;overflow-wrap:normal}
 .guide-content .article-mobile-table table{min-width:520px}
 .guide-hero-inner>p{font-size:16px;line-height:1.65}
 .guide-hero h1{overflow-wrap:anywhere}
 .guide-button{min-height:48px}
 /* Existing additional articles retain their content and desktop layout. */
 body:has(.kfc-article-body) .kfc-sp>div:first-child{background:#0e1f10!important;padding:32px 20px!important;color:#fff}
 body:has(.kfc-article-body) .kfc-sp>div:first-child>[aria-hidden]{display:none}
 body:has(.kfc-article-body) .kfc-sp>div:first-child :is(h1,p,a){color:#fff!important}
 body:has(.kfc-article-body) .kfc-sp>div:first-child .kfc-sp-title{font-size:32px!important;line-height:1.2!important}
 body:has(.kfc-article-body) .kfc-section-pad{padding:32px 20px!important;min-width:0}
 body:has(.kfc-article-body) .kfc-section-pad>img{height:220px!important;margin-bottom:24px!important}
 body:has(.kfc-article-body) .kfc-article-body{font-size:16px!important;line-height:1.8!important;overflow-wrap:anywhere}
 body:has(.kfc-article-body) .kfc-cta-actions{flex-direction:column;align-items:stretch}
 body:has(.kfc-article-body) .kfc-btn{min-height:48px;white-space:normal}
 body:has(.kfc-article-body) .keyword-entity{padding:32px 20px!important}
 body:has(.kfc-article-body) .keyword-entity h2{font-size:25px!important}
}
@media(max-width:380px){.guide-hero-inner,.guide-layout{padding-left:18px;padding-right:18px}.guide-hero h1{font-size:29px}.guide-answer{padding:18px}.guide-content h2{font-size:24px}}
