.yarpp-related{margin-bottom:1em;margin-top:1em}.yarpp-related a{font-weight:700;text-decoration:none}.yarpp-related .yarpp-thumbnail-title{font-size:96%;font-weight:700;text-align:left;text-decoration:none}.yarpp-related h3{font-size:125%;font-weight:700;margin:0;padding:0 0 5px;text-transform:capitalize}#sbv-tree-tool {
--sbv-navy: #12334f;
--sbv-navy-dark: #0b2439;
--sbv-navy-light: #1d4b65;
--sbv-teal: #086c67;
--sbv-teal-dark: #07524e;
--sbv-teal-soft: #e8f6f2;
--sbv-gold: #e2ae54;
--sbv-ink: #1b3447;
--sbv-muted: #486174;
--sbv-border: #cadbe3;
--sbv-surface: #ffffff;
--sbv-background: #eef5f8;
--sbv-soft-blue: #edf5fb;
--sbv-soft-gold: #fff7e9;
--sbv-danger: #a23542;
--sbv-success: #176b4d;
width: 100% !important;
max-width: 100% !important;
min-width: 0 !important;
margin: 28px 0;
padding: 22px;
box-sizing: border-box;
background: linear-gradient(
180deg,
#e8f3f7 0%,
#f3f8fa 35%,
#edf4f7 100%
);
border: 1px solid #c9dce5;
border-radius: 22px;
box-shadow:
0 14px 40px rgba(13, 45, 67, 0.10),
0 3px 10px rgba(13, 45, 67, 0.04);
color: var(--sbv-ink);
font-family: Arial, Helvetica, sans-serif;
font-size: 18px !important;
font-weight: 400;
line-height: 1.7;
overflow-wrap: break-word;
word-break: normal;
hyphens: auto;
}
#sbv-tree-tool,
#sbv-tree-tool *,
#sbv-tree-tool *::before,
#sbv-tree-tool *::after {
box-sizing: border-box;
}
#sbv-tree-tool * {
min-width: 0;
}
#sbv-tree-tool p,
#sbv-tree-tool li,
#sbv-tree-tool label,
#sbv-tree-tool input,
#sbv-tree-tool select,
#sbv-tree-tool textarea,
#sbv-tree-tool button,
#sbv-tree-tool summary,
#sbv-tree-tool output {
font-family: inherit;
font-size: 18px;
line-height: 1.65;
overflow-wrap: break-word;
word-break: normal;
hyphens: auto;
}
#sbv-tree-tool p {
margin: 0 0 16px;
color: inherit;
}
#sbv-tree-tool ul,
#sbv-tree-tool ol {
margin: 0 0 20px;
padding-left: 26px;
}
#sbv-tree-tool li {
margin: 0 0 10px;
color: inherit;
}
#sbv-tree-tool strong {
font-weight: 700;
}
#sbv-tree-tool h1,
#sbv-tree-tool h2,
#sbv-tree-tool h3,
#sbv-tree-tool h4 {
font-family: inherit;
font-weight: 700;
text-transform: none;
letter-spacing: normal;
overflow-wrap: break-word;
word-break: normal;
hyphens: auto;
}
#sbv-tree-tool h1 {
margin: 0 0 20px;
font-size: 40px;
line-height: 1.2;
}
#sbv-tree-tool h2 {
margin: 0 0 18px;
color: var(--sbv-navy);
font-size: 34px;
line-height: 1.28;
}
#sbv-tree-tool h3 {
margin: 0 0 16px;
color: var(--sbv-navy);
font-size: 26px;
line-height: 1.35;
}
#sbv-tree-tool h4 {
margin: 0 0 14px;
color: var(--sbv-navy);
font-size: 21px;
line-height: 1.4;
}
#sbv-tree-tool a {
color: #075a70;
text-decoration: underline !important;
text-decoration-thickness: 1px;
text-underline-offset: 3px;
box-shadow: none !important;
overflow-wrap: anywhere;
}
#sbv-tree-tool a:hover {
color: #073e53;
}
#sbv-tree-tool :is(
a,
button,
input,
select,
textarea,
summary,
[tabindex]
):focus-visible {
outline: 3px solid #e5a52e !important;
outline-offset: 3px;
} #sbv-tree-tool .sbv-tree-header {
position: relative;
min-width: 0;
max-width: 100%;
margin: 0 0 22px;
padding: 34px 32px;
background: linear-gradient(
135deg,
#0b2439 0%,
#16415a 58%,
#086c67 100%
);
border: 1px solid #214f64;
border-radius: 18px;
color: #ffffff;
box-shadow: 0 8px 22px rgba(13, 48, 67, 0.15);
}
#sbv-tree-tool .sbv-tree-header h1 {
color: #ffffff !important;
font-size: 40px;
line-height: 1.2;
margin-bottom: 20px;
}
#sbv-tree-tool .sbv-tree-header p {
color: #eef7fa;
}
#sbv-tree-tool .sbv-tree-eyebrow {
display: inline-block;
width: auto;
max-width: 100%;
margin-bottom: 18px;
padding: 7px 14px;
color: #ffffff !important;
background: rgba(255, 255, 255, 0.14);
border: 1px solid rgba(255, 255, 255, 0.24);
border-radius: 30px;
font-size: 16px !important;
font-weight: 700;
line-height: 1.5;
letter-spacing: 0.3px;
}
#sbv-tree-tool .sbv-tree-lead {
font-size: 21px !important;
line-height: 1.65;
font-weight: 500;
color: #ffffff !important;
}
#sbv-tree-tool .sbv-tree-benefits {
display: grid;
grid-template-columns: minmax(0, 1fr);
gap: 10px;
margin: 24px 0 !important;
padding: 0 !important;
list-style: none !important;
}
#sbv-tree-tool .sbv-tree-benefits li {
display: flex;
align-items: flex-start;
gap: 12px;
min-width: 0;
margin: 0;
padding: 12px 14px;
background: rgba(255, 255, 255, 0.10);
border: 1px solid rgba(255, 255, 255, 0.18);
border-radius: 10px;
color: #ffffff;
font-size: 18px;
}
#sbv-tree-tool .sbv-tree-benefits li::before {
content: "✓";
display: flex;
align-items: center;
justify-content: center;
flex: 0 0 28px;
width: 28px;
height: 28px;
background: #e0f6eb;
color: #145e43;
border-radius: 50%;
font-size: 18px;
font-weight: 700;
line-height: 1;
}
#sbv-tree-tool .sbv-tree-benefit-text {
display: block;
flex: 1 1 auto;
min-width: 0;
max-width: 100%;
color: #ffffff;
font-size: 18px;
line-height: 1.55;
} #sbv-tree-tool .sbv-tree-navigation {
display: flex;
flex-wrap: wrap;
align-items: stretch;
gap: 10px;
min-width: 0;
max-width: 100%;
margin-top: 24px;
}
#sbv-tree-tool .sbv-tree-navigation a {
display: inline-flex;
align-items: center;
justify-content: center;
min-width: 0;
min-height: 46px;
padding: 10px 15px;
background: #ffffff;
color: #123b51 !important;
border: 1px solid #d6e8ee;
border-radius: 9px;
font-size: 16px;
font-weight: 700;
line-height: 1.45;
text-align: center;
text-decoration: none !important;
box-shadow: none !important;
transition: background-color 0.2s ease,
color 0.2s ease;
}
#sbv-tree-tool .sbv-tree-navigation a:hover {
background: #dff4ef;
color: #084c48 !important;
} #sbv-tree-tool .sbv-tree-section {
min-width: 0;
max-width: 100%;
margin: 22px 0 0;
padding: 30px;
background: var(--sbv-surface);
border: 1px solid var(--sbv-border);
border-radius: 17px;
box-shadow: 0 4px 16px rgba(19, 51, 77, 0.045);
}
#sbv-tree-tool .sbv-tree-section-heading {
min-width: 0;
max-width: 100%;
margin-bottom: 26px;
padding-bottom: 18px;
border-bottom: 1px solid #dce8ee;
}
#sbv-tree-tool .sbv-tree-section-heading p:last-child {
margin-bottom: 0;
}
#sbv-tree-tool .sbv-tree-step {
display: inline-block;
width: fit-content;
max-width: 100%;
margin: 0 0 14px !important;
padding: 6px 13px;
background: var(--sbv-teal-soft);
color: #07564f !important;
border: 1px solid #b8dfd6;
border-radius: 30px;
font-size: 16px !important;
font-weight: 700;
line-height: 1.5;
}
#sbv-tree-tool .sbv-tree-section > p:last-child,
#sbv-tree-tool .sbv-tree-editor-panel > p:last-child,
#sbv-tree-tool .sbv-tree-storage-panel > p:last-child {
margin-bottom: 0;
} #sbv-tree-tool .sbv-tree-form,
#sbv-tree-tool .sbv-tree-fields,
#sbv-tree-tool .sbv-tree-field,
#sbv-tree-tool .sbv-tree-view-options {
min-width: 0;
max-width: 100%;
}
#sbv-tree-tool .sbv-tree-fields,
#sbv-tree-tool .sbv-tree-view-options {
display: grid;
grid-template-columns: minmax(0, 1fr);
gap: 18px;
}
#sbv-tree-tool .sbv-tree-field {
display: block;
margin-bottom: 18px;
}
#sbv-tree-tool .sbv-tree-fields > .sbv-tree-field {
margin-bottom: 0;
}
#sbv-tree-tool .sbv-tree-field label,
#sbv-tree-tool .sbv-tree-form label {
display: block;
width: 100%;
min-width: 0;
margin: 0 0 8px;
color: #18394f;
font-size: 18px;
font-weight: 700;
line-height: 1.5;
}
#sbv-tree-tool .sbv-tree-required {
color: #a23542;
font-size: 16px;
font-weight: 600;
}
#sbv-tree-tool input[type="text"],
#sbv-tree-tool input[type="number"],
#sbv-tree-tool select,
#sbv-tree-tool textarea {
display: block;
width: 100% !important;
max-width: 100% !important;
min-width: 0;
min-height: 50px;
margin: 0;
padding: 12px 14px;
background: #ffffff !important;
color: #1b3447 !important;
border: 1.5px solid #9fb8c6 !important;
border-radius: 9px !important;
box-shadow: none !important;
font-family: inherit;
font-size: 18px !important;
font-weight: 400;
line-height: 1.5;
text-transform: none;
letter-spacing: normal;
appearance: auto;
}
#sbv-tree-tool textarea {
min-height: 110px;
height: auto;
resize: vertical;
}
#sbv-tree-tool input::placeholder,
#sbv-tree-tool textarea::placeholder {
color: #697d8b;
opacity: 1;
font-size: 17px;
}
#sbv-tree-tool input[type="text"]:focus,
#sbv-tree-tool input[type="number"]:focus,
#sbv-tree-tool select:focus,
#sbv-tree-tool textarea:focus {
border-color: #08766c !important;
background: #ffffff !important;
box-shadow: 0 0 0 3px rgba(8, 118, 108, 0.12) !important;
}
#sbv-tree-tool input:disabled,
#sbv-tree-tool select:disabled,
#sbv-tree-tool textarea:disabled {
background: #edf1f3 !important;
color: #536575 !important;
cursor: not-allowed;
}
#sbv-tree-tool .sbv-tree-help {
display: block;
min-width: 0;
max-width: 100%;
margin: 9px 0 0;
color: #496174;
font-size: 16px !important;
line-height: 1.65;
font-weight: 400;
} #sbv-tree-tool .sbv-tree-actions {
display: flex;
flex-wrap: wrap;
gap: 12px;
align-items: stretch;
min-width: 0;
max-width: 100%;
margin: 20px 0 12px;
}
#sbv-tree-tool button {
display: inline-flex;
align-items: center;
justify-content: center;
min-width: 0;
max-width: 100%;
min-height: 48px;
margin: 0;
padding: 12px 20px;
background: #e9f1f5;
color: #17384e;
border: 1px solid #bdd2dc;
border-radius: 10px;
font-family: inherit;
font-size: 17px !important;
font-weight: 700;
line-height: 1.5;
text-transform: none !important;
letter-spacing: normal;
text-align: center;
text-decoration: none;
box-shadow: none !important;
cursor: pointer;
transition:
background-color 0.2s ease,
border-color 0.2s ease,
transform 0.2s ease;
}
#sbv-tree-tool button:hover:not(:disabled) {
background: #d6e8ef;
border-color: #8eb5c5;
color: #12334f;
transform: translateY(-1px);
}
#sbv-tree-tool button:active:not(:disabled) {
transform: translateY(0);
}
#sbv-tree-tool .sbv-tree-button-primary {
background: var(--sbv-teal);
color: #ffffff;
border-color: var(--sbv-teal);
}
#sbv-tree-tool .sbv-tree-button-primary:hover:not(:disabled) {
background: var(--sbv-teal-dark);
color: #ffffff;
border-color: var(--sbv-teal-dark);
}
#sbv-tree-tool .sbv-tree-button-secondary {
background: #ffffff;
color: var(--sbv-navy);
border-color: #91acbb;
}
#sbv-tree-tool .sbv-tree-button-secondary:hover:not(:disabled) {
background: #e5f2f7;
color: var(--sbv-navy);
}
#sbv-tree-tool .sbv-tree-button-danger {
background: #fff1f1;
color: #982b39;
border-color: #dca6ad;
}
#sbv-tree-tool .sbv-tree-button-danger:hover:not(:disabled) {
background: #f8dce0;
color: #842332;
border-color: #ba7781;
}
#sbv-tree-tool button:disabled {
background: #e5eaee !important;
color: #52616e !important;
border-color: #c9d2d9 !important;
cursor: not-allowed;
opacity: 0.82;
transform: none !important;
} #sbv-tree-tool .sbv-tree-noscript,
#sbv-tree-tool .sbv-tree-notice,
#sbv-tree-tool .sbv-tree-start-note,
#sbv-tree-tool .sbv-tree-save-status {
min-width: 0;
max-width: 100%;
padding: 19px 21px;
border-radius: 12px;
}
#sbv-tree-tool .sbv-tree-noscript {
background: #fff3df;
border: 1px solid #ddaf64;
border-left: 5px solid #ad7222;
color: #5a3d1d;
}
#sbv-tree-tool .sbv-tree-notice {
margin: 20px 0 0;
background: #e8f4f8;
border: 1px solid #bdd7e2;
border-left: 5px solid #26718b;
color: #23485b;
font-size: 17px !important;
}
#sbv-tree-tool .sbv-tree-save-status {
margin-top: 15px;
background: #e8f6f0;
border: 1px solid #b8ddca;
color: #1e654b;
font-size: 17px !important;
}
#sbv-tree-tool .sbv-tree-start-note {
margin-top: 26px;
background: linear-gradient(135deg, #eff8f5, #eef6fb);
border: 1px solid #c4e0df;
}
#sbv-tree-tool .sbv-tree-start-note h3 {
margin-bottom: 20px;
} #sbv-tree-tool .sbv-tree-steps {
counter-reset: sbv-step;
display: grid;
grid-template-columns: minmax(0, 1fr);
gap: 15px;
padding: 0;
margin: 0;
list-style: none;
}
#sbv-tree-tool .sbv-tree-steps li {
counter-increment: sbv-step;
display: grid;
grid-template-columns: 42px minmax(0, 1fr);
gap: 15px;
align-items: start;
min-width: 0;
margin: 0;
padding: 16px;
background: #ffffff;
border: 1px solid #d3e2e6;
border-radius: 11px;
}
#sbv-tree-tool .sbv-tree-steps li::before {
content: counter(sbv-step);
display: flex;
align-items: center;
justify-content: center;
width: 42px;
height: 42px;
background: #0b6963;
color: #ffffff;
border-radius: 50%;
font-size: 19px;
font-weight: 700;
line-height: 1;
}
#sbv-tree-tool .sbv-tree-step-text {
min-width: 0;
max-width: 100%;
}
#sbv-tree-tool .sbv-tree-step-text strong {
display: block;
margin-bottom: 6px;
color: var(--sbv-navy);
font-size: 18px;
line-height: 1.5;
}
#sbv-tree-tool .sbv-tree-step-text p {
margin: 0;
font-size: 17px;
} #sbv-tree-tool .sbv-tree-workspace {
min-width: 0;
max-width: 100%;
}
#sbv-tree-tool .sbv-tree-view-settings {
min-width: 0;
max-width: 100%;
margin-bottom: 20px;
padding: 22px;
background: #f0f7fa;
border: 1px solid #c9dfe6;
border-radius: 13px;
}
#sbv-tree-tool .sbv-tree-fieldset {
min-width: 0;
max-width: 100%;
margin: 0 0 22px;
padding: 17px;
border: 1px solid #b9d5df;
border-radius: 11px;
background: #ffffff;
}
#sbv-tree-tool .sbv-tree-fieldset legend {
max-width: 100%;
padding: 0 9px;
color: var(--sbv-navy);
font-size: 19px;
font-weight: 700;
line-height: 1.5;
}
#sbv-tree-tool .sbv-tree-radio-group {
display: grid;
grid-template-columns: minmax(0, 1fr);
gap: 11px;
}
#sbv-tree-tool .sbv-tree-radio-option {
display: flex;
align-items: center;
gap: 12px;
min-width: 0;
max-width: 100%;
min-height: 50px;
padding: 10px 14px;
background: #f6fafb;
border: 1px solid #d1e0e6;
border-radius: 9px;
}
#sbv-tree-tool input[type="radio"],
#sbv-tree-tool input[type="checkbox"] {
flex: 0 0 auto;
width: 22px;
height: 22px;
min-width: 22px;
min-height: 22px;
margin: 0;
padding: 0;
accent-color: #08756a;
cursor: pointer;
}
#sbv-tree-tool .sbv-tree-radio-option label {
flex: 1 1 auto;
min-width: 0;
max-width: 100%;
margin: 0;
color: #214258;
font-size: 18px;
font-weight: 600;
line-height: 1.5;
cursor: pointer;
}
#sbv-tree-tool .sbv-tree-view-options {
margin-top: 18px;
}
#sbv-tree-tool .sbv-tree-toolbar {
display: flex;
flex-wrap: wrap;
gap: 10px;
min-width: 0;
max-width: 100%;
margin-bottom: 15px;
padding: 15px;
background: #eaf3f6;
border: 1px solid #cddfe7;
border-radius: 12px;
}
#sbv-tree-tool .sbv-tree-toolbar button {
flex: 0 1 auto;
min-height: 46px;
padding: 10px 15px;
font-size: 16px !important;
} #sbv-tree-tool .sbv-tree-figure {
min-width: 0;
max-width: 100%;
margin: 0;
padding: 14px;
background: #ffffff;
border: 2px solid #b9d6df;
border-radius: 15px;
box-shadow: 0 5px 18px rgba(15, 62, 84, 0.07);
}
#sbv-tree-tool .sbv-tree-canvas-viewport {
width: 100%;
max-width: 100%;
min-width: 0;
min-height: 260px;
padding: 14px;
overflow-x: auto;
overflow-y: auto;
background-color: #f8fcfd;
background-image:
linear-gradient(
rgba(65, 123, 144, 0.055) 1px,
transparent 1px
),
linear-gradient(
90deg,
rgba(65, 123, 144, 0.055) 1px,
transparent 1px
);
background-size: 24px 24px;
border: 1px solid #d8e8ee;
border-radius: 11px;
scrollbar-width: thin;
scrollbar-color: #8baab9 #e5f0f5;
overscroll-behavior-inline: contain;
}
#sbv-tree-tool #sbv-tree-svg {
display: block;
width: 100%;
min-width: 820px;
max-width: none;
height: auto;
min-height: 0;
margin: 0 auto;
overflow: visible;
font-family: Arial, Helvetica, sans-serif;
}
#sbv-tree-tool .sbv-tree-svg-person {
cursor: default;
}
#sbv-tree-tool .sbv-tree-svg-person rect {
vector-effect: non-scaling-stroke;
}
#sbv-tree-tool .sbv-tree-svg-edges path {
stroke-linecap: round;
stroke-linejoin: round;
}
#sbv-tree-tool .sbv-tree-figure figcaption {
min-width: 0;
max-width: 100%;
margin-top: 15px;
padding: 12px 14px;
background: #edf5f8;
border-radius: 8px;
color: #405a6e;
font-size: 16px;
line-height: 1.65;
} #sbv-tree-tool .sbv-tree-legend {
min-width: 0;
max-width: 100%;
margin-top: 22px;
padding: 23px;
background: #f1f8fa;
border: 1px solid #c7dfe6;
border-radius: 13px;
}
#sbv-tree-tool .sbv-tree-legend h3 {
margin-bottom: 18px;
}
#sbv-tree-tool .sbv-tree-legend-list {
display: grid;
grid-template-columns: minmax(0, 1fr);
gap: 12px;
margin: 0;
padding: 0;
list-style: none;
}
#sbv-tree-tool .sbv-tree-legend-item {
display: grid;
grid-template-columns: 38px minmax(0, 1fr);
gap: 14px;
align-items: start;
min-width: 0;
max-width: 100%;
margin: 0;
padding: 16px;
background: #ffffff;
border: 1px solid #d2e3e8;
border-radius: 10px;
}
#sbv-tree-tool .sbv-tree-legend-symbol {
display: flex;
align-items: center;
justify-content: center;
width: 38px;
height: 38px;
border-radius: 10px;
font-size: 21px;
font-weight: 700;
line-height: 1;
}
#sbv-tree-tool .sbv-tree-status-documented {
background: #d9f1e4;
color: #176b4d;
}
#sbv-tree-tool .sbv-tree-status-uncertain {
background: #fff0d5;
color: #875718;
}
#sbv-tree-tool .sbv-tree-status-open {
background: #e4edf5;
color: #375a78;
}
#sbv-tree-tool .sbv-tree-status-conflict {
background: #fae0e3;
color: #9a2e3d;
}
#sbv-tree-tool .sbv-tree-legend-text {
display: flex;
flex-direction: column;
gap: 4px;
min-width: 0;
max-width: 100%;
overflow-wrap: break-word;
word-break: normal;
hyphens: auto;
}
#sbv-tree-tool .sbv-tree-legend-text strong {
display: block;
color: var(--sbv-navy);
font-size: 18px;
line-height: 1.45;
}
#sbv-tree-tool .sbv-tree-legend-text span {
display: block;
color: #425d6e;
font-size: 17px;
line-height: 1.6;
} #sbv-tree-tool .sbv-tree-text-view {
min-width: 0;
max-width: 100%;
margin-top: 22px;
padding: 23px;
background: #ffffff;
border: 1px solid #c7dbe4;
border-radius: 13px;
}
#sbv-tree-tool .sbv-tree-person-list {
display: grid;
grid-template-columns: minmax(0, 1fr);
gap: 12px;
margin: 18px 0;
padding: 0;
list-style: none;
}
#sbv-tree-tool .sbv-tree-person-list li {
min-width: 0;
max-width: 100%;
margin: 0;
padding: 15px 18px;
background: #f2f8fa;
border: 1px solid #d4e5eb;
border-left: 4px solid #0b7770;
border-radius: 9px;
}
#sbv-tree-tool .sbv-tree-person-list-text {
display: flex;
flex-direction: column;
gap: 5px;
min-width: 0;
max-width: 100%;
}
#sbv-tree-tool .sbv-tree-person-list-text strong {
color: var(--sbv-navy);
font-size: 18px;
}
#sbv-tree-tool .sbv-tree-person-list-text span {
color: var(--sbv-muted);
font-size: 17px;
line-height: 1.6;
}
#sbv-tree-tool .sbv-tree-export-actions {
min-width: 0;
max-width: 100%;
margin-top: 22px;
padding: 23px;
background: #edf7f3;
border: 1px solid #badbcc;
border-radius: 13px;
} #sbv-tree-tool .sbv-tree-editor-panel {
min-width: 0;
max-width: 100%;
margin: 0 0 24px;
padding: 25px;
background: #f7fafc;
border: 1px solid #cbdde6;
border-radius: 13px;
box-shadow: 0 3px 12px rgba(19, 51, 77, 0.035);
}
#sbv-tree-tool .sbv-tree-editor-panel:nth-of-type(even) {
background: #f0f8f6;
border-color: #bddbd2;
}
#sbv-tree-tool .sbv-tree-editor-panel h3 {
padding-bottom: 12px;
border-bottom: 2px solid #c6dfe1;
margin-bottom: 16px;
}
#sbv-tree-tool .sbv-tree-editor-panel .sbv-tree-form {
margin-top: 20px;
}
#sbv-tree-tool .sbv-tree-editor-panel .sbv-tree-actions {
margin-top: 22px;
} #sbv-tree-tool .sbv-tree-research-dashboard {
min-width: 0;
max-width: 100%;
margin-bottom: 24px;
padding: 25px;
background: linear-gradient(
135deg,
#102c44 0%,
#17455c 65%,
#075d5d 100%
);
border: 1px solid #1b5264;
border-radius: 15px;
color: #ffffff;
}
#sbv-tree-tool .sbv-tree-research-dashboard h3 {
color: #ffffff !important;
margin-bottom: 20px;
}
#sbv-tree-tool .sbv-tree-research-dashboard > p,
#sbv-tree-tool .sbv-tree-research-dashboard .sbv-tree-help {
color: #e9f5f8;
}
#sbv-tree-tool .sbv-tree-stat-grid {
display: grid;
grid-template-columns: minmax(0, 1fr);
gap: 13px;
min-width: 0;
max-width: 100%;
margin-bottom: 20px;
}
#sbv-tree-tool .sbv-tree-stat {
min-width: 0;
max-width: 100%;
padding: 18px 20px;
background: #ffffff;
color: var(--sbv-ink);
border: 1px solid #cbe3e9;
border-left: 5px solid #0c8278;
border-radius: 11px;
}
#sbv-tree-tool .sbv-tree-stat-text {
display: flex;
flex-direction: column;
align-items: flex-start;
gap: 5px;
min-width: 0;
max-width: 100%;
overflow-wrap: break-word;
word-break: normal;
}
#sbv-tree-tool .sbv-tree-stat-text strong {
display: block;
min-width: 0;
max-width: 100%;
color: #0b5655;
line-height: 1.2;
}
#sbv-tree-tool .sbv-tree-stat output {
display: block;
max-width: 100%;
color: #0b5655;
font-size: 34px !important;
font-weight: 800;
line-height: 1.2;
overflow-wrap: break-word;
word-break: normal;
hyphens: none;
font-variant-numeric: tabular-nums;
}
#sbv-tree-tool .sbv-tree-stat-text > span {
display: block;
color: #365467;
font-size: 17px;
line-height: 1.55;
} #sbv-tree-tool .sbv-tree-research-check {
min-width: 0;
max-width: 100%;
margin-bottom: 22px;
padding: 25px;
background: #f1f8fa;
border: 1px solid #c8dfe7;
border-radius: 13px;
}
#sbv-tree-tool .sbv-tree-check-list {
display: grid;
grid-template-columns: minmax(0, 1fr);
gap: 12px;
margin: 20px 0;
padding: 0;
list-style: none;
}
#sbv-tree-tool .sbv-tree-check-list li {
display: grid;
grid-template-columns: 34px minmax(0, 1fr);
gap: 13px;
align-items: start;
min-width: 0;
max-width: 100%;
margin: 0;
padding: 16px;
background: #ffffff;
border: 1px solid #d3e4e9;
border-radius: 10px;
}
#sbv-tree-tool .sbv-tree-check-icon {
display: flex;
align-items: center;
justify-content: center;
width: 34px;
height: 34px;
background: #d8f0e4;
color: #176b4d;
border-radius: 9px;
font-size: 19px;
font-weight: 700;
line-height: 1;
}
#sbv-tree-tool .sbv-tree-check-text {
display: flex;
flex-direction: column;
gap: 5px;
min-width: 0;
max-width: 100%;
}
#sbv-tree-tool .sbv-tree-check-text strong {
display: block;
color: var(--sbv-navy);
font-size: 18px;
}
#sbv-tree-tool .sbv-tree-check-text span {
display: block;
color: #415b6f;
font-size: 17px;
line-height: 1.65;
}
#sbv-tree-tool .sbv-tree-check-results {
min-width: 0;
max-width: 100%;
margin-top: 24px;
padding: 23px;
background: #ffffff;
border: 1px solid #c2dce5;
border-top: 5px solid #0b756e;
border-radius: 12px;
}
#sbv-tree-tool .sbv-tree-check-results h4 {
margin-bottom: 14px;
}
#sbv-tree-tool .sbv-tree-check-results > p {
padding: 13px 15px;
background: #eaf4f8;
border-radius: 8px;
color: #2d5167;
font-size: 17px;
}
#sbv-tree-tool .sbv-tree-check-results ul {
display: grid;
grid-template-columns: minmax(0, 1fr);
gap: 12px;
min-width: 0;
max-width: 100%;
margin: 0;
padding: 0;
list-style: none;
}
#sbv-tree-tool .sbv-tree-check-results li {
min-width: 0;
max-width: 100%;
margin: 0;
padding: 16px;
background: #fff9ee;
border: 1px solid #ead8b5;
border-left: 4px solid #b07c2c;
border-radius: 9px;
}
#sbv-tree-tool .sbv-tree-result-text {
display: flex;
flex-direction: column;
gap: 5px;
min-width: 0;
max-width: 100%;
}
#sbv-tree-tool .sbv-tree-result-text strong {
display: block;
color: #67471b;
font-size: 18px;
}
#sbv-tree-tool .sbv-tree-result-text span {
display: block;
color: #5d523e;
font-size: 17px;
line-height: 1.65;
}
#sbv-tree-tool .sbv-tree-research-example {
min-width: 0;
max-width: 100%;
padding: 23px;
background: #fff8eb;
border: 1px solid #e6d3a8;
border-left: 5px solid #bb8736;
border-radius: 12px;
} #sbv-tree-tool .sbv-tree-storage-panel {
min-width: 0;
max-width: 100%;
margin-bottom: 22px;
padding: 24px;
background: #f3f9fb;
border: 1px solid #cadfe7;
border-radius: 13px;
}
#sbv-tree-tool .sbv-tree-storage-panel:nth-of-type(even) {
background: #f1f8f4;
border-color: #c1ddcf;
}
#sbv-tree-tool .sbv-tree-checkbox-row {
display: grid;
grid-template-columns: 24px minmax(0, 1fr);
gap: 14px;
align-items: start;
min-width: 0;
max-width: 100%;
margin: 19px 0;
padding: 18px;
background: #ffffff;
border: 1px solid #c7dde4;
border-radius: 11px;
}
#sbv-tree-tool .sbv-tree-checkbox-row input[type="checkbox"] {
width: 24px;
height: 24px;
min-width: 24px;
min-height: 24px;
margin-top: 3px;
}
#sbv-tree-tool .sbv-tree-checkbox-text {
min-width: 0;
max-width: 100%;
}
#sbv-tree-tool .sbv-tree-checkbox-text label {
display: block;
margin: 0 0 7px;
color: var(--sbv-navy);
font-size: 18px;
font-weight: 700;
line-height: 1.5;
cursor: pointer;
}
#sbv-tree-tool .sbv-tree-checkbox-text p {
margin: 0;
color: #496173;
font-size: 17px;
line-height: 1.65;
}
#sbv-tree-tool #sbv-tree-import-text {
min-height: 160px;
font-family: Arial, Helvetica, sans-serif;
} #sbv-tree-tool .sbv-tree-explanation-grid {
display: grid;
grid-template-columns: minmax(0, 1fr);
gap: 16px;
min-width: 0;
max-width: 100%;
margin: 20px 0 28px;
}
#sbv-tree-tool .sbv-tree-explanation-card {
min-width: 0;
max-width: 100%;
padding: 23px;
background: linear-gradient(
145deg,
#f0f8fa 0%,
#ffffff 100%
);
border: 1px solid #cbdfe7;
border-top: 4px solid #0c7771;
border-radius: 12px;
}
#sbv-tree-tool .sbv-tree-explanation-card h3 {
font-size: 24px;
}
#sbv-tree-tool .sbv-tree-explanation-card p:last-child {
margin-bottom: 0;
} #sbv-tree-tool #sbv-tree-privacy {
background: linear-gradient(
135deg,
#eaf6f1 0%,
#f7fbf9 100%
);
border: 1px solid #b9d9c9;
border-left: 5px solid #207759;
}
#sbv-tree-tool #sbv-tree-privacy h2 {
color: #155b45;
} #sbv-tree-tool .sbv-tree-faq-list {
display: grid;
grid-template-columns: minmax(0, 1fr);
gap: 13px;
min-width: 0;
max-width: 100%;
}
#sbv-tree-tool .sbv-tree-faq-item {
min-width: 0;
max-width: 100%;
margin: 0;
background: #f5fafb;
border: 1px solid #cbdfe6;
border-radius: 11px;
}
#sbv-tree-tool .sbv-tree-faq-item[open] {
background: #ffffff;
border-color: #81b9b1;
box-shadow: 0 4px 12px rgba(10, 87, 82, 0.06);
}
#sbv-tree-tool .sbv-tree-faq-item summary {
display: list-item;
min-width: 0;
max-width: 100%;
min-height: 52px;
padding: 17px 20px;
color: var(--sbv-navy);
font-size: 18px;
font-weight: 700;
line-height: 1.55;
cursor: pointer;
list-style-position: inside;
overflow-wrap: break-word;
word-break: normal;
}
#sbv-tree-tool .sbv-tree-faq-item summary::marker {
color: #0b726b;
}
#sbv-tree-tool .sbv-tree-faq-item summary:hover {
color: #075b55;
background: #eaf7f4;
border-radius: 10px;
}
#sbv-tree-tool .sbv-tree-faq-answer {
min-width: 0;
max-width: 100%;
padding: 2px 20px 20px;
color: #354f61;
}
#sbv-tree-tool .sbv-tree-faq-answer p {
margin-bottom: 0;
font-size: 17px;
line-height: 1.7;
} #sbv-tree-tool .sbv-tree-related-list {
display: grid;
grid-template-columns: minmax(0, 1fr);
gap: 15px;
min-width: 0;
max-width: 100%;
margin: 20px 0 0;
padding: 0;
list-style: none;
}
#sbv-tree-tool .sbv-tree-related-list li {
min-width: 0;
max-width: 100%;
margin: 0;
padding: 19px;
background: #eef6fa;
border: 1px solid #cbdfe8;
border-left: 4px solid #0b7771;
border-radius: 10px;
}
#sbv-tree-tool .sbv-tree-related-text {
min-width: 0;
max-width: 100%;
}
#sbv-tree-tool .sbv-tree-related-text a {
display: inline;
color: #07576b;
font-size: 18px;
font-weight: 700;
line-height: 1.55;
text-decoration: underline !important;
}
#sbv-tree-tool .sbv-tree-related-text a:hover {
color: #073f51;
}
#sbv-tree-tool .sbv-tree-related-text p {
margin: 9px 0 0;
color: #496274;
font-size: 17px;
line-height: 1.65;
} #sbv-tree-tool :is(
#toc_container,
.toc_container,
#ez-toc-container,
.ez-toc-container,
.lwptoc,
.rank-math-toc,
.wp-block-rank-math-toc-block
) {
width: 100% !important;
min-width: 0 !important;
max-width: 100% !important;
margin: 20px 0 !important;
padding: 20px !important;
background: #ffffff !important;
color: #1b3447 !important;
border: 1px solid #bfd7e1 !important;
border-left: 5px solid #08766e !important;
border-radius: 12px !important;
box-shadow: 0 4px 14px rgba(15, 55, 76, 0.07) !important;
font-family: Arial, Helvetica, sans-serif;
font-size: 18px !important;
line-height: 1.6;
text-align: left;
}
#sbv-tree-tool :is(
#toc_container,
.toc_container,
#ez-toc-container,
.ez-toc-container,
.lwptoc,
.rank-math-toc,
.wp-block-rank-math-toc-block
) :is(
.toc_title,
.ez-toc-title,
.lwptoc_title,
p.toc_title,
p.ez-toc-title
) {
color: #12334f !important;
font-size: 20px !important;
font-weight: 700 !important;
line-height: 1.5;
}
#sbv-tree-tool :is(
#toc_container,
.toc_container,
#ez-toc-container,
.ez-toc-container,
.lwptoc,
.rank-math-toc,
.wp-block-rank-math-toc-block
) a {
color: #07576b !important;
background: transparent !important;
font-family: Arial, Helvetica, sans-serif;
font-size: 18px !important;
font-weight: 600;
line-height: 1.6;
text-decoration: underline !important;
text-decoration-thickness: 1px !important;
text-underline-offset: 3px;
box-shadow: none !important;
opacity: 1 !important;
visibility: visible !important;
}
#sbv-tree-tool :is(
#toc_container,
.toc_container,
#ez-toc-container,
.ez-toc-container,
.lwptoc,
.rank-math-toc,
.wp-block-rank-math-toc-block
) a:hover {
color: #063d50 !important;
background: #e7f5f2 !important;
}
#sbv-tree-tool :is(
#toc_container,
.toc_container,
#ez-toc-container,
.ez-toc-container,
.lwptoc,
.rank-math-toc,
.wp-block-rank-math-toc-block
) a:focus-visible {
outline: 3px solid #d69b29 !important;
outline-offset: 3px;
}
#sbv-tree-tool :is(
#toc_container,
.toc_container,
#ez-toc-container,
.ez-toc-container,
.lwptoc,
.rank-math-toc,
.wp-block-rank-math-toc-block
) li {
color: #25465b !important;
font-size: 18px !important;
line-height: 1.6;
overflow-wrap: break-word;
word-break: normal;
}
#sbv-tree-tool :is(
#toc_container,
.toc_container,
#ez-toc-container,
.ez-toc-container,
.lwptoc,
.rank-math-toc,
.wp-block-rank-math-toc-block
) ul {
max-width: 100%;
margin-bottom: 8px;
padding-left: 22px;
} @media (min-width: 768px) and (max-width: 1100px) {
#sbv-tree-tool {
padding: 19px;
font-size: 17px !important;
}
#sbv-tree-tool p,
#sbv-tree-tool li,
#sbv-tree-tool label,
#sbv-tree-tool input,
#sbv-tree-tool select,
#sbv-tree-tool textarea,
#sbv-tree-tool button,
#sbv-tree-tool summary,
#sbv-tree-tool output {
font-size: 17px;
}
#sbv-tree-tool input[type="text"],
#sbv-tree-tool input[type="number"],
#sbv-tree-tool select,
#sbv-tree-tool textarea,
#sbv-tree-tool .sbv-tree-field label,
#sbv-tree-tool .sbv-tree-form label,
#sbv-tree-tool .sbv-tree-radio-option label,
#sbv-tree-tool .sbv-tree-checkbox-text label {
font-size: 17px !important;
}
#sbv-tree-tool button,
#sbv-tree-tool .sbv-tree-faq-item summary {
font-size: 17px !important;
}
#sbv-tree-tool h1,
#sbv-tree-tool .sbv-tree-header h1 {
font-size: 36px;
}
#sbv-tree-tool h2 {
font-size: 31px;
}
#sbv-tree-tool h3 {
font-size: 25px;
}
#sbv-tree-tool h4 {
font-size: 21px;
}
#sbv-tree-tool .sbv-tree-header {
padding: 28px;
}
#sbv-tree-tool .sbv-tree-section {
padding: 25px;
}
#sbv-tree-tool :is(
#toc_container,
.toc_container,
#ez-toc-container,
.ez-toc-container,
.lwptoc,
.rank-math-toc,
.wp-block-rank-math-toc-block
),
#sbv-tree-tool :is(
#toc_container,
.toc_container,
#ez-toc-container,
.ez-toc-container,
.lwptoc,
.rank-math-toc,
.wp-block-rank-math-toc-block
) a,
#sbv-tree-tool :is(
#toc_container,
.toc_container,
#ez-toc-container,
.ez-toc-container,
.lwptoc,
.rank-math-toc,
.wp-block-rank-math-toc-block
) li {
font-size: 17px !important;
}
} @media (max-width: 767px) {
#sbv-tree-tool {
margin: 18px 0;
padding: 12px;
border-radius: 15px;
font-size: 16px !important;
line-height: 1.7;
}
#sbv-tree-tool p,
#sbv-tree-tool li,
#sbv-tree-tool label,
#sbv-tree-tool input,
#sbv-tree-tool select,
#sbv-tree-tool textarea,
#sbv-tree-tool button,
#sbv-tree-tool summary,
#sbv-tree-tool output {
font-size: 16px;
line-height: 1.65;
}
#sbv-tree-tool h1,
#sbv-tree-tool .sbv-tree-header h1 {
font-size: 30px;
line-height: 1.22;
}
#sbv-tree-tool h2 {
font-size: 27px;
line-height: 1.3;
}
#sbv-tree-tool h3 {
font-size: 23px;
line-height: 1.35;
}
#sbv-tree-tool h4 {
font-size: 20px;
}
#sbv-tree-tool .sbv-tree-header {
padding: 22px 18px;
border-radius: 13px;
}
#sbv-tree-tool .sbv-tree-lead {
font-size: 18px !important;
}
#sbv-tree-tool .sbv-tree-eyebrow {
font-size: 16px !important;
}
#sbv-tree-tool .sbv-tree-benefits li,
#sbv-tree-tool .sbv-tree-benefit-text {
font-size: 16px;
}
#sbv-tree-tool .sbv-tree-navigation {
flex-direction: column;
}
#sbv-tree-tool .sbv-tree-navigation a {
width: 100%;
font-size: 16px;
}
#sbv-tree-tool .sbv-tree-section {
padding: 19px 16px;
border-radius: 12px;
}
#sbv-tree-tool .sbv-tree-step {
font-size: 16px !important;
}
#sbv-tree-tool .sbv-tree-fields,
#sbv-tree-tool .sbv-tree-view-options,
#sbv-tree-tool .sbv-tree-stat-grid,
#sbv-tree-tool .sbv-tree-explanation-grid,
#sbv-tree-tool .sbv-tree-check-list,
#sbv-tree-tool .sbv-tree-person-list,
#sbv-tree-tool .sbv-tree-related-list {
grid-template-columns: minmax(0, 1fr);
}
#sbv-tree-tool .sbv-tree-field label,
#sbv-tree-tool .sbv-tree-form label,
#sbv-tree-tool .sbv-tree-radio-option label,
#sbv-tree-tool .sbv-tree-checkbox-text label {
font-size: 16px !important;
}
#sbv-tree-tool input[type="text"],
#sbv-tree-tool input[type="number"],
#sbv-tree-tool select,
#sbv-tree-tool textarea {
min-height: 48px;
padding: 11px 12px;
font-size: 16px !important;
}
#sbv-tree-tool input::placeholder,
#sbv-tree-tool textarea::placeholder {
font-size: 16px;
}
#sbv-tree-tool button {
width: 100%;
min-height: 48px;
padding: 11px 14px;
font-size: 16px !important;
}
#sbv-tree-tool .sbv-tree-actions {
flex-direction: column;
align-items: stretch;
}
#sbv-tree-tool .sbv-tree-toolbar {
padding: 12px;
}
#sbv-tree-tool .sbv-tree-toolbar button {
width: 100%;
font-size: 16px !important;
}
#sbv-tree-tool .sbv-tree-view-settings,
#sbv-tree-tool .sbv-tree-editor-panel,
#sbv-tree-tool .sbv-tree-storage-panel,
#sbv-tree-tool .sbv-tree-research-check,
#sbv-tree-tool .sbv-tree-research-dashboard,
#sbv-tree-tool .sbv-tree-check-results,
#sbv-tree-tool .sbv-tree-legend,
#sbv-tree-tool .sbv-tree-text-view,
#sbv-tree-tool .sbv-tree-export-actions {
padding: 17px;
}
#sbv-tree-tool .sbv-tree-fieldset {
padding: 12px;
}
#sbv-tree-tool .sbv-tree-fieldset legend {
font-size: 17px;
}
#sbv-tree-tool .sbv-tree-figure {
padding: 8px;
}
#sbv-tree-tool .sbv-tree-canvas-viewport {
padding: 8px;
min-height: 220px;
}
#sbv-tree-tool #sbv-tree-svg {
min-width: 760px;
}
#sbv-tree-tool .sbv-tree-steps li {
grid-template-columns: 36px minmax(0, 1fr);
gap: 11px;
padding: 13px;
}
#sbv-tree-tool .sbv-tree-steps li::before {
width: 36px;
height: 36px;
font-size: 17px;
}
#sbv-tree-tool .sbv-tree-legend-item {
grid-template-columns: 34px minmax(0, 1fr);
gap: 11px;
padding: 13px;
}
#sbv-tree-tool .sbv-tree-legend-symbol {
width: 34px;
height: 34px;
font-size: 19px;
}
#sbv-tree-tool .sbv-tree-check-list li {
grid-template-columns: 30px minmax(0, 1fr);
gap: 11px;
padding: 13px;
}
#sbv-tree-tool .sbv-tree-check-icon {
width: 30px;
height: 30px;
font-size: 17px;
}
#sbv-tree-tool .sbv-tree-checkbox-row {
grid-template-columns: 24px minmax(0, 1fr);
gap: 11px;
padding: 13px;
}
#sbv-tree-tool .sbv-tree-step-text strong,
#sbv-tree-tool .sbv-tree-legend-text strong,
#sbv-tree-tool .sbv-tree-check-text strong,
#sbv-tree-tool .sbv-tree-person-list-text strong,
#sbv-tree-tool .sbv-tree-result-text strong,
#sbv-tree-tool .sbv-tree-related-text a {
font-size: 16px;
}
#sbv-tree-tool .sbv-tree-step-text p,
#sbv-tree-tool .sbv-tree-legend-text span,
#sbv-tree-tool .sbv-tree-check-text span,
#sbv-tree-tool .sbv-tree-person-list-text span,
#sbv-tree-tool .sbv-tree-result-text span,
#sbv-tree-tool .sbv-tree-related-text p,
#sbv-tree-tool .sbv-tree-checkbox-text p,
#sbv-tree-tool .sbv-tree-faq-answer p {
font-size: 16px;
}
#sbv-tree-tool .sbv-tree-help,
#sbv-tree-tool .sbv-tree-notice,
#sbv-tree-tool .sbv-tree-save-status,
#sbv-tree-tool .sbv-tree-figure figcaption {
font-size: 16px !important;
}
#sbv-tree-tool .sbv-tree-stat output {
font-size: 32px !important;
}
#sbv-tree-tool .sbv-tree-stat-text > span {
font-size: 16px;
}
#sbv-tree-tool .sbv-tree-explanation-card {
padding: 17px;
}
#sbv-tree-tool .sbv-tree-explanation-card h3 {
font-size: 22px;
}
#sbv-tree-tool .sbv-tree-faq-item summary {
font-size: 16px;
padding: 15px;
}
#sbv-tree-tool .sbv-tree-faq-answer {
padding: 0 15px 17px;
}
#sbv-tree-tool :is(
#toc_container,
.toc_container,
#ez-toc-container,
.ez-toc-container,
.lwptoc,
.rank-math-toc,
.wp-block-rank-math-toc-block
) {
padding: 16px !important;
font-size: 16px !important;
}
#sbv-tree-tool :is(
#toc_container,
.toc_container,
#ez-toc-container,
.ez-toc-container,
.lwptoc,
.rank-math-toc,
.wp-block-rank-math-toc-block
) a,
#sbv-tree-tool :is(
#toc_container,
.toc_container,
#ez-toc-container,
.ez-toc-container,
.lwptoc,
.rank-math-toc,
.wp-block-rank-math-toc-block
) li {
font-size: 16px !important;
}
} @container (max-width: 480px) {
#sbv-tree-tool .sbv-tree-stat-grid {
grid-template-columns: minmax(0, 1fr);
}
} #sbv-tree-tool .sbv-tree-legend-text,
#sbv-tree-tool .sbv-tree-check-text,
#sbv-tree-tool .sbv-tree-step-text,
#sbv-tree-tool .sbv-tree-checkbox-text,
#sbv-tree-tool .sbv-tree-result-text,
#sbv-tree-tool .sbv-tree-stat-text,
#sbv-tree-tool .sbv-tree-related-text,
#sbv-tree-tool .sbv-tree-person-list-text {
min-width: 0;
max-width: 100%;
overflow-wrap: break-word;
word-break: normal;
hyphens: auto;
} @media (prefers-reduced-motion: reduce) {
#sbv-tree-tool button,
#sbv-tree-tool a {
transition: none !important;
animation: none !important;
}
#sbv-tree-tool button:hover {
transform: none !important;
}
} @media print {
#sbv-tree-tool {
width: 100% !important;
max-width: 100% !important;
margin: 0;
padding: 0;
background: #ffffff !important;
color: #000000 !important;
border: 0;
border-radius: 0;
box-shadow: none !important;
}
#sbv-tree-tool .sbv-tree-header,
#sbv-tree-tool .sbv-tree-section:not(#sbv-tree-visualization),
#sbv-tree-tool .sbv-tree-view-settings,
#sbv-tree-tool .sbv-tree-toolbar,
#sbv-tree-tool .sbv-tree-export-actions,
#sbv-tree-tool .sbv-tree-text-view {
display: none !important;
}
#sbv-tree-tool #sbv-tree-visualization {
display: block !important;
width: 100% !important;
max-width: 100% !important;
margin: 0;
padding: 0;
background: #ffffff !important;
border: 0 !important;
box-shadow: none !important;
}
#sbv-tree-tool .sbv-tree-figure {
border: 0;
padding: 0;
box-shadow: none !important;
break-inside: avoid;
}
#sbv-tree-tool .sbv-tree-canvas-viewport {
overflow: visible !important;
min-height: 0;
padding: 0;
background: #ffffff !important;
border: 0;
}
#sbv-tree-tool #sbv-tree-svg {
min-width: 0 !important;
max-width: 100% !important;
width: 100% !important;
height: auto !important;
}
#sbv-tree-tool .sbv-tree-legend {
background: #ffffff !important;
border: 1px solid #cccccc;
box-shadow: none !important;
break-inside: avoid;
}
#sbv-tree-tool .sbv-tree-svg-person,
#sbv-tree-tool .sbv-tree-legend-symbol {
print-color-adjust: exact;
-webkit-print-color-adjust: exact;
}
}