@charset "utf-8";
/* Hontai Global - page-level overrides and build-generated markup hooks.
   The visual system lives in css/theme.css; this file is the one audited home
   for per-page exceptions and for classes emitted by _build\build.ps1. */

/* family blocks on the products index */
.fam + .fam{margin-top:64px}

/* key-benefits list on product detail */
.benefits{list-style:none;margin:0 0 8px;padding:0;border-top:1px solid var(--line)}
.benefits li{position:relative;padding:11px 4px 11px 30px;border-bottom:1px solid var(--line);font-size:15px;color:var(--body)}
.benefits li::before{content:"";position:absolute;left:6px;top:18px;width:8px;height:8px;border-radius:2px;background:var(--petrol)}

/* grade chips (build emits bare <a> inside .chips) */
.chips a{font-family:var(--mono);font-size:12.5px;color:var(--ink-2);border:1px solid var(--line-2);border-radius:3px;padding:6px 10px;background:#fff}
.chips a:hover{color:var(--petrol);border-color:var(--petrol)}
.chips .chip.on{border-color:var(--petrol)}

/* TDS left column emitted as td.prop by the builder */
table.ds td.prop{width:46%;color:var(--ink-2);font-weight:500;background:#FCFDFD}
table.ds caption a{color:var(--petrol);font-weight:500}

/* suitability dots + legend labels on applications */
table.ds .dots{font-family:var(--mono);letter-spacing:2px;color:var(--petrol);font-size:13px}
table.ds .cf-mk{font-family:var(--mono);font-size:11px;letter-spacing:.08em;text-transform:uppercase;color:var(--muted)}

/* do / avoid pair on technical support */
.cf-dos{display:grid;grid-template-columns:1fr 1fr;gap:26px}
.cf-dos>div{border:1px solid var(--line);border-radius:var(--r);padding:24px 26px;background:#fff}
.cf-dos .yes{border-top:3px solid var(--petrol)}
.cf-dos .no{border-top:3px solid #C4574A}
.cf-dos h3{font-size:17px;margin-bottom:14px}
.cf-dos ul{margin:0;padding-left:18px}
.cf-dos li{font-size:14.5px;color:var(--body);margin-bottom:9px}
@media (max-width:860px){.cf-dos{grid-template-columns:1fr}}