html { scroll-behavior: smooth; }
::selection { background: #15140F; color: #EFEBE2; }
:focus-visible { outline: 3px solid #C7351A; outline-offset: 3px; }
.skip { position: absolute; left: -9999px; top: 0; background: #15140F; color: #EFEBE2; padding: .75rem 1rem; z-index: 50; }
.skip:focus { left: 0; }

/* legal pages */
.glance li { position: relative; padding-left: 1.5rem; }
.glance li::before { content: ""; position: absolute; left: 0; top: .6em; width: .5rem; height: .5rem; background: #C7351A; }
.toc { list-style: none; padding: 0; margin: 0; border-left: 1px solid #15140F; }
.toc a { display: block; padding: .4rem 0 .4rem .9rem; margin-left: -1px; border-left: 3px solid transparent; color: #5E5A4F; }
.toc a:hover { color: #15140F; }
.toc a.is-active { color: #15140F; font-weight: 600; border-left-color: #C7351A; }
.legal section { counter-increment: sec; counter-reset: cl; padding-top: 2.5rem; }
.legal section:first-child { padding-top: 0; }
.legal h2 { font-size: 1.5rem; font-weight: 800; letter-spacing: -.01em; padding-bottom: .75rem; border-bottom: 1px solid #15140F; }
.clauses { list-style: none; padding: 0; margin: 0; }
.clauses li { counter-increment: cl; position: relative; padding: 1rem 0 1rem 3.25rem; border-bottom: 1px solid rgba(21,20,15,.15); line-height: 1.6; }
.clauses li::before { content: counter(sec) "." counter(cl); position: absolute; left: 0; top: 1.15rem; font-family: "JetBrains Mono", monospace; font-size: .75rem; color: #C7351A; }
.legal a { text-decoration: underline; text-underline-offset: 3px; }
.legal a:hover { color: #C7351A; }
.refund-table { width: 100%; border-collapse: collapse; margin-top: 1rem; font-size: .95rem; }
.refund-table th { text-align: left; font-family: "JetBrains Mono", monospace; font-size: .7rem; text-transform: uppercase; letter-spacing: .06em; color: #5E5A4F; padding: .6rem .75rem .6rem 0; border-bottom: 1px solid #15140F; }
.refund-table td { padding: .9rem .75rem .9rem 0; border-bottom: 1px solid rgba(21,20,15,.15); }

/* form */
.field { display: block; width: 100%; margin-top: .4rem; background: transparent; border: 1px solid #15140F; border-radius: 0; padding: .75rem .85rem; font: inherit; color: inherit; }
.field:focus { outline: 3px solid #C7351A; outline-offset: 0; }
