/*
Theme Name: Ky Dong - Giao dien quan tri moi
Template: twentytwentyfive
Version: 1.0.0
Description: Responsive block theme for Truong Tieu hoc Ky Dong
*/
a{text-decoration-thickness:1px!important;text-underline-offset:.1em}:where(.wp-site-blocks :focus){outline-width:2px;outline-style:solid}.wp-block-navigation .wp-block-navigation-submenu .wp-block-navigation-item:not(:last-child){margin-bottom:3px}.wp-block-navigation .wp-block-navigation-item .wp-block-navigation-item__content{outline-offset:4px}.wp-block-navigation .wp-block-navigation-item ul.wp-block-navigation__submenu-container .wp-block-navigation-item__content{outline-offset:0}blockquote,caption,figcaption,h1,h2,h3,h4,h5,h6,p{text-wrap:pretty}.more-link{display:block}:where(pre){overflow-x:auto}

/* KD Site Editor layout - staging theme */
:root{--kd-navy:#143e62;--kd-blue:#22618d;--kd-gold:#efc56d;--kd-ink:#243a4b;--kd-bg:#f5f8fb}
body{background:var(--kd-bg);color:var(--kd-ink);font-family:system-ui,-apple-system,"Segoe UI",sans-serif}
:where(a){text-underline-offset:3px}
.kd-header{margin-top:0!important;background:#fff;box-shadow:0 2px 16px #142e4517;padding:11px 20px;position:relative;z-index:20}
.kd-header-inner{max-width:1160px;margin:auto;gap:20px}
.kd-brand{gap:12px!important;min-width:230px}
.kd-emblem{margin:0}
.kd-emblem img{width:54px;height:54px}
.kd-site-title{font-size:clamp(15px,1.5vw,19px);font-weight:800;line-height:1.3;text-transform:uppercase;color:#174c76;margin:0}
.kd-site-title a{color:inherit;text-decoration:none}
.kd-site-subtitle{font-size:12px;margin:3px 0 0;color:#687b89}
.kd-main-nav .wp-block-navigation-item__content{color:#254762;font-weight:650;font-size:14px;padding:7px 4px;text-decoration:none}
.kd-main-nav .wp-block-navigation-item__content:hover{color:#1475ab}
.kd-hero{margin-top:0!important;background:linear-gradient(125deg,#143b60,#2e74a6);padding:54px 20px 68px;color:#fff}
.kd-hero-cols{max-width:1160px;margin:0 auto;gap:40px}
.kd-eyebrow{font-weight:800;font-size:12px;letter-spacing:1.5px;color:#f7d687;margin:0}
.kd-hero-title{font-size:clamp(34px,4.5vw,58px);font-weight:850;line-height:1.17;letter-spacing:-1px;color:#fff;margin:14px 0}
.kd-hero-desc{font-size:17px;line-height:1.7;color:#e3eff8;max-width:690px;margin:0 0 25px}
.kd-actions{gap:12px}
.kd-button-primary .wp-block-button__link{background:var(--kd-gold);color:#183954;border-radius:9px;font-weight:750;padding:12px 21px}
.kd-button-outline .wp-block-button__link{background:transparent;color:#fff;border:1px solid #cfdeed;border-radius:9px;font-weight:750;padding:11px 20px}
.kd-hero-emblem{display:grid;place-items:center;width:210px;height:210px;border-radius:50%;background:#fff;border:9px solid #efc56d;box-shadow:0 12px 33px #0d2f4e55;margin:0 auto}
.kd-hero-emblem img{width:142px;height:142px;object-fit:contain}
.kd-shortcuts{max-width:1160px;position:relative;margin:-30px auto 0;z-index:3;padding:0 15px}
.kd-shortcut-row{gap:12px!important}
.kd-shortcut-row>.wp-block-column{background:#fff;border:1px solid #dfebf2;border-radius:12px;padding:16px;box-shadow:0 4px 18px #10385419}
.kd-shortcut-row p{font-size:16px;font-weight:750;margin:0}
.kd-shortcut-row a{text-decoration:none;color:#245679}
.kd-content-area{max-width:1160px;margin:0 auto;padding:15px 20px 55px}
.kd-section{padding:35px 0 20px;margin:0!important}
.kd-section h2{font-size:clamp(25px,3vw,33px);font-weight:800;line-height:1.35;color:#183c5a;margin:0 0 19px}
.kd-section h3{font-size:20px;font-weight:750;color:#24506d}
.kd-section-alt{background:#eaf2f8;border-radius:14px;padding:25px!important;margin-top:20px!important}
.kd-news-query>.wp-block-post-template{gap:18px}
.kd-news-card{height:100%;background:#fff;border:1px solid #dfe9f0;padding:18px;border-radius:12px;box-shadow:0 4px 14px #1b44550a}
.kd-news-card .wp-block-post-title{font-size:19px!important;line-height:1.42}
.kd-news-card .wp-block-post-title a{text-decoration:none;color:#24506d}
.kd-news-card .wp-block-post-date{color:#657b87;font-size:12px}
.kd-news-card .wp-block-post-excerpt{font-size:14px;line-height:1.65}
.kd-footer{margin-top:0!important;background:#153c5b;color:#e8f2f8;padding:40px 20px 22px}
.kd-footer-cols{max-width:1160px;margin:0 auto;gap:30px}
.kd-footer h3{color:#fff;font-weight:750;font-size:17px;line-height:1.4;margin-top:0}
.kd-footer a{color:#eaf2f8;text-decoration:none}
.kd-footer a:hover{text-decoration:underline}
.kd-footer p{font-size:14px;line-height:1.7;margin:5px 0 12px}
.kd-footer-contact{max-height:220px;overflow:auto}
.kd-footer-contact p{font-size:14px;line-height:1.6;margin:5px 0}
.kd-footer-contact h1,.kd-footer-contact h2,.kd-footer-contact h3{font-size:16px}
.kd-footer .wp-block-separator{border-color:#ffffff38;margin:20px auto}
.kd-footer .has-text-align-center{font-size:12px;color:#b7cbd9}
body.page .wp-site-blocks>main{max-width:1160px;margin:0 auto;padding:20px;min-height:55vh}
body.page .wp-site-blocks>main .wp-block-post-title{font-size:clamp(27px,3vw,39px);line-height:1.3;color:#174c76}
body.page .wp-block-post-content{font-size:16px;line-height:1.85;overflow-wrap:anywhere}
body.page .wp-block-post-content p{font-size:16px;line-height:1.85}
body.page .wp-block-post-content img{max-width:100%;height:auto}
@media(max-width:850px){.kd-header-inner{flex-wrap:wrap;gap:10px}.kd-main-nav{font-size:13px}.kd-hero{padding:36px 18px 48px}.kd-hero-cols{gap:12px}.kd-hero-title{font-size:clamp(31px,5vw,44px)}.kd-hero-emblem{width:175px;height:175px}.kd-shortcut-row{gap:10px!important}}
@media(max-width:680px){.kd-header{padding:9px 12px}.kd-header-inner{flex-wrap:nowrap}.kd-brand{min-width:0}.kd-site-title{font-size:13px}.kd-site-subtitle{font-size:10px}.kd-emblem img{width:46px;height:46px}.kd-main-nav{margin-left:auto}.kd-hero{padding:30px 15px 37px}.kd-hero-cols{flex-direction:column;align-items:flex-start!important}.kd-hero-title{font-size:clamp(30px,8vw,40px)}.kd-hero-desc{font-size:15px}.kd-hero-emblem{width:125px;height:125px;border-width:5px}.kd-hero-emblem img{width:86px;height:86px}.kd-shortcuts{margin:-16px auto 0}.kd-shortcut-row{display:grid;grid-template-columns:1fr 1fr;gap:9px!important}.kd-shortcut-row>.wp-block-column{margin:0;padding:12px}.kd-shortcut-row p{font-size:13px}.kd-content-area{padding:8px 16px 35px}.kd-section{padding:26px 0 12px}.kd-section h2{font-size:24px}.kd-section-alt{padding:18px!important}.kd-footer{padding:28px 16px 16px}.kd-footer-cols{gap:14px}.kd-footer-cols>.wp-block-column{margin-bottom:8px}body.page .wp-site-blocks>main{padding:15px}}


/* KD mobile navigation polish: readable, full-width tap targets */
@media (max-width: 680px) {
  .kd-main-nav .wp-block-navigation__responsive-container.is-menu-open {
    padding: 20px 22px 28px;
    background: #fff;
    color: #173a57;
  }
  .kd-main-nav .wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation__responsive-container-content,
  .kd-main-nav .wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation__container {
    align-items: stretch;
    justify-content: flex-start;
    width: 100%;
    gap: 0;
  }
  .kd-main-nav .wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation-item {
    width: 100%;
    text-align: left;
    border-bottom: 1px solid #e5edf3;
  }
  .kd-main-nav .wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation-item__content {
    display: block;
    width: 100%;
    padding: 11px 6px;
    color: #173a57;
    font-size: 16px;
  }
  .kd-main-nav .wp-block-navigation__responsive-container-close {
    top: 8px;
    right: 8px;
  }
}


/* Official educational plan: long Word tables remain scrollable on mobiles. */
.wp-block-post-content .wp-ai-table-scroll,
.entry-content .wp-ai-table-scroll {
  display:block;
  max-width:100%;
  overflow-x:auto;
  -webkit-overflow-scrolling:touch;
  margin:18px 0 24px;
}
.wp-block-post-content .wp-ai-plan-table,
.entry-content .wp-ai-plan-table {
  border-collapse:collapse;
  min-width:680px;
  width:100%;
  font-size:14px;
  line-height:1.55;
}
.wp-ai-plan-table th,.wp-ai-plan-table td {word-break:normal;overflow-wrap:break-word;vertical-align:top}
