html:has(.docbox[open]){overflow:hidden}
.doc-link{padding:0;border:0;background:none;font:inherit;color:inherit;text-decoration:underline;text-decoration-thickness:1px;text-underline-offset:.2em;cursor:pointer;transition:color .15s}
.doc-link:focus-visible{outline:2px solid #3F9C96;outline-offset:2px;border-radius:2px}
@media (hover:hover){.doc-link:hover{color:#2F8C86;text-decoration-thickness:2px}}
.cookie-bar__text .doc-link{color:#2F6E6A}
.docbox{width:min(46rem,calc(100vw - 2 * var(--gutter)));max-width:none;max-height:calc(100vh - 2 * var(--space-6));padding:0;border:0;border-radius:32px 40px 36px 30px / 36px 30px 40px 32px;background:var(--color-white);color:#1F2D2C;overflow:hidden;box-shadow:-8px 8px 0 #E9CD98;animation:docbox-in .3s cubic-bezier(.3,1.2,.5,1)}
.docbox[open]{display:flex;flex-direction:column}
.docbox::backdrop{background:rgba(47,110,106,.45);-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px)}
@keyframes docbox-in{from{opacity:0;transform:translateY(14px) scale(.98)}}
.docbox__close{position:absolute;top:var(--space-4);right:var(--space-4);display:grid;place-items:center;width:2.75rem;height:2.75rem;border:0;border-radius:50%;background:#FCEACA;cursor:pointer;z-index:1}
.docbox__close svg{width:1.25rem;height:1.25rem;fill:none;stroke:#C5643C;stroke-width:2.5;stroke-linecap:round}
.docbox__body{flex:1;min-height:0;overflow-y:auto;margin:var(--space-6) var(--space-3) var(--space-6) 0;padding:var(--space-2) var(--space-6) var(--space-4) var(--space-8);}
.docbox__body::-webkit-scrollbar{width:10px}
.docbox__body::-webkit-scrollbar-button{display:none}
.docbox__body::-webkit-scrollbar-track{margin:48px 0 16px;background:transparent}
.docbox__body::-webkit-scrollbar-thumb{border:2px solid transparent;border-radius:999px;background:#B9DAD6;background-clip:content-box}
.docbox__body::-webkit-scrollbar-thumb:hover{background:#84CAC8;background-clip:content-box}
.docbox .doc__title{margin:0;padding-right:var(--space-12);font-family:"Neucha",var(--font-body);font-weight:400;font-size:clamp(1.75rem,3vw,2.25rem);line-height:1.1;color:#1E4A47}
.docbox .doc__updated{margin:var(--space-3) 0 0;font-family:"Rubik",system-ui,sans-serif;font-size:.9375rem;color:#4F605F}
.docbox .doc__body{margin-top:var(--space-8);font-family:"Rubik",system-ui,sans-serif;font-weight:400;font-size:1.0625rem;line-height:1.75}
.docbox .doc__body h2{margin:var(--space-8) 0 var(--space-4);font-weight:600;font-size:1.25rem;line-height:1.3;color:#1E4A47}
.docbox .doc__body h2:first-child{margin-top:0}
.docbox .doc__body p{margin:0 0 var(--space-4)}
.docbox .doc__body ul{margin:0 0 var(--space-4);padding-left:var(--space-6)}
.docbox .doc__body li{margin-bottom:var(--space-2)}
.docbox .doc__body li::marker{color:var(--color-peach-400)}
.docbox .doc__body a{color:#1E6E69;text-underline-offset:.2em}
.docbox__close:active{transform:scale(.97)}
.docbox__close:focus-visible{outline:2px solid #3F9C96;outline-offset:3px}
@media (hover:hover){.docbox__close:hover{background:#F9D9B5}}
@media (prefers-reduced-motion:reduce){.docbox{animation:none}}
.docbox__body:focus{outline:none}
@media (pointer:coarse){
.doc-link{position:relative}
.doc-link::before{content:"";position:absolute;left:-4px;right:-4px;top:50%;height:44px;transform:translateY(-50%)}
}