.dfc{border:1px solid var(--hm-line);background:var(--surface-raised);font-family:var(--body);border-radius:16px;margin:36px 0 12px}html:not(.js) .dfc-form{display:none}.dfc-form{border-bottom:1px solid var(--hm-line);grid-template-columns:1fr 1fr;gap:18px 20px;padding:24px 24px 22px;display:grid}.dfc-wide{grid-column:1/-1}.dfc-field{min-width:0;margin:0}fieldset.dfc-field{border:0;min-width:0;padding:0}.dfc-field>label,.dfc-field>legend{color:var(--hm-ink);margin:0 0 8px;padding:0;font-size:14px;font-weight:600;line-height:1.45;display:block}.dfc-input{border:1px solid var(--rule-strong);background:var(--surface-raised);transition:border-color var(--dur-1) var(--ease-out);border-radius:10px;align-items:center;display:flex}.dfc-input:focus-within{border-color:var(--hm-teal);outline:2px solid var(--hm-teal);outline-offset:1px}.dfc-input[data-invalid=true]{border-color:var(--hm-amber);box-shadow:inset 3px 0 0 var(--hm-amber)}.dfc-input input{min-width:0;font:inherit;font-variant-numeric:tabular-nums;color:var(--hm-ink);background:0 0;border:0;flex:1;padding:11px 12px;font-size:16px;line-height:1.4}.dfc-input input:focus{outline:none}.dfc-unit{color:var(--hm-ink-500);flex:none;padding:0 14px 0 4px;font-size:14px}.dfc-choices{flex-wrap:wrap;gap:8px;display:flex}.dfc-choices-list{flex-direction:column}.dfc-choice{max-width:100%;display:inline-flex;position:relative}.dfc-choices-list .dfc-choice{display:flex}.dfc-choice input{opacity:0;cursor:pointer;width:100%;height:100%;margin:0;position:absolute;top:0;bottom:0;left:0;right:0}.dfc-choice span{border:1px solid var(--rule-strong);min-width:0;color:var(--hm-ink-700);background:var(--surface-raised);overflow-wrap:break-word;transition:background-color var(--dur-1) var(--ease-out), border-color var(--dur-1) var(--ease-out), color var(--dur-1) var(--ease-out);border-radius:999px;padding:9px 16px;font-size:15px;line-height:1.45;display:block}.dfc-choices-list .dfc-choice span{border-radius:12px;flex:1;padding:11px 16px}.dfc-choice input:checked+span{border-color:var(--hm-teal-text);background:var(--hm-teal-text);color:var(--surface-raised)}.dfc-choice input:focus-visible+span{outline:2px solid var(--hm-teal);outline-offset:2px}.dfc-choice:hover input:not(:checked)+span{border-color:var(--hm-teal)}.guide-body .dfc-hint{color:var(--hm-ink-400);margin:8px 0 0;font-size:13.5px;line-height:1.55}.guide-body .dfc-error{color:var(--hm-ink);margin:8px 0 0;font-size:13.5px;font-weight:600}.dfc-results{padding:8px 24px 4px}.dfc-table{border-collapse:collapse;font-variant-numeric:tabular-nums;width:100%;font-size:15px}.dfc-table caption{caption-side:top;text-align:left;color:var(--hm-ink-500);padding:14px 0 10px;font-size:14px;font-weight:600;line-height:1.55}.dfc-table th,.dfc-table td{border-bottom:1px solid var(--hm-line);vertical-align:top;padding:11px 0;line-height:1.5}.dfc-table thead th{color:var(--hm-ink-500);border-bottom-color:var(--rule-strong);font-size:13px;font-weight:700}.dfc-table thead th:last-child,.dfc-table td{text-align:right}.dfc-table tbody th{text-align:left;color:var(--hm-ink-700);padding-right:16px;font-weight:500}.dfc-table td{color:var(--hm-ink);font-weight:600}.dfc-table tbody tr:last-child th,.dfc-table tbody tr:last-child td{border-bottom:none}.dfc-table .dfc-key th,.dfc-table .dfc-key td{background:color-mix(in srgb, var(--hm-mint) 14%, transparent);color:var(--hm-ink);font-weight:700}.dfc-table .dfc-key th{padding-left:12px}.dfc-table .dfc-key td{padding-right:12px}.guide-body .dfc-note{background:var(--hm-paper);color:var(--hm-ink-700);border-radius:10px;margin:12px 0 0;padding:12px 14px;font-size:14.5px;line-height:1.7}.guide-body .dfc-note-check{box-shadow:inset 3px 0 0 var(--hm-amber)}.guide-body .dfc-foot{color:var(--hm-ink-400);margin:16px 24px 0;font-size:13.5px;line-height:1.65}.guide-body .dfc-cta{margin:14px 24px 22px;font-size:16px;font-weight:600}.dfc-cta a{color:var(--hm-teal-text);transition:background-size var(--dur-2) var(--hm-ease);background:linear-gradient(currentColor,currentColor) 0 100%/100% 1px no-repeat;padding-bottom:2px;text-decoration:none}.dfc-cta a:after{content:" →"}.dfc-cta a:hover{background-size:100% 2px}.dfc-cta a:focus-visible{background-size:100% 2px}:lang(th) .dfc-field>label,:lang(th) .dfc-field>legend,:lang(th) .dfc-table caption{line-height:1.6}@media (max-width:560px){.dfc-form{grid-template-columns:1fr;gap:16px;padding:18px 16px}.dfc-results{padding:4px 16px}.guide-body .dfc-foot{margin:14px 16px 0}.guide-body .dfc-cta{margin:12px 16px 18px}.dfc-table{font-size:14.5px}}
