/* WordPress integration: admin bar offsets + fallback content pages. */

/* Sticky header / sub-navigation below the admin bar for logged-in users */
.admin-bar header{top:32px}
.admin-bar .subnav{top:calc(32px + 76px)}
@media screen and (max-width:782px){
  .admin-bar header{top:46px}
  .admin-bar .subnav{top:calc(46px + 76px)}
}
@media screen and (max-width:600px){
  /* admin bar scrolls away on small screens */
  .admin-bar header{top:0}
  .admin-bar .subnav{top:76px}
}

/* Anchor offset under admin bar + sticky bars */
html:has(> body.admin-bar){scroll-padding-top:116px}
html:has(> body.admin-bar.citares-course){scroll-padding-top:172px}

/* Sticky problem list of the "Bối cảnh & giải pháp" diagram sits below the admin bar */
.admin-bar #boi-canh .panel{top:132px}
@media screen and (max-width:900px){
  .admin-bar #boi-canh .panel{top:auto}
}

/* Fallback template (index.php) */
.wp-content{max-width:860px}
.wp-entry + .wp-entry{margin-top:48px;padding-top:48px;border-top:1px solid var(--line)}
.wp-title{font-size:clamp(28px,3.4vw,42px);font-weight:800;margin:14px 0 20px;line-height:1.15}
.wp-title a:hover{color:var(--blue)}
.wp-body{color:#33445C}
.wp-body > * + *{margin-top:1em}
.wp-body h2,.wp-body h3{color:var(--ink);margin-top:1.6em}
.wp-body a{color:var(--blue);text-decoration:underline}
.wp-body ul,.wp-body ol{padding-left:1.4em}
.wp-body img{height:auto;border-radius:12px}
.screen-reader-text{border:0;clip:rect(1px,1px,1px,1px);clip-path:inset(50%);height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;width:1px;word-wrap:normal!important}
.nav-links{display:flex;gap:12px;margin-top:40px;font-weight:700}
.nav-links .current{color:var(--blue)}

/* Designed layouts always use the theme's own page background */
body.citares-home,body.citares-course{background-image:none}