:root{--color-natt:#0e120f;--color-skog:#161c17;--color-mossa:#222b24;--color-mylla:#1e1813;--color-header:#080a09;--color-rot:#7c7262;--color-benvit:#ece4d3;--color-naver:#b3a993;--color-massing:#c9a55c;--color-alvljus:#f2d488;--color-earth:#b8875a;--color-water:#7fa6b4;--color-fire:#d2734a;--color-air:#b4bcc0;--color-spirit:#a98cc8;--glow:0 0 17px 4px #f2d4888c;--font-size-body:clamp(1.0625rem, 1rem + .3vw, 1.25rem);--font-size-h1:clamp(2.6rem, 2rem + 3vw, 4.5rem);--font-size-h2:clamp(1.8rem, 1.5rem + 1.2vw, 2.4rem);--font-size-h3:clamp(1.35rem, 1.2rem + .6vw, 1.7rem);--font-size-meta:.9rem;--line-height-body:1.7;--gutter:clamp(1rem, 4vw, 2rem);--page-width:72rem;--measure:62ch;--radius:6px}*,:before,:after{box-sizing:border-box}html{background:var(--color-natt);color:var(--color-benvit);font-family:var(--font-body), Georgia, serif;-webkit-text-size-adjust:100%;text-size-adjust:100%;font-size:100%}body{min-block-size:100vh;font-size:var(--font-size-body);line-height:var(--line-height-body);margin:0;overflow-x:clip}img,video,svg{block-size:auto;max-inline-size:100%}a{color:var(--color-alvljus);text-decoration-line:underline;text-decoration-color:var(--color-massing);text-underline-offset:.2em;text-decoration-thickness:1px}a:hover{color:var(--color-benvit);text-decoration-color:var(--color-alvljus)}:focus-visible{outline:2px solid var(--color-alvljus);outline-offset:4px;border-radius:2px}strong,b{font-weight:600}h1,h2,h3,h4{font-family:var(--font-heading), Georgia, serif;color:var(--color-benvit);font-weight:400}h2{font-size:var(--font-size-h2);line-height:1.15}h3{font-size:var(--font-size-h3);line-height:1.2}h4{font-size:1.2em;line-height:1.25}.skip-link{z-index:10;background:var(--color-alvljus);color:var(--color-natt);border-radius:4px;padding:.6rem 1rem;text-decoration:none;position:absolute;inset-block-start:-4rem;inset-inline-start:1rem}.skip-link:focus{inset-block-start:1rem}.visually-hidden{clip-path:inset(50%);white-space:nowrap;border:0;block-size:1px;inline-size:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.page-width{max-inline-size:var(--page-width);padding-inline:var(--gutter);margin-inline:auto}.measure{max-inline-size:var(--measure);margin-inline:auto}.measure-start{margin-inline:0}.meta{font-size:var(--font-size-meta);color:var(--color-naver)}.excerpt{color:var(--color-naver);font-size:1.2em;line-height:1.6}.prose{overflow-wrap:anywhere}.prose>*{margin-block:0 1.4em}.prose h2{margin-block:2em .6em}.prose h3{margin-block:1.8em .5em}.prose h4{margin-block:1.6em .5em}.prose ul,.prose ol{padding-inline-start:1.4em}.prose li{margin-block-end:.4em}.prose li>ul,.prose li>ol{color:var(--color-naver);margin-block:.4em 0}.prose blockquote{border-inline-start:1px solid var(--article-accent,var(--color-massing));font-family:var(--font-heading), Georgia, serif;margin-block:2em;margin-inline:0;padding-inline-start:1.75rem;font-size:1.45em;font-style:italic;line-height:1.4}.prose code{background:var(--color-mossa);border-radius:3px;padding:.1em .35em;font-family:ui-monospace,Cascadia Code,Consolas,monospace;font-size:.88em}.prose pre{background:var(--color-skog);border:1px solid var(--color-mossa);border-radius:var(--radius);overflow-wrap:normal;padding:1rem 1.25rem;line-height:1.5;overflow-x:auto}.prose pre code{background:0 0;padding:0;font-size:.85em}.prose figure{margin-block:0 2.5rem;margin-inline:0}.prose figure img{border-radius:var(--radius);display:block}.prose figcaption{font-size:var(--font-size-meta);color:var(--color-naver);margin-block-start:.6rem;font-style:italic}.prose .divider{color:var(--color-rot);justify-content:center;margin-block:2.6em;display:flex}.prose .divider-drop{fill:var(--article-accent,var(--color-massing))}.prose .callout{background:var(--color-skog);border:1px solid var(--color-mossa);border-radius:var(--radius);gap:1rem;padding:1.25rem 1.4rem;display:flex}.prose .callout-icon{color:var(--color-alvljus);flex-shrink:0;margin-block-start:.25rem}.prose .callout-body>:last-child{margin-block-end:0}.prose .callout-body>*{margin-block:0 1em}.prose details{border-block:1px solid var(--color-mossa);padding-block:.875rem}.prose summary{cursor:pointer;min-block-size:44px;line-height:44px;font-family:var(--font-heading), Georgia, serif;font-size:1.2em}.prose details>:not(summary){color:var(--color-naver);margin-block:.8em 0}body{flex-direction:column;display:flex;position:relative}.site-header{--header-padding:clamp(1rem, 3vw, 1.75rem);--tap-target:44px;background:var(--color-header);position:relative}.site-header-start{--header-padding:.5rem;z-index:2;background:0 0;position:absolute;inset-block-start:0;inset-inline:0}.site-header-start .site-header-inner{justify-content:flex-end}.site-header-inner{padding-block:var(--header-padding);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:1rem;display:flex}.site-logo{min-block-size:var(--tap-target);color:var(--color-benvit);align-items:center;text-decoration:none;display:flex}.site-logo svg{block-size:32px;inline-size:auto}.site-nav{align-items:center;display:flex}.site-menu-button{inline-size:var(--tap-target);block-size:var(--tap-target);color:var(--color-benvit);cursor:pointer;background:0 0;border:0;justify-content:center;align-items:center;padding:0;display:inline-flex}.site-menu-button svg{filter:drop-shadow(0 2px 2px #000000e6)drop-shadow(0 0 6px #f2d48899)drop-shadow(0 0 16px #f2d4884d);block-size:32px;inline-size:32px}.site-menu-button:hover svg,.site-menu-button[aria-expanded=true] svg{filter:drop-shadow(0 2px 2px #000000e6)drop-shadow(0 0 7px #f2d488bf)drop-shadow(0 0 20px #f2d48866)}.site-menu{inset:auto;inset-block-start:calc(var(--tap-target) + 2 * var(--header-padding));inset-inline:var(--gutter);border:1px solid var(--color-mossa);border-radius:var(--radius);background:var(--color-header);inline-size:auto;color:inherit;margin:0;padding:.5rem;list-style:none;position:absolute}.site-menu a{display:flex}.site-nav a{min-block-size:var(--tap-target);color:var(--color-naver);letter-spacing:.06em;align-items:center;gap:.5rem;padding-inline:.875rem;font-size:1rem;text-decoration:none}.site-nav a:hover,.site-nav a.is-active{color:var(--color-benvit)}.site-nav-dot{background:var(--color-alvljus);block-size:5px;inline-size:5px;box-shadow:var(--glow);border-radius:50%;display:none}.site-nav a.is-active .site-nav-dot{display:inline-block}.site-main{flex:1;inline-size:100%;padding-block:clamp(3rem,6vw,6rem)}.site-main-start{padding-block-start:0}.site-main:focus{outline:none}.site-footer{border-block-start:1px solid var(--color-mossa)}.site-footer-inner{font-size:var(--font-size-meta);color:var(--color-naver);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:.75rem;padding-block:2rem;display:flex}.site-footer-logo{block-size:32px;inline-size:auto;color:var(--color-benvit)}.firefly-sprite{block-size:0;inline-size:0;position:absolute;overflow:hidden}:is(h1,h2):has(>.firefly){inline-size:fit-content;position:relative}.firefly{z-index:1;aspect-ratio:3/2;inline-size:14px;translate:-50% -91%;rotate:var(--firefly-rotate,0deg);transform-origin:50% 91%;pointer-events:none;mix-blend-mode:screen;position:absolute;inset-block-start:var(--firefly-top,30%);inset-inline-start:var(--firefly-left,50%)}.firefly-body-head{stop-color:var(--firefly-body-head);stop-opacity:.9}.firefly-body-tail{stop-color:rgb(var(--firefly-light));stop-opacity:.1}.firefly svg{block-size:100%;inline-size:100%;display:block}.firefly:before,.firefly:after{content:"";z-index:1;aspect-ratio:1;border-radius:50%;position:absolute;inset-block-start:91%;inset-inline-start:50%;translate:-50% -50%}.firefly:before{background:radial-gradient(circle, var(--firefly-glow-core) 0 4%, rgb(var(--firefly-light) / .55) 12%, rgb(var(--firefly-light) / .18) 32%, transparent 68%);inline-size:50px}.firefly:after{background:var(--firefly-core);inline-size:3.4px;box-shadow:0 0 6px 2px rgb(var(--firefly-light))}.firefly-alvljus{--firefly-light:242 212 136;--firefly-glow-core:#f3d894;--firefly-core:#f6e1ac;--firefly-body-head:#eee0c0}.firefly-lysmask{--firefly-light:216 224 122;--firefly-glow-core:#dce387;--firefly-core:#e4e9a2;--firefly-body-head:#e7e3bd}.firefly-glod{--firefly-light:240 180 106;--firefly-glow-core:#f2bc79;--firefly-core:#f5cb97;--firefly-body-head:#edd8b9}@keyframes firefly-breathe{0%,to{opacity:.55}50%{opacity:1}}@keyframes firefly-pulse{0%,to{opacity:.35;scale:.85}45%{opacity:1;scale:1}60%{opacity:.9;scale:.97}}@media (prefers-reduced-motion:no-preference){.firefly:before,.firefly:after{animation:firefly-pulse var(--firefly-pulse,4.5s) ease-in-out var(--firefly-delay,0s) infinite}}@media (prefers-reduced-motion:reduce){.firefly:before,.firefly:after{animation:firefly-breathe 7s ease-in-out var(--firefly-delay,0s) infinite}}@media (width>=48rem){.site-header-start{background:#080a09cc}.site-logo svg{block-size:40px}.site-menu-button{display:none}.site-menu,.site-menu:not(:popover-open){background:0 0;border:0;flex-wrap:wrap;gap:.5rem;padding:0;display:flex;position:static;overflow:visible}.site-menu a{display:inline-flex}}.topics{flex-wrap:wrap;gap:.5rem;margin:0;padding:0;list-style:none;display:flex}.topic{min-block-size:2rem;color:var(--article-accent,var(--color-massing));letter-spacing:.08em;text-transform:uppercase;border:1px solid;border-radius:999px;align-items:center;gap:.5rem;padding-inline:.75rem;font-size:.875rem;line-height:1;display:inline-flex}.topic-dot{background:currentColor;border-radius:50%;block-size:6px;inline-size:6px}.accent-earth{--article-accent:var(--color-earth)}.accent-water{--article-accent:var(--color-water)}.accent-fire{--article-accent:var(--color-fire)}.accent-air{--article-accent:var(--color-air)}.accent-spirit{--article-accent:var(--color-spirit)}.element-icon{inline-size:var(--element-icon-size);block-size:var(--element-icon-size);color:rgb(var(--element-rgb));filter:drop-shadow(0 0 6px rgb(var(--element-rgb) / .45));flex-shrink:0;display:inline-flex}.element-icon svg{block-size:100%;inline-size:100%}.element-icon-small{--element-icon-size:18px}.element-icon-medium{--element-icon-size:22px}.element-icon-large{--element-icon-size:34px}.element-icon-earth{--element-rgb:184 135 90}.element-icon-water{--element-rgb:127 166 180}.element-icon-fire{--element-rgb:210 115 74}.element-icon-air{--element-rgb:180 188 192}.element-icon-spirit{--element-rgb:169 140 200}.avatar{inline-size:var(--avatar-size);block-size:var(--avatar-size);object-fit:cover;border-radius:50%;flex:none;place-items:center;display:inline-grid}.avatar-small{--avatar-size:28px}.avatar-stacked{--avatar-size:80px}.avatar-large{--avatar-size:88px}.avatar-monogram{font-family:var(--font-heading);font-size:calc(var(--avatar-size) * .5);color:var(--color-benvit);background:var(--color-mossa);user-select:none;line-height:1}.page-title{font-size:var(--font-size-h1);margin-block:0 2.5rem;line-height:1.05}.article-list{gap:2.5rem;margin:0;padding:0;list-style:none;display:grid}.article-list-item{border-block-end:1px solid var(--color-mossa);gap:.4rem;padding-block-end:2.5rem;display:grid}.article-list-item .excerpt{margin:.4rem 0 0}.article-list-meta{align-items:center;gap:.6rem;margin:0;display:flex}.article-list-item .topics{margin-block-start:.6rem}.article-list-title{margin:0}.article-list-title a{color:var(--color-benvit);text-decoration-color:var(--color-mossa)}.article-list-title a:hover{text-decoration-color:var(--color-alvljus)}.empty-state{color:var(--color-naver)}.article-header{margin-block-end:2.5rem}.article-meta{flex-wrap:wrap;align-items:center;gap:.875rem;margin-block-end:1.25rem;display:flex}.article-meta .meta{margin:0}.byline-author{vertical-align:middle;align-items:center;gap:.45em;display:inline-flex}.article-header .page-title{margin-block-end:1.5rem}.lead{margin:0}.author-signature{text-align:center;flex-direction:column;align-items:center;margin-block-start:3.5rem;display:flex}.author-signature .divider{color:var(--color-rot);justify-content:center;margin-block-end:2.25rem;display:flex}.author-signature .divider svg{max-inline-size:100%}.author-signature .divider-drop{fill:var(--article-accent,var(--color-massing))}.author-signature-avatars{justify-content:center;display:flex}.author-signature-avatars.is-single .avatar{box-shadow:0 0 0 4px var(--color-natt), 0 0 0 5px var(--article-accent,var(--color-massing))}.author-signature-avatars.is-stacked .avatar{box-shadow:0 0 0 4px var(--color-natt)}.author-signature-avatars.is-stacked .avatar+.avatar{margin-inline-start:-18px}.author-signature-names{font-family:var(--font-heading);font-size:var(--font-size-h3);color:var(--color-benvit);margin-block:1.25rem .75rem;font-style:italic;font-weight:400}.author-signature-bio{max-inline-size:34ch;color:var(--color-naver);margin-block:0 .75rem}.author-signature-bio b{color:var(--color-benvit);font-weight:600}.article-footer{border-block-start:1px solid var(--color-mossa);margin-block-start:4rem;padding-block-start:1.5rem}.article-footer a{align-items:center;min-block-size:44px;font-size:1rem;display:inline-flex}.hero{isolation:isolate;padding-block:clamp(5rem,10vw,9rem) clamp(3rem,8vw,6rem);position:relative;overflow:hidden}.hero-photo{z-index:-1;object-fit:cover;object-position:60% center;block-size:100%;inline-size:100%;position:absolute;inset:0}.hero:before,.hero:after{content:"";pointer-events:none;position:absolute;inset-inline:0}.hero:before{background:#0e120fdb;inset-block:0}.hero:after{background:linear-gradient(transparent, var(--color-natt));block-size:45%;inset-block-end:0}.hero-content{z-index:1;position:relative}h1.hero-logotype-heading{inline-size:min(100%,37rem);color:var(--color-benvit);margin:0 0 2rem;line-height:0}.hero-logotype-heading>svg{block-size:auto;inline-size:100%;display:block}.dictionary-entry{max-inline-size:var(--measure)}.dictionary-entry abbr{color:var(--color-naver);font-style:italic;text-decoration:none}.dictionary-head{margin:0 0 1rem;font-size:1.2em}.dictionary-headword{color:var(--color-benvit);font-weight:600}.dictionary-pronunciation,.dictionary-inflection{color:var(--color-naver)}.dictionary-senses{gap:.6em;margin:0;padding-inline-start:1.6em;display:grid}.dictionary-senses li::marker{font-family:var(--font-heading), Georgia, serif;color:var(--color-massing)}.dictionary-example{color:var(--color-naver)}.dictionary-etymology{font-size:var(--font-size-meta);color:var(--color-naver);margin-block:1.25rem 0}.latest-articles{margin-block-start:clamp(3rem,8vw,5rem);container-type:inline-size}.article-cards{grid-template-columns:1fr;gap:1.25rem}.article-cards .article-list-item{border-radius:var(--radius);background:var(--color-mylla);border:0;align-content:start;padding:1.5rem;transition:background-color .2s;position:relative}.article-cards .article-list-item:hover{background:color-mix(in oklab, var(--color-mylla) 85%, var(--color-rot))}.article-cards .article-list-item:has(a:focus-visible){outline:2px solid var(--color-alvljus);outline-offset:4px}.article-cards .article-list-title a{text-decoration:none}.article-cards .article-list-title a:focus-visible{outline:none}.article-cards .article-list-title a:after{content:"";border-radius:inherit;position:absolute;inset:0}.article-cards .excerpt{font-size:1rem}@container (width>=48rem){.article-cards{grid-template-columns:repeat(3,1fr)}}.latest-articles-heading{margin-block:0 2rem}.latest-articles-more{margin-block:2rem 0}.latest-articles-more a{align-items:center;min-block-size:44px;display:inline-flex}.form{gap:1.25rem;margin-block:1.5rem;display:grid}.form-field{gap:.4rem;display:grid}.form-label{color:var(--color-naver);font-size:var(--font-size-meta)}.form-input{background:var(--color-skog);min-block-size:48px;inline-size:100%;color:var(--color-benvit);border:1px solid var(--color-rot);border-radius:var(--radius);font:inherit;padding:.6rem .9rem}.form-input:focus-visible{border-color:var(--color-alvljus)}.form-input[aria-invalid=true]{border-color:var(--color-fire)}.form-input-code{font-variant-numeric:tabular-nums;letter-spacing:.3em}.form-alert,.form-status{border-inline-start:3px solid var(--color-fire);border-radius:var(--radius);background:var(--color-mylla);margin:0;padding:.75rem 1rem}.form-status{border-inline-start-color:var(--color-massing);margin-block-end:1.5rem}.form-check{align-items:flex-start;gap:.75rem;display:flex}.form-check input{block-size:1.4rem;inline-size:1.4rem;accent-color:var(--color-massing);flex:none;margin-block-start:.25rem}.form-actions{flex-wrap:wrap;gap:1rem;display:flex}.button{background:var(--color-massing);min-block-size:48px;color:var(--color-natt);border:1px solid var(--color-massing);border-radius:var(--radius);font:inherit;cursor:pointer;justify-self:start;padding:.6rem 1.4rem;font-weight:600}.button:hover{background:var(--color-alvljus);border-color:var(--color-alvljus)}.button-secondary{color:var(--color-alvljus);background:0 0}.button-secondary:hover{background:var(--color-mossa);color:var(--color-benvit);border-color:var(--color-alvljus)}.button-danger{color:var(--color-fire);border-color:var(--color-fire);background:0 0}.button-danger:hover{background:var(--color-fire);color:var(--color-natt);border-color:var(--color-fire)}.account-email{gap:.2rem;margin-block:0 2.5rem;display:grid}.account-section{border-block-start:1px solid var(--color-mossa);padding-block:2rem}.account-section h2{margin-block:0 1rem}.passkey-list{gap:1rem;margin:0;padding:0;list-style:none;display:grid}.passkey-item{background:var(--color-skog);border-radius:var(--radius);gap:.15rem;padding:.9rem 1rem;display:grid}.passkey-controls:has(>:not([hidden])){border-block-start:1px dashed var(--color-rot);margin-block-start:1.5rem;padding-block-start:1.5rem}.passkey-remove{justify-self:start;margin-block-start:.5rem}.passkey-alternative,.passkey-offer{gap:1rem;display:grid}.passkey-alternative{border-block-start:1px solid var(--color-mossa);margin-block-start:2rem;padding-block-start:1.5rem}.passkey-alternative[hidden],.passkey-offer[hidden],.passkey-add[hidden]{display:none}
