.dg-grinder{border:1px solid var(--border);background:var(--card);max-width:1040px;color:var(--foreground);overflow-wrap:anywhere;border-radius:12px;margin:28px 0;padding:24px;line-height:1.8}.dg-grinder .brand{letter-spacing:.08em;color:var(--foreground);margin-bottom:20px;font-size:13px;font-weight:750}.dg-grinder header{margin-bottom:24px}.dg-grinder .eyebrow{color:var(--foreground);margin:0 0 8px;font-size:13px;font-weight:700}.dg-grinder header h2{letter-spacing:-.03em;margin:0 0 14px;font-size:clamp(24px,4vw,36px);line-height:1.4}.dg-grinder .lead{max-width:770px;color:var(--foreground);margin:0}.dg-grinder .meta{color:var(--foreground);margin-top:12px;font-size:12px}.dg-grinder .layout{grid-template-columns:minmax(0,1.08fr) minmax(0,1fr);align-items:start;gap:24px;display:grid}.dg-grinder .card{background:var(--surface-note);border:1px solid var(--border);border-radius:16px;min-width:0;padding:24px}.dg-grinder h3{margin:0 0 16px;font-size:20px;line-height:1.5}.dg-grinder h4{margin:0 0 14px;font-size:18px;line-height:1.55}.dg-grinder .field{margin-bottom:18px}.dg-grinder label{margin-bottom:8px;font-size:15px;font-weight:650;line-height:1.65;display:block}.dg-grinder .step{color:var(--foreground);background:var(--surface-note);border-radius:5px;margin-right:8px;padding:0 5px;font-size:12px;display:inline-block}.dg-grinder select{width:100%;min-width:0;min-height:48px;font:inherit;color:var(--foreground);background:var(--surface-note);border:1px solid var(--border);border-radius:8px;padding:10px 30px 10px 10px;font-size:15px;line-height:1.5;display:block}.dg-grinder select:focus-visible,.dg-grinder button:focus-visible{outline-offset:3px;outline:3px solid #5d8e77}.dg-grinder [aria-invalid=true]{border-color:#9e442e}.dg-grinder .field-error{color:var(--foreground);margin:5px 0 0;font-size:13px}.dg-grinder .actions{flex-wrap:wrap;gap:10px;margin-top:8px;display:flex}.dg-grinder button{min-height:48px;font:inherit;cursor:pointer;background:var(--surface-note);color:var(--foreground);border:0;border-radius:8px;padding:10px 16px;font-size:16px;font-weight:650}.dg-grinder button.secondary{background:var(--surface-note);color:var(--foreground);border:1px solid var(--border)}.dg-grinder .small{color:var(--foreground);font-size:13px}.dg-grinder .small p{margin:10px 0 0}.dg-grinder #gc-form-error{color:var(--foreground);margin:0 0 12px;font-size:14px}.dg-grinder .result-panel{background:var(--surface-note);border-color:#d4dfd4;min-height:220px}.dg-grinder .result-label{letter-spacing:.08em;color:var(--foreground);margin:0 0 12px;font-size:12px;font-weight:750}.dg-grinder #gc-placeholder p{margin-top:0}.dg-grinder #gc-placeholder strong{margin-bottom:10px;font-size:19px;line-height:1.6;display:block}.dg-grinder #gc-result ul{margin:0;padding-left:1.3em;font-size:15px}.dg-grinder #gc-result li{margin:10px 0}.dg-grinder .caution{color:var(--foreground);border-top:1px solid #ccdacc;margin-top:20px;padding-top:14px;font-size:13px}.dg-grinder .static{margin-top:24px}.dg-grinder .table-scroll{max-width:100%;overflow:auto}.dg-grinder table{border-collapse:collapse;table-layout:fixed;text-align:left;width:100%;font-size:14px}.dg-grinder th,.dg-grinder td{vertical-align:top;border-bottom:1px solid #dfe5df;padding:12px 9px}.dg-grinder th{color:var(--foreground);background:var(--surface-note);font-weight:650}.dg-grinder th:first-child{width:32%}.dg-grinder .sub{color:var(--foreground);font-size:12px;font-weight:400;display:block}.dg-grinder footer{color:var(--foreground);margin-top:22px;font-size:12px}.dg-grinder a{color:var(--foreground);text-underline-offset:3px}.dg-grinder [hidden]{display:none!important}.dg-grinder noscript p{border:1px solid var(--border);background:var(--surface-note);border-radius:10px;padding:14px;font-size:14px}@media (width<=760px){.dg-grinder{padding:22px 14px 32px}.dg-grinder .layout{grid-template-columns:1fr;gap:18px}.dg-grinder .card{padding:19px 16px}.dg-grinder h3{font-size:18px}.dg-grinder select{font-size:16px}.dg-grinder .brand{margin-bottom:16px}.dg-grinder th,.dg-grinder td{padding:10px 6px}.dg-grinder table{font-size:13px}}.dg-grinder *{box-sizing:border-box}.dg-grinder header h2{border:0;margin-top:0;padding:0}.dg-grinder select{background:var(--background);font-size:16px}.dg-grinder button[type=submit]{background:var(--primary);color:var(--primary-foreground)}.dg-grinder .field-error{border-left:3px solid #b85c40;padding-left:8px}
