/* cbpinterviewprep — the da1yn brand: paper, ink, one red caret */
:root{--paper:#fff;--ink:#0a0a0a;--ghost:#ddd9d4;--muted:#6e6862;--red:#e10600;--ease:cubic-bezier(.16,1,.3,1)}
*{box-sizing:border-box;margin:0}
body{background:var(--paper);color:var(--ink);font-family:"Fraunces",Georgia,serif;line-height:1.5;-webkit-font-smoothing:antialiased}
.mono{font-family:"JetBrains Mono",ui-monospace,monospace}
::selection{background:var(--red);color:#fff}
a{color:inherit}
:focus-visible{outline:2px solid var(--red);outline-offset:4px}
.tick{display:inline-block;width:.28em;height:.8em;margin:0 .07em;border-radius:1px;background:var(--red);transform:translateY(.08em);animation:blink 1.3s steps(1) infinite}
@keyframes blink{0%,55%{opacity:1}56%,100%{opacity:.12}}
.bar{display:flex;justify-content:space-between;align-items:center;padding:1rem clamp(1.25rem,4vw,2.5rem);font-size:.85rem}
.bar a{text-decoration:none}
.bar__link{color:var(--muted);transition:color .25s}
.bar__link:hover{color:var(--red)}
.page{max-width:46rem;margin-inline:auto;padding:7svh clamp(1.25rem,6vw,3rem) 10svh}
h1{font-weight:normal;font-variation-settings:"opsz" 144,"wght" 560;font-size:clamp(2.6rem,9vw,5.2rem);line-height:1.04;letter-spacing:-.015em}
.lede{color:var(--muted);margin:1.1rem 0 1.6rem;max-width:44ch;font-size:1.05rem}
.btn{display:inline-block;font-family:"JetBrains Mono",ui-monospace,monospace;font-size:.85rem;font-weight:500;padding:.85rem 1.5rem;border-radius:999px;border:1px solid var(--red);background:var(--red);color:#fff;cursor:pointer;text-decoration:none;transition:background .25s,border-color .25s,color .25s}
.btn:hover{background:#b30500;border-color:#b30500}
.btn--ghost{background:transparent;color:var(--ink);border-color:var(--ghost)}
.btn--ghost:hover{border-color:var(--ink);background:transparent}
.note{font-family:"JetBrains Mono",ui-monospace,monospace;font-size:.75rem;color:var(--muted)}
.foot{display:flex;justify-content:space-between;gap:1rem;flex-wrap:wrap;padding:1.4rem clamp(1.25rem,4vw,2.5rem) 2rem;font-size:.72rem;color:var(--muted);font-family:"JetBrains Mono",ui-monospace,monospace}
.foot a{color:var(--muted);text-decoration:none}
.foot a:hover{color:var(--red)}
.hidden{display:none!important}
