.d4cms{margin:2.5rem 0;padding:clamp(1.1rem,3vw,2rem);border:1px solid var(--d4-line,#354157);border-radius:1.5rem;background:linear-gradient(125deg,var(--d4-surface,#172033),var(--d4-raised,#20283c));color:var(--d4-ink,#edf0fa);box-shadow:var(--d4-shadow);overflow-wrap:anywhere}
.d4cms [hidden]{display:none!important}.d4cms-heading{display:flex;align-items:center;gap:1rem;margin-bottom:1rem}.d4cms h2{font-size:clamp(1.3rem,3vw,1.7rem);font-weight:750;line-height:1.25;margin:0}.d4cms p{margin:.75rem 0;line-height:1.7}.d4cms-icon{width:2rem;height:2rem;flex:none;color:var(--d4-accent,#a4a1ff)}.d4cms-heading>.d4cms-icon{width:3rem;height:3rem;padding:.55rem;box-sizing:content-box;border-radius:1rem;background:var(--d4-soft,#292949)}
.d4cms-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,12rem),1fr));gap:1rem;margin-top:1.2rem}.d4cms-card{display:block;min-width:0;border:1px solid var(--d4-line,#354157);border-radius:1rem;padding:1.1rem;background:var(--d4-surface,#172033);color:inherit;text-decoration:none;transition:border-color .18s,transform .18s}.d4cms-card>strong,.d4cms-card>span{display:block;margin-top:.7rem}.d4cms-card>span,.d4cms-muted,.d4cms-preview>span{font-size:.9rem;color:var(--d4-muted,#bac3d5)}a.d4cms-card:hover{border-color:var(--d4-accent,#a4a1ff);transform:translateY(-3px)}
.d4cms-actions{display:flex;flex-wrap:wrap;gap:.6rem;margin-top:1rem}.d4cms button{font:inherit;cursor:pointer;border:1px solid var(--d4-line,#354157);border-radius:.7rem;padding:.55rem .9rem;background:var(--d4-surface,#172033);color:inherit}.d4cms button:hover,.d4cms button[aria-pressed=true]{border-color:var(--d4-accent,#a4a1ff);background:var(--d4-soft,#292949)}.d4cms :is(button,a,summary,input):focus-visible{outline:3px solid var(--d4-accent,#a4a1ff);outline-offset:4px}
.d4cms label{display:block;font-weight:650;margin:1rem 0 .4rem}.d4cms input{display:block;box-sizing:border-box;width:100%;min-width:0;border:1px solid var(--d4-line,#354157);border-radius:.7rem;padding:.8rem;background:var(--d4-bg,#101726);color:inherit;font:inherit}.d4cms-preview{padding:1.1rem;border-left:3px solid var(--d4-accent,#a4a1ff);margin:1.2rem 0;background:var(--d4-surface,#172033)}.d4cms-preview>*{display:block}.d4cms-preview strong{font-size:1.2rem;color:var(--d4-accent,#a4a1ff);margin-top:.4rem}.d4cms summary{cursor:pointer;font-weight:650;line-height:1.5}.d4cms details[open]>summary{margin-bottom:.8rem}.d4cms ul,.d4cms ol{padding-left:1.3rem;line-height:1.8}.d4cms li{margin:.35rem 0}.d4cms-steps{display:grid;gap:.8rem;margin-top:1rem}.d4cms-number{display:inline-grid;place-items:center;width:1.8rem;height:1.8rem;border-radius:50%;background:var(--d4-soft,#292949);color:var(--d4-accent,#a4a1ff);margin-right:.7rem}.d4cms-status:empty{display:none}.d4cms-toc a{color:var(--d4-accent,#a4a1ff);text-underline-offset:3px}h2[id^=d4cms-section]{scroll-margin-top:6rem}
.d4cms-icon.d4cms-draw path{animation:d4cms-draw .9s ease-out both}@keyframes d4cms-draw{from{stroke-dasharray:1;stroke-dashoffset:1}to{stroke-dasharray:1;stroke-dashoffset:0}}
html.d4-reduce .d4cms *{animation:none!important;transition:none!important;transform:none!important}@media(prefers-reduced-motion:reduce){.d4cms *{animation:none!important;transition:none!important;transform:none!important}}@media print{.d4cms-toc,.d4cms button,.d4cms-actions{display:none!important}.d4cms{box-shadow:none;background:white;color:black;border:1px solid #aaa}.d4cms details>*{display:block}}