/*
 * Public pages shared by the Taigiaoan catalog, document detail and trust
 * content.  These rules deliberately use the Taigiaoan namespace so the
 * standalone site cannot depend on Tailieugiaoan's body class.
 */
body.taigiaoan-site{--tga-paper:#ffffff;--tga-panel:#f7fbff;--tga-border:#d8e5ef;--tga-copy:#526d84}
body.taigiaoan-site .tlga-library,
body.taigiaoan-site .tlga-catalog,
body.taigiaoan-site .tlga-detail{background:linear-gradient(180deg,#f4f9ff 0,#fff 390px);padding-bottom:88px}
body.taigiaoan-site .tlga-breadcrumb{padding-top:5px;color:#71849a}
body.taigiaoan-site .tlga-breadcrumb a{color:#356a9f;font-weight:700}

/* Catalogs: keep the filter and cards aligned at all usable widths. */
body.taigiaoan-site .tlga-library-layout{display:grid;grid-template-columns:minmax(0,1fr) 300px;gap:28px;align-items:start}
body.taigiaoan-site .tlga-library-layout>main{min-width:0}
body.taigiaoan-site .tlga-catalog-head{border-color:var(--tga-border);background:radial-gradient(circle at 92% 12%,rgba(23,104,211,.12),transparent 31%),linear-gradient(130deg,#fff,#f0f8ff)}
body.taigiaoan-site .tlga-catalog-head h1,
body.taigiaoan-site .tlga-library-hero h1,
body.taigiaoan-site .tlga-detail-head h1{color:var(--tga-ink)}
body.taigiaoan-site .tlga-catalog-children,
body.taigiaoan-site .tlga-filter{border-color:var(--tga-border);box-shadow:0 14px 34px rgba(22,63,104,.07)}
body.taigiaoan-site .tlga-filter-title>span{background:#e9f3ff;color:var(--tga-blue)}
body.taigiaoan-site .tlga-filter-grid input,
body.taigiaoan-site .tlga-filter-grid select{border-color:#cfdde9;background:#fff}
body.taigiaoan-site .tlga-filter-grid input:focus,
body.taigiaoan-site .tlga-filter-grid select:focus{border-color:var(--tga-blue);box-shadow:0 0 0 3px rgba(23,104,211,.11)}
body.taigiaoan-site .tlga-result-head{padding-bottom:14px;border-bottom:1px solid #e1ebf3}
body.taigiaoan-site .tlga-document-grid{align-items:stretch}
body.taigiaoan-site .tga-document-card{height:100%;border-color:var(--tga-border);box-shadow:0 11px 28px rgba(18,55,91,.07)}
body.taigiaoan-site .tga-document-card:hover{transform:translateY(-4px);box-shadow:0 19px 38px rgba(18,55,91,.13)}
body.taigiaoan-site .tga-document-info h3{min-height:54px;color:var(--tga-ink)}
body.taigiaoan-site .tga-card-author{display:inline-flex;align-items:center;gap:6px;margin-top:10px}
body.taigiaoan-site .tga-document-card footer{margin-top:auto}

/* Detail: information is the first focal point, utilities live in the rail. */
body.taigiaoan-site .tlga-detail-layout{grid-template-columns:minmax(0,1fr) 316px;gap:28px}
body.taigiaoan-site .tlga-detail-head,
body.taigiaoan-site .tlga-detail-content,
body.taigiaoan-site .tlga-widget{border-color:var(--tga-border);box-shadow:0 12px 28px rgba(18,55,91,.055)}
body.taigiaoan-site .tlga-detail-head{border-top:4px solid var(--tga-blue)}
body.taigiaoan-site .tlga-detail-meta{gap:13px}
body.taigiaoan-site .tlga-detail-content{font-size:16px;line-height:1.78}
body.taigiaoan-site .tlga-detail-content h2,
body.taigiaoan-site .tlga-detail-content h3{color:var(--tga-ink)}
body.taigiaoan-site .tlga-document-sidebar{gap:17px}
body.taigiaoan-site .tlga-widget>header{background:#f6faff}
body.taigiaoan-site .tlga-widget-links a{min-height:48px}
body.taigiaoan-site .tlga-widget-links a.is-current{background:linear-gradient(105deg,#1768d3,#0c8b70);color:#fff}
body.taigiaoan-site .tlga-widget-links a.is-current span,
body.taigiaoan-site .tlga-widget-links a.is-current small{color:#fff}
body.taigiaoan-site .tlga-widget-support{background:linear-gradient(145deg,#0d3158,#1768d3)}
body.taigiaoan-site .tlga-related{margin-top:64px}

/* About, guide, support and policy use the same coherent reading width. */
body.taigiaoan-site.page-information{background:#fff}
body.taigiaoan-site .tlga-about-hero,
body.taigiaoan-site .tlga-contact-hero,
body.taigiaoan-site .tlga-guide-hero,
body.taigiaoan-site .trust-hero{border-color:var(--tga-border)}
body.taigiaoan-site .tlga-about-hero h1,
body.taigiaoan-site .tlga-contact-hero h1,
body.taigiaoan-site .tlga-guide-hero h1,
body.taigiaoan-site .trust-hero h1{color:var(--tga-ink)}
body.taigiaoan-site .tlga-about-hero aside,
body.taigiaoan-site .tlga-contact-hero>aside,
body.taigiaoan-site .tlga-guide-hero>aside,
body.taigiaoan-site .policy-hero-mark{background:linear-gradient(145deg,#0d3158,#1768d3)}
body.taigiaoan-site .tlga-contact-info,
body.taigiaoan-site .tlga-contact-compose,
body.taigiaoan-site .policy-content,
body.taigiaoan-site .policy-nav-card{border-color:var(--tga-border);box-shadow:0 12px 28px rgba(18,55,91,.055)}
body.taigiaoan-site .tlga-contact-tips,
body.taigiaoan-site .policy-help-card{background:linear-gradient(145deg,#0d3158,#1768d3)}
body.taigiaoan-site .tlga-guide-mode-grid .is-fast{border-top-color:var(--tga-blue)}
body.taigiaoan-site .tlga-guide-mode-grid .is-slow{border-top-color:var(--tga-orange)}
body.taigiaoan-site .policy-nav-card nav a.active{background:#eaf3ff;color:var(--tga-blue)}
body.taigiaoan-site .tga-information-nav{border-top:1px solid #dce8f1;border-bottom:1px solid #dce8f1;background:#f7fbff}
body.taigiaoan-site .tga-information-nav>.site-width{display:flex;align-items:center;gap:8px;min-height:76px;overflow-x:auto;padding-block:12px}
body.taigiaoan-site .tga-information-nav span{flex:0 0 auto;margin-right:6px;color:#58718a;font-size:10px;font-weight:900;letter-spacing:.11em}
body.taigiaoan-site .tga-information-nav a{flex:0 0 auto;padding:9px 12px;border:1px solid #d4e2ee;border-radius:999px;color:#345976;background:#fff;font-size:12px;font-weight:800}
body.taigiaoan-site .tga-information-nav a:hover{border-color:#92bbe7;color:#0c499f;background:#edf6ff}

/* The footer is intentionally denser than the old theme without shrinking text. */
body.taigiaoan-site .tga-footer{border-top:4px solid var(--tga-blue)}
body.taigiaoan-site .tga-footer-grid{grid-template-columns:1.45fr repeat(2,minmax(145px,.8fr)) minmax(185px,1fr);gap:34px}
body.taigiaoan-site .tga-footer-brand>div{display:flex;gap:9px;flex-wrap:wrap}
body.taigiaoan-site .tga-footer-brand>div a{display:grid;place-items:center;width:34px;height:34px;margin:0;border:1px solid rgba(255,255,255,.18);border-radius:10px}
body.taigiaoan-site .tga-footer-contact>a{display:flex;align-items:flex-start;gap:8px}
body.taigiaoan-site .tga-footer-contact>a i{color:#7eddbd;font-size:17px}
body.taigiaoan-site .tga-footer-legal{background:#082542;border-top:1px solid rgba(255,255,255,.11)}
body.taigiaoan-site .tga-footer-legal>.site-width{display:flex;justify-content:center;gap:7px 18px;flex-wrap:wrap;padding:16px 0 24px}
body.taigiaoan-site .tga-footer-legal a{color:#b9cad9;font-size:12px;font-weight:700}
body.taigiaoan-site .tga-footer-legal a:hover{color:#fff;text-decoration:underline}

@media (max-width:1100px){
  body.taigiaoan-site .tlga-library-layout{grid-template-columns:1fr}
  body.taigiaoan-site .tlga-document-sidebar{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));align-items:start}
  body.taigiaoan-site .tlga-detail-layout{grid-template-columns:1fr}
  body.taigiaoan-site .tlga-detail-sidebar{grid-template-columns:repeat(2,minmax(0,1fr))}
  body.taigiaoan-site .tga-footer-grid{grid-template-columns:1.4fr repeat(3,minmax(0,1fr));gap:28px}
}
@media (max-width:760px){
  body.taigiaoan-site .tlga-library,
  body.taigiaoan-site .tlga-catalog,
  body.taigiaoan-site .tlga-detail{padding-top:22px;padding-bottom:58px}
  body.taigiaoan-site .tlga-detail-head{padding:24px 20px}
  body.taigiaoan-site .tlga-detail-meta{display:grid;grid-template-columns:1fr;gap:9px}
  body.taigiaoan-site .tga-document-info h3{min-height:0}
  body.taigiaoan-site .tlga-document-sidebar,
  body.taigiaoan-site .tlga-detail-sidebar{grid-template-columns:1fr}
  body.taigiaoan-site .tlga-widget-links a{min-height:51px}
  body.taigiaoan-site .tga-footer-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:26px 20px}
  body.taigiaoan-site .tga-footer-brand{grid-column:1/-1}
  body.taigiaoan-site .tga-information-nav>.site-width{min-height:65px}
}
@media (max-width:460px){
  body.taigiaoan-site .tlga-catalog-head{padding:25px 19px}
  body.taigiaoan-site .tlga-filter{padding:19px 15px}
  body.taigiaoan-site .tga-footer-grid{grid-template-columns:1fr}
  body.taigiaoan-site .tga-footer-brand{grid-column:auto}
}
