:root{--main-font:"Work Sans","Lucida Sans Unicode","Lucida Grande",sans-serif;--text-color:oklch(30.9% 0.063 269);--background-color:oklch(93.5% 0.033 189);--primary-color:oklch(75.3% 0.11 189);--text-on-primary-color:#fff;--accent-color:#ff7c4c;--accent-dark-color:oklch(69.5% 0.2 40);color-scheme:light dark;font-size:100%;interpolate-size:allow-keywords}@media (color-gamut:p3){:root{--accent-color:oklch(73% 0.2 40)}}body{font-family:Work Sans,Lucida Sans Unicode,Lucida Grande,sans-serif;font-family:var(--main-font,sans-serif);font-feature-settings:"kern","liga","clig","calt","lnum","zero";font-kerning:normal;font-variant-ligatures:common-ligatures contextual;font-variant-numeric:lining-nums slashed-zero;-webkit-text-size-adjust:100%;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;accent-color:oklch(73% .2 40);accent-color:var(--accent-color);text-rendering:geometricPrecision}a:-moz-any-link{color:oklch(73% .2 40);color:var(--accent-color)}a:any-link{color:oklch(73% .2 40);color:var(--accent-color)}a:is(:hover,:active){color:oklch(69.5% .2 40);color:var(--accent-dark-color)}[disabled]:where(a){filter:saturate(0);opacity:.66;pointer-events:none}h1,h2,h3,h4,h5,h6{text-wrap:balance}dl,ol,p,ul{text-wrap:pretty}abbr{font-variant-caps:all-petite-caps}sub,sup{font-size:inherit;font-variant-position:super;vertical-align:baseline}sub{font-variant-position:sub}table{font-variant-numeric:tabular-nums slashed-zero}@view-transition{navigation:none}@media (prefers-reduced-motion:no-preference){@view-transition{navigation:auto}::backdrop,[popover],dialog{opacity:0;transition:display allow-discrete .3s,overlay allow-discrete .3s,opacity .3s}:popover-open,:popover-open::backdrop,[open],[open]::backdrop{opacity:1}@starting-style{:popover-open,:popover-open::backdrop,[open],[open]::backdrop{opacity:0}}}body,html{margin:0;padding:0}body{background-color:oklch(93.5% .033 189);background-color:var(--background-color);color:oklch(30.9% .063 269);color:var(--text-color)}header{background-color:oklch(75.3% .11 189);background-color:var(--primary-color);color:#fff;color:var(--text-on-primary-color);display:flex;justify-content:space-between;padding:1.5em}header>h1{margin:.5em 0}main{display:grid;margin-inline:auto;max-width:80ch;padding:1.5em}@media screen and (min-width:1200px){main{max-width:120ch}}.nav__list{list-style:none;margin:.75em 0;padding-left:0}@media only screen and (min-width:720px){.nav__item{display:inline-block}}.nav__item{margin:0 .875em;overflow:hidden;padding:.25em 0;position:relative}.nav__link:-moz-any-link{color:oklch(30.9% .063 269);color:var(--text-color);font-size:17px;line-height:inherit;text-align:center;text-decoration:none;-moz-transition:color .3s ease-in-out;transition:color .3s ease-in-out}.nav__link:any-link{color:oklch(30.9% .063 269);color:var(--text-color);font-size:17px;line-height:inherit;text-align:center;text-decoration:none;transition:color .3s ease-in-out}.nav__link:after{background-color:oklch(69.5% .2 40);background-color:var(--accent-dark-color);bottom:0;content:"";height:.1em;left:0;opacity:1;position:absolute;transform:translate3d(-100%,0,0);transition:opacity .3s,transform .3s;width:100%}.nav__link:is(:focus,:hover){color:oklch(69.5% .2 40);color:var(--accent-dark-color)}.nav__link:focus:after,.nav__link:hover:after{transform:translateZ(0)}form{max-width:80ch}form+form{margin-block-start:1lh}fieldset{--input-border:1px solid var(--text-color);--input-border-radius:3px;--multi-input-border:var(--input-border);--multi-input-border-radius:var(--input-border-radius);display:grid;grid-gap:1ch;border-color:ButtonBorder;border-radius:8px;box-sizing:border-box;gap:1ch}@media screen and (min-width:800px){fieldset{grid-template-columns:max-content 1fr}}fieldset label{box-sizing:border-box;display:grid;line-height:2}@media screen and (min-width:800px){fieldset label{grid-column:1/3;grid-template-columns:subgrid}}fieldset button,fieldset input,fieldset textarea{font-family:inherit}fieldset button{--button-color:var(--accent-color);background-color:oklch(73% .2 40);background-color:var(--button-color);border-color:oklch(73% .2 40);border-color:var(--button-color);border-radius:.5em;color:#fff;color:var(--text-on-primary-color);font-size:larger;font-weight:700;padding:4px 2ch;text-transform:uppercase;width:-moz-fit-content;width:fit-content}:is(fieldset button):is(:hover,:focus-visible){--button-color-color:var(--accent-dark-color)}fieldset textarea{height:4lh}fieldset input,fieldset textarea{border:var(--input-border);border-radius:var(--input-border-radius);line-height:1.3}fieldset [name=title]{font-size:1rem;font-weight:700}fieldset [name=description]{font-size:1rem}gryphoon-feed{--columns:1;display:grid;grid-row-gap:4lh;grid-column-gap:2ch;grid-template-columns:repeat(1,1fr);grid-template-columns:repeat(var(--columns),1fr)}@media screen and (min-width:800px){gryphoon-feed{--columns:2}}@media screen and (min-width:1200px){gryphoon-feed{--columns:3}}article h2 a:-moz-any-link{color:oklch(30.9% .063 269);color:var(--text-color)}article h2 a:any-link{color:oklch(30.9% .063 269);color:var(--text-color)}article h2 a:is(:hover,:focus-visible){color:oklch(69.5% .2 40);color:var(--accent-dark-color)}article h2{margin-block-end:0}article h2+p{margin-block-start:.5lh}article p+p{margin-block-end:.5lh;margin-block-start:1lh}article img{border-radius:8px;height:auto;width:100%}.tags ul{list-style-type:none;margin:0;padding:0}.tags li{color:oklch(73% .2 40);color:var(--accent-color);display:inline;text-transform:lowercase}:is(.tags li):not(:last-of-type):after{color:oklch(30.9% .063 269);color:var(--text-color);content:", "}.pagination{margin-block:1lh}