:root{--cv1-forest:#173f35;--cv1-earth:#8a512e;--cv1-cream:#f7f1e6;--cv1-paper:#fffdf8;--cv1-ink:#17211d;--cv1-muted:#53625b;--cv1-focus:#b94900;--cv1-radius:1.2rem}
.codite-v1{margin:0;background:var(--cv1-paper);color:var(--cv1-ink);font-family:system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;line-height:1.65}.codite-v1__shell{width:min(100% - 2rem,74rem);margin-inline:auto}.codite-v1__hero{padding:clamp(3rem,7vw,6rem) 0;background:linear-gradient(135deg,var(--cv1-cream),#e7eddc)}.codite-v1__hero h1{max-width:20ch;margin:.35rem 0 1rem;color:var(--cv1-forest);font:700 clamp(2.2rem,6vw,4.5rem)/1 Georgia,serif}.codite-v1__hero p{max-width:65ch}.codite-v1__kicker,.codite-v1__meta{color:var(--cv1-earth);font-size:.82rem;font-weight:800;letter-spacing:.08em;text-transform:uppercase}.codite-v1__section,.codite-v1__article{padding-block:clamp(2.5rem,6vw,5rem)}.codite-v1__article{max-width:52rem}.codite-v1__article img{max-width:100%;height:auto;border-radius:var(--cv1-radius)}.codite-v1__grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:1.25rem}.codite-v1__card{min-width:0;padding:1.25rem;background:#fff;border:1px solid rgba(23,63,53,.16);border-radius:var(--cv1-radius)}.codite-v1__card img{width:100%;height:auto;border-radius:.8rem}.codite-v1__card h2{font:700 1.4rem/1.15 Georgia,serif}.codite-v1__card a,.codite-v1__prose a,.codite-v1__map-list a{color:var(--cv1-forest);text-underline-offset:.2em}.codite-v1__empty,.codite-v1__notice,.codite-v1__prose{padding:clamp(1.25rem,4vw,2.5rem);background:var(--cv1-cream);border-radius:var(--cv1-radius)}.codite-v1__notice{margin-top:2rem}.codite-v1__button{display:inline-flex;padding:.7rem 1rem;border-radius:999px;background:var(--cv1-forest);color:#fff!important;font-weight:800;text-decoration:none}.codite-v1__map-layout{display:grid;grid-template-columns:minmax(0,1.4fr) minmax(16rem,.6fr);gap:1.5rem}.codite-v1__map{position:relative;min-height:32rem;overflow:hidden;border-radius:var(--cv1-radius);background:linear-gradient(145deg,#dbe5ce,#efe1c7)}.codite-v1__map:before,.codite-v1__map:after{content:"";position:absolute;inset:-20% 10% 35% -20%;border:3rem solid rgba(47,107,79,.2);border-radius:48%}.codite-v1__map:after{inset:40% -20% -30% 25%;border-color:rgba(154,97,60,.18)}.codite-v1__map>a{position:absolute;z-index:2;left:clamp(.6rem,var(--x),calc(100% - 1.6rem));top:clamp(.6rem,var(--y),calc(100% - 1.6rem));width:1rem;height:1rem;border:.2rem solid #fff;border-radius:50%;background:var(--cv1-earth);box-shadow:0 0 0 .2rem var(--cv1-earth)}.codite-v1__map-list{margin:0;padding-left:1.4rem}.codite-v1__map-list li{margin-bottom:1rem}.codite-v1__map-list span{display:block;color:var(--cv1-muted)}.codite-v1__video{display:grid;place-items:center;min-height:20rem;padding:2rem;text-align:center;background:#102e27;color:#fff;border-radius:var(--cv1-radius)}.codite-v1__video iframe{width:100%;aspect-ratio:16/9;border:0}.codite-v1__video button{padding:.75rem 1rem;border:2px solid #fff;border-radius:999px;background:var(--cv1-earth);color:#fff;font:inherit;font-weight:800}.codite-v1__pagination ul{display:flex;flex-wrap:wrap;gap:.5rem;list-style:none;padding:2rem 0}.codite-v1__pagination a,.codite-v1__pagination span{display:block;padding:.55rem .8rem;border:1px solid var(--cv1-forest);border-radius:.4rem}a:focus-visible,button:focus-visible{outline:3px solid var(--cv1-focus);outline-offset:4px}
.codite-v1__filters{display:flex;flex-wrap:wrap;gap:1rem;align-items:end;margin-bottom:2rem}.codite-v1__filters>div{display:grid;gap:.3rem;flex:1 1 12rem;min-width:0}.codite-v1__filters input,.codite-v1__filters select{width:100%;min-width:0;padding:.65rem;font:inherit;border:1px solid var(--cv1-forest);border-radius:.4rem}.codite-v1__filters button{font:inherit;cursor:pointer;border:2px solid var(--cv1-forest)}.codite-v1 input:focus-visible,.codite-v1 select:focus-visible{outline:3px solid var(--cv1-focus);outline-offset:4px}
@media(max-width:800px){.codite-v1__grid{grid-template-columns:repeat(2,minmax(0,1fr))}.codite-v1__map-layout{grid-template-columns:1fr}.codite-v1__map{min-height:22rem}}
@media(max-width:520px){.codite-v1__shell{width:min(100% - 1.25rem,74rem)}.codite-v1__grid{grid-template-columns:1fr}.codite-v1__map{min-height:18rem}}
@media(prefers-reduced-motion:reduce){*,*:before,*:after{scroll-behavior:auto!important;animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}
