@font-face{font-family:"Rubik";src:url("fonts/Rubik.woff2") format("woff2");font-weight:300 900;font-display:swap}
@font-face{font-family:"Rubik";src:url("fonts/Rubik-pl.woff2") format("woff2");font-weight:300 900;font-display:swap;unicode-range:U+0104-0107,U+0118-0119,U+0141-0144,U+015A-015B,U+0179-017C}
.doc{min-height:100vh;margin:0;background:var(--color-sand-100);color:#1F2D2C}
.doc__head{display:flex;align-items:center;padding:var(--space-6) clamp(var(--gutter),6vw,7rem)}
.doc__home{display:block;line-height:0;border-radius:var(--space-2)}
.doc__home svg{display:block;width:auto;height:3.5rem}
.doc__home:focus-visible{outline:2px solid #3F9C96;outline-offset:4px}
.doc__main{max-width:46rem;margin:var(--space-4) auto var(--space-12);padding:var(--space-8);border-radius:32px;background:var(--color-white);box-shadow:-6px 6px 0 #E9CD98}
.doc__title{margin:0;font-family:"Neucha",var(--font-body);font-weight:400;font-size:clamp(1.75rem,3vw,2.25rem);line-height:1.1;color:#1E4A47}
.doc__updated{margin:var(--space-3) 0 0;font-family:"Rubik",system-ui,sans-serif;font-size:.9375rem;color:#4F605F}
.doc__body{margin-top:var(--space-12);font-family:"Rubik",system-ui,sans-serif;font-weight:400;font-size:1.125rem;line-height:1.75}
.doc__body h2{margin:var(--space-12) 0 var(--space-4);font-weight:600;font-size:1.3125rem;line-height:1.3;color:#1E4A47}
.doc__body h2:first-child{margin-top:0}
.doc__body p{margin:0 0 var(--space-4)}
.doc__body ul{margin:0 0 var(--space-4);padding-left:var(--space-6)}
.doc__body li{margin-bottom:var(--space-2)}
.doc__body li::marker{color:var(--color-peach-400)}
.doc__body a{color:#1E6E69;text-underline-offset:.2em}
@media (hover:hover){.doc__body a:hover{text-decoration-thickness:2px}}
.doc__body .doc__button{display:inline-block;padding:var(--space-3) var(--space-6);border-radius:999px;background:#1E4A47;color:#fff;font-weight:500;text-decoration:none}
@media (hover:hover){.doc__body .doc__button:hover{background:#2A6560}}
.doc__body .doc__button:active{transform:scale(.97)}