body main.tools-shell > #wbs-sds.wbs-title { position:relative;width:auto;min-width:0;max-width:1440px;margin:0 auto;padding:25px 16px 48px }
#wbs-sds .wbs-diff-hero { margin:0 0 16px }
#wbs-sds .wbs-diff-hero-copy { max-width:700px }
#wbs-sds .wbs-diff-cover { object-position:right 45% }
#wbs-sds .sds-layout { grid-template-columns:minmax(0,3fr) minmax(0,2fr);gap:16px;margin:0 }
#wbs-sds .sds-panel {
  min-width:0;padding:16px;border:1px solid #b4b7dd55;border-radius:1.1rem;
  background:radial-gradient(ellipse at 0 0,#b69aff22,transparent 75%),#0d132be0;
  box-shadow:0 8px 24px #03071955,inset 0 1px #f0e8ff44
}
#wbs-sds .sds-engine { min-width:0;padding:12px;border:1px solid #ae9acb85;border-radius:12px;margin:14px 0;background:#201e3b }
#wbs-sds .sds-engine legend { padding:0 5px;color:#f6edff }
#wbs-sds .sds-engine p { margin:9px 0;font-size:.85rem;color:#d9d1e9 }
#wbs-sds .sds-engine-options { display:flex;flex-wrap:wrap;gap:7px;margin-bottom:10px }
#wbs-sds .sds-engine-options > label { position:relative;margin:0;display:flex;min-width:0 }
#wbs-sds .sds-engine-options > label input { position:absolute;inset:0;width:100%;height:100%;opacity:0;cursor:pointer;margin:0 }
#wbs-sds .sds-engine-options :is(label span,button) {
  padding:9px 12px;min-height:42px;border:1px solid #ae9acb85;border-radius:11px;
  background:#211e3b;color:#f5eaff;font:inherit
}
#wbs-sds .sds-engine-options :is(input:checked + span,button[aria-pressed=true]) { background:linear-gradient(135deg,#594587,#293860);border-color:#d9b9ff }
#wbs-sds .sds-engine-options input:disabled { cursor:not-allowed }
#wbs-sds .sds-engine-options input:disabled + span { opacity:.55 }
#wbs-sds .sds-engine-options input:focus-visible + span { outline:2px solid #e0c9ff;outline-offset:2px }
#wbs-sds .sds-ai-consent { display:flex;flex-direction:row;gap:10px;align-items:flex-start;font-size:.87rem }
#wbs-sds .sds-ai-consent input { appearance:none;display:grid;place-items:center;width:20px;min-width:20px;height:20px;margin:0;border:1px solid #ae9acb;border-radius:5px;background:#11162c;cursor:pointer }
#wbs-sds .sds-ai-consent input:checked { background:#c7abf8 }
#wbs-sds .sds-ai-consent input:checked::after { content:"";width:9px;height:5px;border-left:2px solid #21163d;border-bottom:2px solid #21163d;transform:rotate(-45deg) }
#wbs-sds .sds-origin { color:#e1caff;margin:10px 0 }
#wbs-sds .sds-kicker { color:#c6ebff }
#wbs-sds .title-guides { margin:14px 0 }
#wbs-sds .title-guides > details { min-width:0;margin:0 }
#wbs-sds :is(.title-guides > details > summary,.wbs-faq-main-summary > span:first-child) { display:flex;gap:8px;align-items:center }
#wbs-sds .wbs-diff-icon { width:18px;height:18px;flex:none }
#wbs-sds .sds-content-grid { grid-template-columns:minmax(0,1fr) }
#wbs-sds [hidden] { display:none!important }
@media(max-width:680px) {
  body main.tools-shell > #wbs-sds.wbs-title { padding:12px 10px 30px }
  #wbs-sds .sds-layout { grid-template-columns:minmax(0,1fr) }
  #wbs-sds .wbs-diff-hero { padding:0 0 55px }
  #wbs-sds .wbs-diff-hero-copy { padding:20px 16px 12px }
  #wbs-sds .sds-hero-tags { display:none }
}

#wbs-sds .sds-style { min-width:0 }
#wbs-sds .sds-style > span { min-width:0;white-space:normal;overflow-wrap:anywhere }
#wbs-sds .sds-style-mark { flex:none }
#wbs-sds .sds-engine-options button:hover { border-color:#dbbcff }
@media(max-width:680px) {
  #wbs-sds .sds-style > span { padding-inline:8px }
  #wbs-sds .sds-layout .sds-panel { padding:12px }
}

#wbs-sds .sds-extra-facts { margin: 14px 0; }
#wbs-sds .sds-extra-facts > .sds-fields { margin: 14px 0; }
#wbs-sds .sds-range { display: grid; grid-template-columns: repeat(2,minmax(0,1fr)) auto; gap: 8px; align-items: end; }
#wbs-sds .sds-range label { display: flex; flex-direction: column; min-width: 0; gap: 4px; }
#wbs-sds .sds-range select { width: 100%; min-width: 0; }
@media(max-width:420px) {
  #wbs-sds .sds-range { grid-template-columns: repeat(2,minmax(0,1fr)); }
  #wbs-sds .sds-range button { grid-column: 1/-1; justify-self: start; }
}