:root{--white: #ffffff;--gray-light: #f1f1f1;--gray: #cccccc;--gray-dark: #666666;--black: #000000;--blue-dark: #005166;--beige-light: #f4ece6;--beige-dark: #e6dace;--radius-sm: .4rem;--radius-md: .8rem;--shadow-soft: 0 .8rem 2.4rem rgb(0 35 44 / 9%);--bg-color: var(--white);--txt-color: var(--black);--link-color: var(--blue-dark);--link-hover-color: var(--black);--border: var(--gray);--btn-border: var(--gray-dark)}@media(prefers-color-scheme:dark){:root{--color-background: var(--vt-c-black);--color-background-soft: var(--vt-c-black-soft);--color-background-mute: var(--vt-c-black-mute);--color-border: var(--vt-c-divider-dark-2);--color-border-hover: var(--vt-c-divider-dark-1);--color-heading: var(--vt-c-text-dark-1);--color-text: var(--vt-c-text-dark-2)}}*,*:before,*:after{box-sizing:border-box;margin:0;font-weight:400}html{font-size:62.5%;overflow-wrap:break-word;line-height:1.65;scroll-behavior:smooth;scroll-padding-top:7rem}body{font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;background-color:var(--beige-light);font-size:1.6rem;line-height:1.65;font-weight:400;color:#232323}#app{padding:0;font-weight:400}main{width:100%;margin:4.8rem auto;max-width:128rem;padding:0 2rem}.at{clip:rect(1px,1px,1px,1px);height:1px;overflow:hidden;position:absolute!important;width:1px}h1{padding:4rem 0rem 2rem;line-height:1.2;letter-spacing:-.025em;font-weight:700}h2{padding:3rem 0 1.5rem;line-height:1.25;letter-spacing:-.015em;font-weight:700}h3{padding:2rem 0 1rem;line-height:1.2em;font-weight:700}p,ul{margin-bottom:.8rem}a{color:var(--link-color);text-underline-offset:.2em;text-decoration-thickness:.08em}a:hover,a:focus{color:var(--link-hover-color)}strong{font-weight:700}.btn{margin:1rem auto;display:flex;gap:1rem;flex-direction:row;flex-wrap:nowrap;justify-content:space-between;align-items:center;min-height:4.4rem;padding:.9rem 1.6rem;background-color:var(--white);border:1px solid var(--btn-border);border-radius:var(--radius-sm);text-decoration:none;font-weight:600;width:fit-content;cursor:pointer}.btn:hover,.btn:focus-visible{border-color:var(--blue-dark);background-color:var(--beige-light);box-shadow:var(--shadow-soft)}.btn:focus-visible{outline-offset:3px}.btn svg{fill:var(--blue-dark);width:20px;height:17px}.btn:hover svg,.btn:focus svg{fill:var(--link-hover-color)}.frame-list{list-style:none;padding:0;display:grid;grid-template-columns:minmax(0,1fr);gap:1.6rem}.frame-list>li{min-width:0;position:relative;border:1px solid var(--border);border-radius:var(--radius-md);background-color:var(--white);overflow:hidden}.frame-list>li a{min-height:100%;padding:1.4rem;display:flex;justify-content:flex-start;align-items:center;flex-wrap:nowrap;flex-direction:row;color:var(--black);text-decoration:none;gap:1rem;border-radius:inherit}.frame-list>li:hover,.frame-list>li:focus-within{box-shadow:var(--shadow-soft);border-color:var(--blue-dark)}.frame-list>li a img{width:7rem;height:7rem;flex:none;object-fit:cover;background-color:var(--beige-dark)}.frame-list>li a.project-card--text-only{padding:2rem}.frame-list>li a h3{margin:0;padding:.4rem 0 .8rem;color:var(--blue-dark);font-size:2rem}.frame-list>li a div{min-width:0}.frame-list>li a p{margin:.4rem 0}.frame-list>li a .article-date{position:absolute;left:0;bottom:0;padding:.2rem .5rem;font-size:1.4rem;background-color:var(--beige-dark);margin:0}#article-area{padding-top:4rem;max-width:900px;margin:0 auto}#article-area-preview{padding:1rem 2rem 3rem;background-color:var(--white);border:1px solid var(--border)}.md-editor-code-head{display:none}blockquote,pre{border-left:3px solid var(--blue-dark);padding:.5rem 1.5rem;margin-bottom:1.5rem;background-color:var(--gray-light)}blockquote p{margin-bottom:0}pre{overflow:auto}@media(min-width:768px){main{min-height:40rem}.btn{margin:3rem auto}.frame-list{grid-template-columns:repeat(2,minmax(0,1fr))}.frame-list>li{position:relative}.frame-list>li a{gap:2rem}.frame-list>li a img{width:15rem;height:15rem}.frame-list>li a .article-date{padding:.5rem 1rem;font-size:1.6rem}}@media(min-width:1024px){main{min-height:calc(100vh - 17rem)}#article-area-preview{padding:2rem 5rem 5rem}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{scroll-behavior:auto!important;animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}header[data-v-0bbbb10f]{background-color:var(--white);width:100%;display:flex;flex-direction:row;justify-content:space-between;align-items:center;position:fixed;top:0;right:0;left:0;z-index:20;box-sizing:border-box;height:4.8rem;border-bottom:1px solid var(--border);line-height:1.8rem}.header-logo img[data-v-0bbbb10f]{margin:.5rem 1rem;vertical-align:middle}.header-logo a[data-v-0bbbb10f]{display:inline-flex;align-items:center;text-decoration:none}.header-logo span[data-v-0bbbb10f]{clip:rect(1px 1px 1px 1px);clip:rect(1px,1px,1px,1px);height:1px;overflow:hidden;position:absolute;width:1px}@media(min-width:992px){.header-logo[data-v-0bbbb10f]{margin-left:5rem}.header-logo span[data-v-0bbbb10f]{clip:unset;height:auto;overflow:visible;position:unset;color:var(--black);font-weight:600;font-size:1.6rem;width:10rem;display:inline-block;line-height:1.8rem;vertical-align:middle}}.header-navbar button[data-v-0bbbb10f]{margin-right:1rem;background-color:#fff;border:1px solid #005166;width:4.4rem;height:4.4rem;cursor:pointer}.header-navbar button[data-v-0bbbb10f]:hover,.header-navbar button[data-v-0bbbb10f]:focus{background-color:var(--beige-light)}.header-navbar button svg[data-v-0bbbb10f]{width:24px;height:24px}.header-navbar ul[data-v-0bbbb10f]{display:flex;position:absolute;right:0;flex-direction:column;padding:1rem 2rem;gap:1rem;background-color:var(--beige-dark);list-style:none;box-shadow:-5px 5px 10px #0006;margin:0}.header-navbar button[data-v-0bbbb10f]:focus-visible,.header-navbar a[data-v-0bbbb10f]:focus-visible,.header-logo a[data-v-0bbbb10f]:focus-visible{outline:3px solid var(--blue-dark);outline-offset:3px}.nav-language[data-v-0bbbb10f]{display:flex;gap:.5rem;align-items:center}.nav-language a[aria-current=page][data-v-0bbbb10f]{font-weight:700;text-decoration:underline;text-underline-offset:.25em}@media(min-width:768px){.header-navbar[data-v-0bbbb10f]{margin-right:5rem}.header-navbar button[data-v-0bbbb10f]{display:none}.header-navbar ul[data-v-0bbbb10f],.header-navbar ul[style*="display: none"][data-v-0bbbb10f]{list-style:none;display:flex!important;flex-direction:row;flex-wrap:nowrap;align-items:center;gap:2rem;position:relative;right:unset;padding:0;background-color:unset;box-shadow:none;font-size:18px}}@media(min-width:992px){.header-navbar ul[data-v-0bbbb10f],.header-navbar ul[style*="display: none"][data-v-0bbbb10f]{gap:3rem}}@media(min-width:1200px){.header-navbar ul[data-v-0bbbb10f],.header-navbar ul[style*="display: none"][data-v-0bbbb10f]{gap:4rem}}.header-navbar ul a[data-v-0bbbb10f]{color:var(--black);text-decoration:none;padding:5px;min-height:4.4rem;display:inline-flex;align-items:center}.header-navbar ul a[data-v-0bbbb10f]:hover,.header-navbar ul a[data-v-0bbbb10f]:focus{color:var(--blue-dark);text-decoration:underline}.skiplinks a[data-v-0bbbb10f]{border:0;clip:rect(1px,1px,1px,1px);background:var(--blue-dark);color:var(--white);font-size:1em;font-weight:700;height:1px;line-height:1.6;overflow:hidden;padding:2rem 0;position:absolute;text-align:center;top:0;width:100%;z-index:100}.skiplinks a[data-v-0bbbb10f]:focus{clip:auto;height:auto;left:0;outline:none;overflow:visible;position:absolute;width:100%}footer[data-v-bb5f5a72]{background:var(--white);border-top:1px solid var(--border)}.footer-wrapper[data-v-bb5f5a72]{display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:1rem 2rem;max-width:128rem;margin-inline:auto;padding:1rem 2rem}.footer-brand[data-v-bb5f5a72]{display:flex;align-items:center;gap:1.2rem}.footer-avatar[data-v-bb5f5a72],.footer-avatar img[data-v-bb5f5a72]{display:block;width:4.8rem;height:4.8rem}.footer-avatar img[data-v-bb5f5a72]{object-fit:cover;border-radius:50%}.footer-brand p[data-v-bb5f5a72]{margin:0 0 .4rem}.footer-brand p[data-v-bb5f5a72]:last-child{margin-bottom:0}.footer-title strong[data-v-bb5f5a72]{font-size:1.6rem;line-height:2.4rem;font-weight:700}.footer-title[data-v-bb5f5a72]{font-size:1.2rem;line-height:1.4rem}.footer-wrapper h3[data-v-bb5f5a72]{margin:0;padding:0;font-size:1.6rem;line-height:2.4rem;color:var(--blue-dark)}.footer-wrapper ul[data-v-bb5f5a72]{display:grid;gap:0 .8rem;margin:0;padding:0;list-style:none}.footer-wrapper a[data-v-bb5f5a72]{display:inline-flex;align-items:center;gap:.8rem;font-size:1.4rem;color:var(--blue-dark)}.footer-wrapper a[data-v-bb5f5a72]:focus-visible{outline:3px solid var(--blue-dark);outline-offset:3px}.footer-wrapper a[data-v-bb5f5a72]:hover{color:var(--black)}.footer-social ul[data-v-bb5f5a72]{display:flex;flex-wrap:wrap;gap:0 1.2rem}.footer-social svg[data-v-bb5f5a72]{width:2rem;height:2rem}@media(max-width:576px){.footer-wrapper[data-v-bb5f5a72]{justify-content:flex-start}.footer-brand[data-v-bb5f5a72]{flex-basis:100%}}