.usage-guides{display:grid;gap:16px;margin:24px 0 48px;max-width:960px}.usage-guide{border:1px solid #526957;border-radius:14px;overflow:hidden;background:#14261c}.usage-guide summary{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:22px 24px;font-size:1.15rem;font-weight:650;line-height:1.4;cursor:pointer;list-style:none;color:#e8efe9}.usage-guide summary::-webkit-details-marker{display:none}.usage-guide summary::after{content:"+";font-size:1.6rem;font-weight:400;color:#d9f66c;line-height:1}.usage-guide[open] summary{background:#243d2b;color:#d9f66c;border-bottom:1px solid #526957}.usage-guide[open] summary::after{content:"−"}.usage-guide summary:hover{background:#243d2b}.usage-guide summary:focus-visible{outline:2px solid #d9f66c;outline-offset:-5px;border-radius:12px}.usage-guide-content{padding:4px 24px 24px}.usage-guide-content h3{font-size:1.05rem;margin:24px 0 10px}.usage-guide-content p{line-height:1.7;margin:0 0 14px}.usage-guide-links{display:flex;flex-wrap:wrap;gap:14px 24px;padding-top:10px}@media(max-width:600px){.usage-guides{gap:12px}.usage-guide summary{padding:18px;font-size:1.05rem}.usage-guide-content{padding:2px 18px 20px}}

.usage-warning{margin:24px 0;padding:18px 20px;border:1px solid #d97670;border-left:4px solid #e8877e;border-radius:10px;background:#35231f}.usage-warning h3{margin:0 0 12px;color:#ffb0a6}.usage-warning h3 span{margin-right:7px}.usage-warning p{color:#f1d9d5}.usage-warning p:last-child{margin-bottom:0}@media(max-width:600px){.usage-warning{padding:16px}}

.usage-guide{scroll-margin-top:24px}

/* Equal inset above and below Growing info text. */
.growing-info-page .usage-guide-content{padding:28px 24px}
.growing-info-page .usage-guide-content>:first-child{margin-top:0}
.growing-info-page .usage-guide-content>:last-child{margin-bottom:0}
@media(max-width:600px){.growing-info-page .usage-guide-content{padding:24px 18px}}

.dli-calculator{max-width:560px;margin-top:24px;padding-top:4px;border-top:1px solid #43564b}
.dli-inputs{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;margin:14px 0 18px}
.dli-inputs label{font-weight:600;min-width:0}
.dli-inputs input{display:block;width:100%;box-sizing:border-box;margin-top:8px;padding:11px 12px;border:1px solid #617765;border-radius:8px;background:#0f1b15;color:#e7eee8;font:inherit;font-size:16px}
.dli-inputs input:focus-visible{outline:2px solid #d9f66c;outline-offset:2px}
.dli-calculator .dli-result{margin-bottom:0;font-weight:600}
.dli-result output{font-size:1.35rem;color:#d9f66c}
.dli-calculator .dli-error{color:#ffb0a6;margin:10px 0 0}
@media(max-width:420px){.dli-inputs{grid-template-columns:1fr}}

.vpd-heading{display:flex;align-items:center;justify-content:space-between;gap:16px;flex-wrap:wrap;margin:24px 0 10px}
.vpd-heading h3{margin:0}
.vpd-units{display:inline-flex;gap:4px}
.vpd-units button{width:auto;min-width:44px;min-height:44px;margin:0;padding:8px 12px;border:1px solid #617765;border-radius:7px;background:#0f1b15;color:#e7eee8;font:inherit;font-weight:600;cursor:pointer}
.vpd-units button[aria-pressed="true"]{background:#263e2c;border-color:#7a914a;color:#d9f46d}
.vpd-units button:focus-visible{outline:2px solid #d9f66c;outline-offset:2px}

.cloning-roots-image{width:100%;max-width:640px;margin:24px 0 0}.cloning-roots-image img{display:block;width:100%;height:auto;border-radius:12px}
/* Light appearance: the warning box above was styled for dark mode only. */
html[data-purdys-appearance="light"] .usage-warning{background:#fbedea;border-color:#e2a49e;border-left-color:#c8574d}
html[data-purdys-appearance="light"] .usage-warning h3{color:#9a3127}
html[data-purdys-appearance="light"] .usage-warning p{color:#4a2e2a}
html[data-purdys-appearance="light"] .usage-warning strong{color:#3a1f1b}