.dd-tool,.dd-collection,.dd-daily,.dd-layout{box-sizing:border-box;max-width:100%;min-width:0}
.dd-tool{margin-block:1.5rem;padding:clamp(.75rem,2vw,1.5rem);border:1px solid #cbd5d1;border-radius:16px;background:#fffdf8;color:#203c36}
.dd-tool h2{font-size:clamp(1.35rem,3vw,1.9rem);margin-top:0}
.dd-instructions,.dd-hint-help{max-width:72ch}
.dd-hint-help{font-size:.95rem;color:#435f58}
.dd-empty{border-left:4px solid #557a69;background:#f2f7f3;padding:1rem;color:#263f36}
.dd-activity-info{font-size:.95rem;color:#3f5f55;line-height:1.6}
.dd-resource-cards{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,230px),1fr));gap:1rem;padding:0;margin:1rem 0;list-style:none}
.dd-resource-card{border:1px solid #cbd5d1;border-radius:12px;padding:1rem;background:#fffdf8}
.dd-resource-card h3{font-size:1.15rem;margin:0 0 .5rem}
.dd-resource-card a,.dd-downloads a,.dd-daily a{color:#145e4c;text-decoration:underline;text-underline-offset:.2em}
.dd-downloads a{display:inline-block;padding:.6rem .2rem}
.dd-collection nav{display:flex;flex-wrap:wrap;gap:1rem}
.dd-layout{margin-block:1.5rem}
.dd-layout>h2{margin-top:1.8rem}
.dd-editor-card{padding:1rem;border:1px dashed #557a69;border-radius:8px}
.dd-editor-preview{margin-top:1rem;max-height:480px;overflow:auto;border-top:1px solid #ccc;padding-top:1rem}
.dd-server-board{max-width:100%}
.dd-layout a:focus-visible,.dd-tool a:focus-visible,.dd-collection a:focus-visible,.dd-downloads a:focus-visible{outline:3px solid #9b4f0b;outline-offset:3px}