/* ==========================================================================
   QLD Batteries: WordPress additions.
   Everything visual comes from main.css + page-*.css (generated from the design
   previews). This file only covers what WordPress adds: editor content inside the
   article and legal layouts, listing paging, the admin bar, and core classes.
   It uses the design tokens and mirrors existing component styles.
   ========================================================================== */

/* ---- admin bar: keep the sticky header below it ---------------------------------------------- */
.admin-bar .hdr{top:32px;}
@media (max-width:782px){ .admin-bar .hdr{top:46px;} }
@media (max-width:600px){ .admin-bar .hdr{top:0;} }

/* ---- blog listing ------------------------------------------------------------------------------ */
.blg-hero--bare{padding-bottom:0;}
.blg-hero--bare + .blg{padding-top:clamp(28px,3.2vw,44px);}
.qldb-pager{margin-top:clamp(28px,3vw,40px);justify-content:center;}
.qldb-empty{margin-top:24px;}

/* ---- guide listing: the "Ask us" tile fills an incomplete last row (3 columns) ------------- */
@media (min-width:921px){
  .guides--ask .gcard--ask:nth-child(3n+1){grid-column:1 / -1;}
  .guides--ask .gcard--ask:nth-child(3n+2){grid-column:span 2;}
}

/* ---- product page: no dimensions, so the terminal panel sits beside the specs ------------------- */
.pds__grid > .pdt--light{align-self:start;}

/* ---- editor content in articles and guides (.bd__body) ----------------------------------------- */
.bd__body>h3,.gd__sec>h3{margin-top:28px;font-family:var(--display);font-weight:700;text-transform:uppercase;font-size:clamp(20px,1.7vw,24px);line-height:1.05;color:var(--ink);}
.bd__body>ul:not([class*="bd__"]):not([class*="gd__"]),
.bd__body>ol:not([class*="bd__"]),
.bd__body>.wp-block-list{margin:14px 0 0;padding-left:1.25em;display:grid;gap:8px;font-size:16px;line-height:1.6;color:var(--ink-3);}
.bd__body>ul:not([class*="bd__"]):not([class*="gd__"]) li::marker,.bd__body>.wp-block-list li::marker{color:var(--red);}
.bd__body>p a:not(.btn),.bd__body li a:not(.btn),.gd__sec>p a:not(.btn){color:var(--ink);font-weight:500;text-decoration:underline;text-decoration-color:var(--red);text-decoration-thickness:1.5px;text-underline-offset:3px;}
.bd__body>p a:not(.btn):hover,.bd__body li a:not(.btn):hover,.gd__sec>p a:not(.btn):hover{color:var(--r700);}
.bd__body>figure,.bd__body>.wp-block-image{margin:28px 0 0;}
.bd__body img{max-width:100%;height:auto;border-radius:var(--radius);}
.bd__body figcaption{margin-top:8px;font-size:13px;color:var(--muted);}
.bd__body>blockquote,.bd__body>.wp-block-quote{margin:28px 0 0;padding:clamp(20px,2.4vw,30px) clamp(22px,2.6vw,34px);background:var(--paper-2);border-left:6px solid var(--red);border-radius:var(--radius);font-size:18px;line-height:1.5;color:var(--ink);}
.bd__body>blockquote p{margin:0;}

/* ---- editor content on generic pages (.qldb-doc uses the legal layout) -------------------------- */
.qldb-doc>h2{margin-top:clamp(36px,4vw,52px);padding-top:clamp(24px,2.6vw,34px);border-top:1px solid var(--rule);font-family:var(--display);font-weight:700;text-transform:uppercase;font-size:clamp(26px,2.2vw,34px);line-height:1;color:var(--ink);scroll-margin-top:140px;}
.qldb-doc>h2:first-child{margin-top:0;padding-top:0;border-top:0;}
.qldb-doc>h3{margin-top:24px;font-size:18px;font-weight:600;color:var(--ink);}
.qldb-doc>p{margin-top:14px;max-width:68ch;font-size:17px;line-height:1.7;color:var(--ink-2);}
.qldb-doc>ul,.qldb-doc>ol{margin-top:12px;padding-left:1.25em;display:grid;gap:8px;max-width:66ch;font-size:17px;line-height:1.6;color:var(--ink-2);}
.qldb-doc>ul li::marker,.qldb-doc>ol li::marker{color:var(--red);}
.lgl-list a,.qldb-doc>ul a,.qldb-doc>ol a{color:var(--ink);font-weight:500;text-decoration:underline;text-decoration-color:var(--red);text-decoration-thickness:1.5px;text-underline-offset:3px;}
.lgl-list a:hover,.qldb-doc>ul a:hover,.qldb-doc>ol a:hover{color:var(--r700);}

/* ---- WordPress core classes -------------------------------------------------------------------- */
.screen-reader-text{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap;border:0;}
.alignleft{float:left;margin:6px 24px 12px 0;}
.alignright{float:right;margin:6px 0 12px 24px;}
.aligncenter{display:block;margin-inline:auto;}
.wp-caption{max-width:100%;}