/* 1. Global Box Sizing */
*, *::before, *::after {
    box-sizing: border-box;
}

/* 2. Responsive & Scrolling */
html {
    -webkit-text-size-adjust: none;
    text-size-adjust: none;
    scroll-behavior: smooth;
    -webkit-tap-highlight-color: transparent;
}

/* 3. Margin/Padding Reset */
body, h1, h2, h3, h4, h5, h6, 
p, figure, blockquote, dl, dd, 
ol, ul, form, fieldset {
    margin: 0;
    padding: 0;
}

/* 4. Lists */
ul, ol {
    list-style: none;
}

/* 5. Modern Media Handling */

/* 6. Typography Resets */
a {
    color: inherit;
    text-decoration: none;
    transition: color var(--transition, 200ms ease);
}




.upload{margin:var(--s-5) 0}
.upload input[type=file]{position:absolute;left:-9999px}
.upload-drop{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:8px;padding:var(--s-10) var(--s-6);border:2px dashed var(--line);border-radius:var(--radius-lg);background:var(--canvas);cursor:pointer;text-align:center;transition:all var(--transition)}
.upload-drop strong{color:var(--indigo-900)}
.upload-drop:hover,.upload.drag .upload-drop{border-color:var(--indigo-700);background:var(--indigo-050)}







textarea {
    padding: 12px 16px;
    resize: vertical;
}

button, .btn {
    width: auto; /* Buttons shouldn't be full-width by default */
    cursor: pointer;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    appearance: none;
}

/* 8. Tables */
table {
    border-collapse: collapse;
    width: 100%;
    text-indent: 0;
    text-align: end;
}

/* 9. Accessibility */
:focus-visible {
    outline: 2px solid var(--amber-500);
    outline-offset: 3px;
}

.sr-only {
    position: absolute;
    width: 1px; height: 1px;
    padding: 0; margin: -1px;
    overflow: hidden;
    clip: rect(0, 0, 0, 0);
    white-space: nowrap;
    border: 0;
}

/* 10. Performance */
@media (prefers-reduced-motion: reduce) {
    html:focus-within { scroll-behavior: auto; }
    *, *::before, *::after {
        animation-duration: 0.01ms !important;
        animation-iteration-count: 1 !important;
        transition-duration: 0.01ms !important;
        scroll-behavior: auto !important;
    }
}

.open-confs ul li{
    margin-top: 20px;
}