/* ============================================================
   QND Debt Solutions — Custom Stylesheet
   (extracted from the embedded <style> block in index.html)
   ============================================================ */

/* -- Clipped-corner utilities -- */
.clip-tr {
    clip-path: polygon(0 0, calc(100% - 14px) 0, 100% 14px, 100% 100%, 0 100%);
}
.clip-bl {
    clip-path: polygon(0 0, 100% 0, 100% 100%, 14px 100%, 0 calc(100% - 14px));
}
.clip-both {
    clip-path: polygon(0 0, calc(100% - 14px) 0, 100% 14px, 100% 100%, 14px 100%, 0 calc(100% - 14px));
}

/* -- Background grid patterns -- */
.bg-grid {
    background-size: 36px 36px;
    background-image:
        linear-gradient(to right, rgba(255, 255, 255, 0.03) 1px, transparent 1px),
        linear-gradient(to bottom, rgba(255, 255, 255, 0.03) 1px, transparent 1px);
}
.bg-grid-gold {
    background-size: 30px 30px;
    background-image:
        linear-gradient(to right, rgba(198, 161, 91, 0.06) 1px, transparent 1px),
        linear-gradient(to bottom, rgba(198, 161, 91, 0.06) 1px, transparent 1px);
}

/* -- Gold gradient headline text -- */
.gold-gradient-text {
    background: linear-gradient(135deg, #F5E5C0 0%, #C6A15B 50%, #9A7A3B 100%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}

/* -- Accordion (native <details>/<summary>) -- */
details > summary { list-style: none; }
details > summary::-webkit-details-marker { display: none; }
details[open] summary .icon-expand { transform: rotate(180deg); }

/* -- A11y + layout helpers -- */
html { overflow-x: clip; }
body { overflow-x: clip; }

/* Anchor targets sit below the sticky header when jumped to */
main [id] { scroll-margin-top: 92px; }

/* Skip link: visually hidden until keyboard focus */
.skip-link {
    position: absolute;
    left: -9999px;
    top: 0;
    z-index: 100;
}
.skip-link:focus {
    left: 8px;
    top: 8px;
    background: #C6A15B;
    color: #070B11;
    padding: 10px 16px;
    font-size: 13px;
    font-weight: 600;
    text-transform: uppercase;
    letter-spacing: 0.05em;
}