@layer base{:root{--jj-emerald:#075e54;--jj-brass:#b28a45;--jj-cream:#f7f5ef;--jj-paper:#fff;--jj-ink:#141414;--jj-line:#e1d6c6;--jj-success:#2a855e;--jj-error:#c24040;--ink:var(--jj-ink);--cream:var(--jj-cream);--plum:var(--jj-emerald);--aqua:var(--jj-brass);--gold:var(--jj-brass);--rose:#e58c94;--paper:var(--jj-paper);--line:var(--jj-line);--success:var(--jj-success);--error:var(--jj-error);--plum-10:#eef7f5;--aqua-10:#faf6ef}*{box-sizing:border-box}body,html{padding:0;margin:0}body{font-family:Inter,ui-sans-serif,system-ui,-apple-system,Segoe UI,Roboto,Helvetica Neue,Arial,Noto Sans,Apple Color Emoji,Segoe UI Emoji,Segoe UI Symbol;background:var(--jj-cream);color:var(--jj-ink);line-height:1.6}h1{font-size:2.25rem;line-height:1.2;margin:0 0 1rem}h1,h2{font-family:Cormorant Garamond,serif;color:var(--jj-emerald)}h2{font-size:1.75rem;line-height:1.3;margin:1.25rem 0 .75rem}a{color:var(--jj-emerald);text-decoration:none;transition:color .15s ease}a:hover{text-decoration:underline;text-underline-offset:3px;color:var(--jj-brass)}button{cursor:pointer}}@layer components{.container{max-width:1100px;margin:0 auto}.card{background:var(--paper);border:1px solid var(--line);border-radius:16px;box-shadow:0 6px 18px rgba(22,21,23,.08)}.site-header{position:-webkit-sticky;position:sticky;top:0;z-index:50;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:hsla(0,0%,100%,.8);border-bottom:1px solid var(--jj-brass)}.site-nav{display:flex;gap:16px;padding:14px 0}.site-brand{font-weight:700;color:var(--jj-emerald);font-family:Cormorant Garamond,serif;font-size:1.25rem}}@layer utilities{.grid{display:grid}.gap-6{gap:1.5rem}.md\:grid-cols-2{grid-template-columns:repeat(1,minmax(0,1fr))}@media (min-width:768px){.md\:grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (min-width:1024px){.lg\:grid-cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}}.p-5{padding:1.25rem}.mt-2{margin-top:.5rem}.mt-3{margin-top:.75rem}.mt-4{margin-top:1rem}.mb-6{margin-bottom:1.5rem}.rounded-2xl{border-radius:16px}.text-xl{font-size:1.25rem;line-height:1.4}.text-3xl{font-size:1.875rem;line-height:1.2}.font-semibold{font-weight:600}.flex{display:flex}.items-start{align-items:flex-start}.justify-between{justify-content:space-between}.gap-3{gap:.75rem}.px-2\.5{padding-left:.625rem;padding-right:.625rem}.py-1{padding-top:.25rem;padding-bottom:.25rem}.rounded-full{border-radius:9999px}.text-sm{font-size:.875rem}.text-xs{font-size:.75rem}.border{border:1px solid}.transition{transition:all .15s ease}}