: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);font-size:100%;color-scheme:light dark;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-kerning:normal;font-variant-numeric:lining-nums slashed-zero;font-variant-ligatures:common-ligatures contextual;font-feature-settings:"kern","liga","clig","calt","lnum","zero","kern",lining-nums slashed-zero,common-ligatures contextual;-webkit-text-size-adjust:100%;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-rendering:geometricPrecision;accent-color:oklch(73% .2 40);accent-color:var(--accent-color)}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){pointer-events:none;filter:saturate(0);opacity:.66}h1,h2,h3,h4,h5,h6{text-wrap:balance}dl,ol,p,ul{text-wrap:pretty}abbr{font-feature-settings:"pcap","c2pc";font-variant-caps:all-petite-caps}sub,sup{font-size:inherit;vertical-align:baseline;font-feature-settings:"sups";font-variant-position:super}sub{font-feature-settings:"subs";font-variant-position:sub}table{font-feature-settings:tabular-nums slashed-zero;font-variant-numeric:tabular-nums slashed-zero}@view-transition{navigation:none}@media (prefers-reduced-motion:no-preference){@view-transition{navigation:auto}::backdrop,[popover],dialog{transition:display allow-discrete .3s,overlay allow-discrete .3s,opacity .3s;opacity:0}: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{color:oklch(30.9% .063 269);color:var(--text-color);background-color:oklch(93.5% .033 189);background-color:var(--background-color)}header{background-color:oklch(75.3% .11 189);background-color:var(--primary-color);color:#fff;color:var(--text-on-primary-color);padding:1.5em;display:flex;justify-content:space-between}header>h1{margin:.5em 0}main{padding:1.5em;display:grid;max-width:80ch;margin-inline:auto}@media screen and (min-width:1200px){main{max-width:120ch}}.nav__list{margin:.75em 0;padding-left:0;list-style:none}@media only screen and (min-width:720px){.nav__item{display:inline-block}}.nav__item{position:relative;overflow:hidden;padding:.25em 0;margin:0 .875em}.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{content:"";position:absolute;bottom:0;left:0;width:100%;height:.1em;background-color:oklch(69.5% .2 40);background-color:var(--accent-dark-color);opacity:1;transform:translate3d(-100%,0,0);transition:opacity .3s,transform .3s}.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;gap:1ch;box-sizing:border-box;border-color:ButtonBorder;border-radius:8px}@media screen and (min-width:800px){fieldset{grid-template-columns:max-content 1fr}}fieldset label{display:grid;line-height:2;box-sizing:border-box}@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);color:#fff;color:var(--text-on-primary-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;font-weight:700;font-size:larger;text-transform:uppercase;padding:4px 2ch;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{line-height:1.3;border:var(--input-border);border-radius:var(--input-border-radius)}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-start:1lh;margin-block-end:.5lh}article img{width:100%;height:auto;border-radius:8px}.tags ul{list-style-type:none;margin:0;padding:0}.tags li{display:inline;color:oklch(73% .2 40);color:var(--accent-color);text-transform:lowercase}:is(.tags li):not(:last-of-type):after{content:", ";color:oklch(30.9% .063 269);color:var(--text-color)}.pagination{margin-block:1lh}