/* Career Casefile legal documents: punched index column, aluminium evidence bay and citron status stamps. */
:root{--plum:#29142e;--citron:#d6f441;--lilac:#eee9f2;--steel:#c8ced1;--ink:#17151a;--paper:#f8f7f2}*{box-sizing:border-box}body{margin:0;color:var(--ink);background:var(--paper);font:400 17px/1.6 "Source Sans 3",sans-serif}a{color:inherit;text-decoration:none}.legalbar{display:grid;grid-template-columns:auto 1fr auto auto;min-height:68px;color:#fff;background:var(--plum)}.legalbrand{display:flex;align-items:center;gap:.6rem;padding:0 1rem;border-right:1px solid #68546d;font-family:"Archivo Black",sans-serif}.legalbrand img{width:38px;height:38px}.legalbar p{margin:0;padding:1.45rem;font:500 .62rem "IBM Plex Mono",monospace}.legalbar>a:not(.legalbrand){display:grid;place-items:center;padding:0 1.2rem;border-left:1px solid #68546d}.legalbar .legal-contact{color:var(--ink);background:var(--citron);font-weight:700}.doc-cover{display:grid;grid-template-columns:140px 1fr .75fr;min-height:500px;background:var(--lilac);border-bottom:1px solid var(--ink)}.punches{display:grid;place-items:center;background:var(--steel);border-right:1px solid var(--ink)}.punches:before{content:"";width:36px;height:250px;background:radial-gradient(circle at 50% 18px,var(--plum) 0 11px,transparent 12px) 0 0/36px 55px}.doc-title{align-self:center;padding:4rem 5vw}.doc-title span,.doc-card b{font:500 .62rem "IBM Plex Mono",monospace;color:#6a3b70}.doc-title h1{max-width:800px;margin:1rem 0;font:400 clamp(3.8rem,7vw,8rem)/.86 "Archivo Black",sans-serif;letter-spacing:-.06em}.doc-title p{max-width:650px}.doc-visual{position:relative;display:grid;place-items:center;padding:3rem;background:var(--plum)}.doc-visual img{width:70%;max-width:300px}.doc-visual em{position:absolute;right:2rem;bottom:2rem;padding:.6rem;color:var(--ink);background:var(--citron);font:500 .6rem "IBM Plex Mono",monospace;font-style:normal}.doc-layout{display:grid;grid-template-columns:280px 1fr;max-width:1280px;margin:0 auto;padding:5rem 2rem}.doc-index{position:sticky;top:2rem;align-self:start;padding:1.5rem;color:#fff;background:var(--plum)}.doc-index p{font:500 .62rem "IBM Plex Mono",monospace}.doc-index a{display:block;padding:.7rem 0;border-top:1px solid #6e5973}.doc-body{padding-left:4rem}.doc-card{display:grid;grid-template-columns:100px 1fr;gap:2rem;padding:2rem 0;border-top:1px solid var(--ink)}.doc-card h2{margin:0 0 .6rem;font:400 2rem "Archivo Black",sans-serif}.doc-card p{max-width:760px;margin:.35rem 0}.doc-card a{text-decoration:underline}.legalfoot{display:flex;justify-content:space-between;gap:2rem;padding:2rem;color:#fff;background:var(--ink)}.error-cover{display:grid;grid-template-columns:1fr 1fr;min-height:calc(100vh - 68px)}.error-code{display:grid;place-items:center;color:var(--citron);background:var(--plum);font:400 clamp(8rem,26vw,25rem)/1 "Archivo Black",sans-serif;letter-spacing:-.1em}.error-copy{display:flex;justify-content:center;flex-direction:column;padding:7vw;background:var(--steel)}.error-copy h1{margin:1rem 0;font:400 clamp(3rem,6vw,7rem)/.9 "Archivo Black",sans-serif}.error-copy a{width:max-content;margin-top:2rem;padding:1rem;background:var(--citron);font-weight:800}@media(max-width:760px){.legalbar{grid-template-columns:1fr auto auto}.legalbar p{display:none}.doc-cover{grid-template-columns:56px 1fr}.doc-visual{grid-column:1/-1;min-height:240px}.doc-visual img{width:120px}.doc-title{padding:4rem 1rem}.doc-title h1{font-size:3.4rem}.doc-layout{grid-template-columns:1fr;padding:3rem 1rem}.doc-index{position:static}.doc-body{padding:2rem 0 0}.doc-card{grid-template-columns:55px 1fr;gap:1rem}.legalfoot{flex-direction:column}.error-cover{grid-template-columns:1fr}.error-code{min-height:42vh;font-size:10rem}.error-copy{padding:4rem 1rem}}