/* HYBC China Buying Toolbox */
.toolbox-page{background:#fffdf8}
.toolbox-hero{background:#0a2e3a;color:#fff;padding:74px 0 62px;position:relative;overflow:hidden}
.toolbox-hero:after{content:"";position:absolute;width:420px;height:420px;border:66px solid rgba(46,153,141,.12);border-radius:50%;right:-150px;top:-220px}
.toolbox-hero .container{position:relative;z-index:1}.toolbox-hero .eyebrow{color:#73c9bd;font-size:13px;font-weight:800;letter-spacing:.13em;text-transform:uppercase;margin-bottom:12px}.toolbox-hero h1{font-size:clamp(42px,5vw,66px);line-height:1.02;letter-spacing:-.04em;max-width:900px;margin:0 0 18px}.toolbox-hero p{max-width:760px;color:#ccdcde;font-size:18px;line-height:1.65;margin:0}.toolbox-hero .hero-actions{display:flex;flex-wrap:wrap;gap:12px;margin-top:28px}
.toolbox-section{padding:68px 0}.toolbox-section.alt{background:#eef5f3}.toolbox-section.beige{background:#f4f0e7}.toolbox-head{display:grid;grid-template-columns:.8fr 1.2fr;gap:56px;align-items:start;margin-bottom:34px}.toolbox-head h2{font-size:clamp(32px,4vw,48px);letter-spacing:-.035em;line-height:1.05;margin:0}.toolbox-head p{font-size:16px;line-height:1.7;color:var(--muted);margin:0}
.tool-category{margin-top:42px}.tool-category:first-child{margin-top:0}.tool-category-title{display:flex;align-items:end;justify-content:space-between;gap:20px;margin-bottom:18px}.tool-category-title h2{font-size:28px;margin:0}.tool-category-title p{margin:0;color:var(--muted);font-size:14px}
.toolbox-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}.toolbox-card{display:flex;flex-direction:column;min-height:220px;background:#fff;border:1px solid var(--line);padding:24px;text-decoration:none;transition:transform .18s ease,border-color .18s ease}.toolbox-card:hover{transform:translateY(-2px);border-color:#7aaea7}.toolbox-card .tool-label{font-size:13px;font-weight:800;letter-spacing:.1em;text-transform:uppercase;color:var(--green);margin-bottom:14px}.toolbox-card h3{font-size:22px;line-height:1.15;margin:0 0 10px;color:var(--ink)}.toolbox-card p{font-size:15px;line-height:1.6;color:var(--muted);margin:0 0 18px}.toolbox-card span:last-child{margin-top:auto;font-weight:780;color:var(--green);font-size:14px}.toolbox-search{display:flex;gap:10px;max-width:720px;margin-top:30px}.toolbox-search input{flex:1;min-width:0}
.tool-page-hero{background:#f4f0e7;padding:60px 0 46px;border-bottom:1px solid var(--line)}.tool-page-hero .breadcrumb{font-size:13px;color:var(--muted);margin-bottom:18px}.tool-page-hero .breadcrumb a{color:var(--green)}.tool-page-hero h1{font-size:clamp(40px,5vw,58px);letter-spacing:-.04em;line-height:1.02;max-width:900px;margin:0 0 15px}.tool-page-hero p{font-size:18px;line-height:1.65;max-width:800px;color:#4f656d;margin:0}
.tool-workspace{padding:58px 0 70px}.tool-layout{display:grid;grid-template-columns:minmax(0,1.25fr) minmax(300px,.75fr);gap:32px;align-items:start}.tool-panel{background:#fff;border:1px solid var(--line);padding:28px}.tool-panel h2{font-size:26px;line-height:1.15;margin:0 0 18px}.tool-panel h3{font-size:19px;margin:25px 0 10px}.tool-field-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:15px}.tool-field{display:flex;flex-direction:column;gap:7px}.tool-field.full{grid-column:1/-1}.tool-field label,.tool-field .field-label{font-size:14px;font-weight:760;color:var(--ink)}.tool-field small{color:var(--muted);font-size:13px;line-height:1.45}.tool-field input,.tool-field select,.tool-field textarea,.toolbox-search input{width:100%;border:1px solid #bdccce;background:#fff;color:var(--ink);font:inherit;font-size:15px;min-height:44px;padding:10px 11px;border-radius:4px}.tool-field textarea{min-height:108px;resize:vertical}.tool-field input:focus,.tool-field select:focus,.tool-field textarea:focus,.toolbox-search input:focus{outline:3px solid rgba(31,140,126,.14);border-color:var(--green)}
.tool-actions{display:flex;flex-wrap:wrap;gap:10px;margin-top:22px}.tool-result{position:sticky;top:98px;background:#0b2e3a;color:#fff;padding:28px;border-radius:6px;min-height:220px}.tool-result h2{font-size:22px;margin:0 0 12px;color:#fff}.tool-result .big-result{font-size:36px;font-weight:850;letter-spacing:-.03em;margin:8px 0 14px;color:#fff}.tool-result p{color:#cbdadc;font-size:14px;line-height:1.6}.result-lines{margin-top:18px;border-top:1px solid rgba(255,255,255,.14)}.result-line{display:flex;justify-content:space-between;gap:16px;padding:10px 0;border-bottom:1px solid rgba(255,255,255,.1);font-size:14px}.result-line span{color:#bfd0d2}.result-line b{text-align:right}.result-note{margin-top:16px;background:rgba(255,255,255,.07);padding:12px;font-size:13px;line-height:1.55;color:#d8e5e6}.result-bad{color:#ffc5b8}.result-good{color:#9fe0d0}.result-warn{color:#ffd68b}
.tool-copy{display:flex;gap:8px;flex-wrap:wrap;margin-top:17px}.tool-copy button,.tool-copy a{border:1px solid rgba(255,255,255,.28);background:transparent;color:#fff;border-radius:4px;padding:9px 11px;font:inherit;font-size:13px;font-weight:760;cursor:pointer}.tool-copy button:hover,.tool-copy a:hover{background:rgba(255,255,255,.1)}
.tool-info{padding:64px 0}.tool-info-grid{display:grid;grid-template-columns:1fr 1fr;gap:56px}.tool-info h2{font-size:34px;line-height:1.08;letter-spacing:-.03em;margin:0 0 16px}.tool-info p,.tool-info li{font-size:15px;line-height:1.75;color:#52656d}.tool-info ul{padding-left:20px}.tool-disclaimer{border-left:3px solid var(--green);padding:13px 16px;background:#eef5f3;color:#476169;font-size:13px;line-height:1.6;margin-top:20px}.choice-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.choice-card{border:1px solid var(--line);padding:12px}.choice-card label{display:flex;gap:9px;align-items:flex-start;font-size:14px;line-height:1.45}.choice-card input{margin-top:3px}
.tool-table{width:100%;border-collapse:collapse;margin-top:12px}.tool-table th,.tool-table td{text-align:left;border-bottom:1px solid var(--line);padding:10px 8px;font-size:14px;vertical-align:top}.tool-table th{font-size:13px;text-transform:uppercase;letter-spacing:.06em;color:var(--muted)}
@media(max-width:980px){.toolbox-grid{grid-template-columns:repeat(2,1fr)}.tool-layout,.toolbox-head,.tool-info-grid{grid-template-columns:1fr}.tool-result{position:static}.tool-field-grid{grid-template-columns:1fr}}
@media(max-width:620px){.toolbox-grid{grid-template-columns:1fr}.toolbox-hero{padding:56px 0 48px}.toolbox-section{padding:50px 0}.tool-page-hero{padding:46px 0 36px}.tool-workspace{padding:38px 0 54px}.tool-panel,.tool-result{padding:21px}.choice-grid{grid-template-columns:1fr}.tool-category-title{align-items:flex-start;flex-direction:column}.toolbox-search{flex-direction:column}}


/* VNext 3: isolate toolbox result components from legacy site.css utility classes. */
.toolbox-page .tool-result .result-lines{border-top:1px solid rgba(255,255,255,.14);}
.toolbox-page .tool-result .result-line{
  display:flex;
  justify-content:space-between;
  gap:16px;
  padding:10px 0;
  margin:0;
  border:0;
  border-bottom:1px solid rgba(255,255,255,.10);
  border-radius:0;
  background:transparent;
  color:#d8e5e6;
  box-shadow:none;
}
.toolbox-page .tool-result .result-line span{color:#bfd0d2;}
.toolbox-page .tool-result .result-line b,
.toolbox-page .tool-result .result-line strong{color:#fff;text-align:right;}
.toolbox-page .tool-result .result-line:last-child{border-bottom:0;}
.toolbox-page .tool-result a{color:#fff;}
.toolbox-page .tool-result .result-note{border:0;border-radius:4px;}
.toolbox-page .tool-result input,
.toolbox-page .tool-result select,
.toolbox-page .tool-result textarea{color:var(--ink);background:#fff;}
/* Protect tool cards/choices from legacy global card styles. */
.toolbox-page .choice-card{border-radius:4px;background:#fff;box-shadow:none;}
.toolbox-page .tool-panel,.toolbox-page .toolbox-card{box-sizing:border-box;}

/* VNext 3: remove legacy tool-card spacing/borders inherited from site.css. */
.toolbox-page .tool-result{margin-top:0;border:0;box-shadow:none}

/* VNext 3 responsive result hardening. */
.toolbox-page .tool-result .result-line>*{min-width:0;overflow-wrap:anywhere;word-break:normal}
.toolbox-page .tool-result .big-result{overflow-wrap:anywhere;line-height:1.08}
.toolbox-page .tool-result pre{max-width:100%;overflow-wrap:anywhere;word-break:break-word}
@media(max-width:620px){
  .toolbox-page .tool-result .result-line{gap:10px;flex-wrap:wrap}
  .toolbox-page .tool-result .result-line b{margin-left:auto}
}