.dc-wrap{width:min(830px,calc(100% - 32px));margin:3rem auto 6rem}.dc-hero,.dc-question,.dc-result{background:#fff;border:1px solid var(--line);border-radius:22px;padding:clamp(1.4rem,4vw,3.5rem);box-shadow:0 20px 55px #0d53600b}.dc-lead{font-size:1.28rem;color:var(--ink)}.dc-progress{height:10px;background:#e4efeb;border-radius:99px;overflow:hidden;margin:1rem 0 2rem}.dc-progress span{display:block;height:100%;background:var(--deep);transition:width .2s}.dc-question fieldset{border:0;margin:2rem 0;padding:0}.dc-question legend{font-weight:700;font-size:1.2rem;line-height:1.55;margin-bottom:1.1rem}.dc-option{display:flex;gap:.9rem;align-items:center;padding:1rem;border:1px solid var(--line);border-radius:12px;margin:.65rem 0;cursor:pointer;color:var(--ink);line-height:1.45}.dc-option:hover,.dc-option:has(input:checked){background:var(--mist);border-color:var(--deep)}.dc-option input{width:1.2rem;height:1.2rem;accent-color:var(--deep);flex:none}.dc-option:focus-within{outline:3px solid var(--sand);outline-offset:2px}.dc-actions{display:flex;gap:.8rem;flex-wrap:wrap;margin:2rem 0}.dc-actions button,.dc-hero button,.dc-deep button{cursor:pointer;font:700 .9rem var(--sans)}button:disabled{opacity:.45;cursor:not-allowed!important}.dc-cards{display:grid;grid-template-columns:repeat(2,1fr);gap:1rem}.dc-summary{display:flex;flex-direction:column;background:var(--mist);padding:1.3rem;border-radius:16px;gap:.25rem}.dc-summary strong{font:600 3rem var(--serif);color:var(--deep)}.dc-status{border-left:4px solid var(--sand);background:#f7f2e8;padding:1rem 1.4rem;margin:2rem 0}.dc-status h2{font-size:1.75rem;margin:.3rem 0}.dc-result>h2{font-size:1.7rem;margin:2rem 0 .7rem}.dc-deep{border-top:1px solid var(--line);margin-top:2.8rem;padding-top:1.5rem}.dc-deep h2{font-size:1.8rem;margin:1rem 0}.dc-deep form{display:grid;grid-template-columns:1fr 1fr;gap:1rem;margin-top:1.5rem}.dc-deep form[hidden]{display:none}.dc-deep label{display:flex;flex-direction:column;font-weight:700;font-size:.9rem;gap:.4rem}.dc-deep input,.dc-deep textarea{padding:.8rem;border:1px solid #a9c0bb;border-radius:8px;font:inherit;width:100%}.dc-deep input:focus-visible,.dc-deep textarea:focus-visible{outline:3px solid var(--sand)}.dc-wide{grid-column:1/-1}.dc-hp{position:absolute!important;left:-9999px}.dc-deep textarea{min-height:100px}.dc-deep form p{font-weight:400}@media(max-width:700px){.dc-wrap{margin:1.5rem auto 4rem}.dc-cards,.dc-deep form{grid-template-columns:1fr}.dc-wide{grid-column:auto}.dc-question h1,.dc-result h1,.dc-hero h1{font-size:clamp(2.15rem,9vw,3.5rem)}.dc-actions .btn{max-width:100%;white-space:normal;text-align:center}} 

/* Keep Vietnamese text shaping and wrapping independent of editorial styles. */
.dc-wrap{--sans:Arial,"Helvetica Neue",sans-serif;--serif:Arial,"Helvetica Neue",sans-serif;font-family:var(--sans);line-height:1.6}
.dc-wrap,.dc-wrap *{letter-spacing:normal;word-spacing:normal;white-space:normal;word-break:normal;overflow-wrap:normal;font-feature-settings:normal;font-kerning:normal;font-variant-ligatures:normal;text-rendering:auto;hyphens:none;text-align:left}
.dc-wrap h1,.dc-wrap h2{font-family:var(--sans);line-height:1.3;letter-spacing:normal}
.dc-wrap legend{max-width:100%;line-height:1.6}
.dc-wrap .dc-option span{min-width:0;line-height:1.6}
.dc-wrap .eyebrow{letter-spacing:normal;line-height:1.6}
.dc-wrap .btn{text-align:center;line-height:1.5}