.detective{max-width:1200px;margin:auto;padding:32px 24px;color:#172f33}.detective .intro{padding:56px 0 48px;max-width:850px}.detective h1{font-size:clamp(3rem,7vw,5.8rem);line-height:1.04;letter-spacing:-.05em;margin:18px 0}.detective h1 em{color:#126c60}.detective p{line-height:1.7}.detective .intro>p:not(.eyebrow){font-size:1.2rem;max-width:680px}.detective .intro span{display:block;margin-top:20px;font-size:.9rem}.detective .eyebrow{font-size:.75rem;letter-spacing:.13em;font-weight:800;color:#126c60}.detective .layout{display:grid;grid-template-columns:280px 1fr;gap:30px}.detective aside{padding:24px;background:#eaf2eb;border-radius:18px;align-self:start}.detective details{padding:17px 0;border-bottom:1px solid #c4d6ce}.detective summary{cursor:pointer;font-weight:700}.detective .panel{padding:30px;border:1px solid #ccd9d5;border-radius:18px;background:#fff;margin-bottom:28px;scroll-margin-top:24px}.detective .cases{display:flex;gap:8px;flex-wrap:wrap;margin:20px 0}.detective button,.detective .primary{display:inline-block;border:1px solid #126c60;background:#126c60;color:#fff;border-radius:8px;padding:12px 17px;font:inherit;cursor:pointer;text-decoration:none}.detective button:hover,.detective .primary:hover{background:#084c42}.detective .cases button,.detective .secondary{background:#fff;color:#126c60}.detective .cases button[aria-pressed=true]{background:#126c60;color:white}.detective label{display:block;font-weight:650;margin:18px 0}.detective input,.detective textarea,.detective select{display:block;width:100%;box-sizing:border-box;padding:12px;border:1px solid #8da8a0;border-radius:7px;margin-top:8px;font:inherit;background:#fff;color:#172f33}.detective textarea{min-height:88px;resize:vertical}.detective blockquote{margin:20px 0;padding:22px;background:#f6f0df;border-left:4px solid #b8852c;line-height:1.7}.detective .options{display:grid;gap:10px}.detective .options button{text-align:left;background:#f2f6f4;color:#172f33}.detective .feedback{padding:20px;background:#eaf2eb;margin-top:20px;border-radius:10px}.detective .note{font-size:.86rem}.detective pre{white-space:pre-wrap;overflow-wrap:anywhere;padding:20px;background:#f1f5f3;font:inherit}.detective :focus-visible{outline:3px solid #c27b18;outline-offset:4px}@media(max-width:800px){.detective .layout{grid-template-columns:1fr}.detective aside{order:2}.detective .panel{padding:20px}.detective{padding:24px 16px}}