.baseline-status{--baseline-icon-limited-front:#f09409;--baseline-icon-limited-back:#c6c6c6;--baseline-icon-widely-front:#1ea446;--baseline-icon-widely-back:#c4eed0;--baseline-icon-newly-front:#1b6ef3;--baseline-icon-newly-back:#a8c7fa;--baseline-icon-no_data:#909090;width:auto;margin-bottom:var(--spacing-md);grid-column:1/-1}.baseline-status:last-child{margin-bottom:0}.baseline-status details{overflow:hidden}.baseline-status .summary{background:var(--light-100);cursor:pointer;padding:var(--spacing-base);appearance:none;background-color:#f8f8f8;width:100%;list-style:none;display:block}.baseline-status .summary::-webkit-details-marker{display:none}.baseline-status .summary::marker{content:"";display:none}.baseline-status .summary-content{align-content:center;gap:var(--spacing-base);grid-template-columns:1fr;height:9rem;display:grid}@media screen and (min-width:768px){.baseline-status .summary-content{gap:var(--spacing-xl);grid-template-columns:1fr auto;height:3rem}}.baseline-status .title{font-size:var(--font-scaled-base);grid-template-columns:max-content;justify-content:center;align-items:center;display:grid}@media screen and (min-width:768px){.baseline-status .title{justify-content:start}}.baseline-status .title strong{font-weight:var(--text-weight-semibold)}.baseline-status .feature-meta{align-items:center;gap:var(--spacing-base);flex-direction:column;justify-content:start;display:flex}@media screen and (min-width:768px){.baseline-status .feature-meta{flex-direction:row}}.baseline-status .feature-name{margin:unset}.baseline-status .baseline-badge{background:var(--badge-bg,#0969da);color:var(--light-100);font-size:var(--font-scaled-base);font-weight:var(--text-weight-medium);padding:4px 6px}.baseline-status .content{background-color:var(--light-100);background-image:paint(grid);height:var(--round-up);padding-block:var(--spacing-md)var(--spacing-xl);padding-inline:var(--spacing-lg)}.baseline-status .baseline-status-browsers{--icon-size:1.5rem;gap:var(--spacing-base);height:min-content;margin:auto 0 auto auto;display:none}.baseline-status .baseline-status-browsers svg{width:var(--icon-size);height:auto}.baseline-status .baseline-status-browsers svg[aria-label=Not\ supported]{color:red}.baseline-status .baseline-status-browsers svg[aria-label=Supported]{color:green}.baseline-status .baseline-status-browsers svg[aria-label=Unknown]{color:#76736d;max-height:var(--icon-size)}.baseline-status .browser-icon{align-items:center;gap:4px;font-size:0;display:flex}.baseline-status .support-available{color:var(--baseline-icon-widely-front,#1ea446)}.baseline-status .support-unavailable{color:var(--baseline-icon-limited-front,#f09409)}.baseline-status .support-no_data{color:var(--baseline-icon-no_data,#909090)}.baseline-status[data-status=newly]{--badge-bg:#1b6ef3}.baseline-status[data-status=limited]{--badge-bg:#f09409}.baseline-status[data-status=widely]{--badge-bg:#1ea446}
@scope(.tags){:scope{gap:var(--spacing-base);flex-wrap:wrap;margin-block-end:var(--margin-block-end,var(--spacing-base));display:flex}.tag{color:var(--dark-600);font-size:calc(var(--text-xs)*.9);font-weight:var(--text-weight-medium);height:var(--spacing-base);width:var(--tag-width);background-color:color-mix(in srgb,var(--light-200),var(--light-100)60%);justify-content:center;align-items:center;padding-block-start:1px;display:flex}.tag.tag-xs,.tag.tag-sm{--tag-width:3rem}.tag.tag-md{--tag-width:4rem}.tag.tag-lg{--tag-width:5rem}}
@scope(box-grid){.meta{align-items:flex-start;gap:var(--spacing-md);margin-bottom:var(--spacing-base);flex-wrap:wrap;justify-content:space-between;display:flex}.title-link{color:inherit;text-decoration:none}}
@scope(.card-with-image){:scope{gap:var(--spacing-base);grid-column:var(--column-span,1/-1);height:18rem;padding:var(--spacing-base);grid-template-rows:[image]1fr[content]max-content;grid-template-columns:[all]1fr;display:grid}@media screen and (min-width:1280px){:scope{--column-span:span 2}}@media screen and (min-width:1480px){:scope{--column-span:span 3}}.figure{border:1px solid rgb(from var(--light-400)r g b/.1);grid-area:image/all;margin:0;display:flex;position:relative;inset:.5px .5px auto auto;overflow:hidden}.image{object-fit:cover;object-position:top left;height:100%}.content{grid-area:content/all}.heading-link{color:inherit;text-decoration:none}}
@scope(select-option){:scope{background-color:var(--light-100);border:1px solid var(--light-300);grid-column:var(--grid-column,auto);height:var(--spacing-lg);min-width:var(--round-up);grid-template-columns:auto 1fr;align-items:center;display:grid}.select{appearance:none;box-sizing:border-box;color:var(--dark-500);cursor:pointer;font-size:var(--text-xs);background-image:none;border:none;border-radius:0;outline:none;align-items:center;height:46px;padding:.5rem 1.5rem;transition:background-color .25s ease-in-out;display:flex}.select::picker-icon{color:var(--dark-500);transition:rotate .4s .25s}.select:hover{background-color:var(--light-200)}.select:open::picker-icon{rotate:-180deg}@supports (appearance:base-select){.select{appearance:base-select}}.select-label{border-right:1px solid var(--light-300);color:var(--dark-800);cursor:pointer;font-size:var(--text-xs);height:max-content;min-height:var(--spacing-md);justify-content:center;align-items:center;width:max-content;min-width:5rem;display:flex}.selected-content{align-items:end;gap:var(--spacing-base);min-width:8rem;display:flex}.selected-content span{color:var(--secondary-700)}::picker(select){border:1px solid var(--light-300);opacity:0;transition:all .25s cubic-bezier(.34,1.56,.64,1)allow-discrete;transform-origin:top;scale:.5}::picker(select):popover-open{opacity:1;scale:1}@starting-style{::picker(select):popover-open{opacity:0;scale:.5}}option{background-color:var(--light-100);border-bottom:1px solid var(--light-200);color:var(--dark-500);cursor:pointer;font-size:var(--text-sm);font-size:var(--text-xs);align-items:center;gap:var(--spacing-base);height:var(--spacing-lg);justify-content:start;padding:0 1.5rem;transition:color .3s ease-in-out;display:flex}option::checkmark{display:none}option:last-child{border-bottom:none}option:checked{font-weight:700}option span{align-items:center;display:flex}option:hover,option:focus-visible{color:var(--primary-400)}}
@scope(main){:scope{row-gap:var(--spacing-base)}.filters-with-output{grid-column:content;grid-auto-rows:min-content;grid-template-columns:subgrid;row-gap:var(--spacing-lg);display:grid}.filters-with-output>box-grid{--column-gap:var(--spacing-md);--columns:repeat(auto-fit,minmax(5rem,12rem));--row-gap:var(--spacing-base)}@media screen and (min-width:480px){.filters-with-output>box-grid{--direction:row;--row-gap:0}}.grid-cards{grid-template-columns:subgrid;row-gap:var(--spacing-md);grid-column:content;display:grid}.grid-cards box-grid{--grid-offset:left}@media screen and (min-width:1480px){.grid-cards box-grid{--grid-column:span 3}}}
@scope(main){:scope{row-gap:var(--spacing-base)}.filters-with-output{grid-column:content;grid-auto-rows:min-content;grid-template-columns:subgrid;row-gap:var(--spacing-lg);display:grid}.filters-with-output>box-grid{--column-gap:var(--spacing-md);--columns:repeat(auto-fit,minmax(5rem,12rem));--row-gap:var(--spacing-base)}@media screen and (min-width:480px){.filters-with-output>box-grid{--direction:row;--row-gap:0}}.grid-cards{grid-template-columns:subgrid;row-gap:var(--spacing-base);grid-column:content;display:grid}.grid-cards box-grid{--grid-offset:left}@media screen and (min-width:1480px){.grid-cards box-grid{--grid-column:span 3}}}
@scope(.link-list){:scope{row-gap:var(--spacing-md);grid-column:span 2;display:grid}.link-list-heading:first-child h4{padding:calc(1rem - 1cap);position:relative;right:2px}.link-list-items{column-gap:var(--spacing-md);row-gap:var(--spacing-base);flex-direction:column;grid-column:span 1;grid-template-columns:1fr;margin:0;padding:0;list-style:none;display:grid}@media screen and (min-width:1480px){.link-list-items{grid-column:span 2;grid-template-columns:9rem 1fr}}.link-list-items li{display:flex}.link-list-item{color:var(--light-300);font-size:var(--text-sm);outline-offset:.25rem;padding-block-start:calc(1rem - .5px - 1cap);padding-bottom:var(--spacing-base);-webkit-text-decoration-color:var(--light-500);text-decoration-color:var(--light-500);-webkit-text-decoration:underline .1em var(--primary-500);text-decoration:underline .1em var(--primary-500);text-underline-offset:calc(var(--spacing-base) - .1em);line-height:2;transition:all .2s ease-in-out;display:inline-block}.link-list-item:hover{color:var(--primary-100);text-decoration:underline}}
@scope(.logo-main){:scope{--morph-duration:.4s;--morph-rotation-duration:.5s;--morph-delay-step:50ms;--morph-easing:cubic-bezier(.4,0,.2,1);background-color:var(--secondary-700);z-index:0;grid-area:full/logo;place-content:center;align-items:center;display:grid}@media screen and (min-width:768px){:scope{--layout:1fr;justify-content:start}}.link-logo{align-items:center;gap:calc(var(--spacing-sm)*1.5);height:max-content;margin:unset;outline-offset:.25rem;padding-inline:var(--spacing-base);-webkit-user-select:none;user-select:none;width:min-content;text-decoration:none;display:flex}.logo-text{--font-size:var(--text-sm);color:var(--light-100);font-family:var(--font-family-heading);font-size:var(--font-size);font-variation-settings:"opsz" var(--font-opsz-text);font-weight:var(--text-weight-bold);letter-spacing:.1rem;text-transform:uppercase;display:flex}.morphing-logo{transition:transform var(--morph-rotation-duration)ease;will-change:transform;backface-visibility:hidden;-webkit-transform-style:preserve-3d;transform-style:preserve-3d;transform:translateZ(0)}.morph-shape{transition:rx var(--morph-duration)var(--morph-easing),ry var(--morph-duration)var(--morph-easing),transform var(--morph-duration)var(--morph-easing);transform-origin:50%;will-change:rx,ry,transform;backface-visibility:hidden;-webkit-transform-style:preserve-3d;transform-style:preserve-3d;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;transform:translateZ(0)}.link-logo:hover .morph-shape{rx:0;ry:0;transform:translateZ(0)scale(1)}.link-logo{perspective:1000px;contain:layout style paint}.shape-1{transition-delay:calc(var(--morph-delay-step)*0)}.shape-2{transition-delay:calc(var(--morph-delay-step)*1)}.shape-3{transition-delay:calc(var(--morph-delay-step)*2)}.shape-4{transition-delay:calc(var(--morph-delay-step)*3)}.shape-5{transition-delay:calc(var(--morph-delay-step)*4)}.shape-6{transition-delay:calc(var(--morph-delay-step)*5)}}
@scope(.footer){:scope:scope{--grid-vertical-color:oklch(from var(--light-200)l c h/.08);--grid-horizontal-color:oklch(from var(--light-200)l c h/.08);background-color:var(--secondary-700);background-image:var(--grid-light-pattern);background-position:var(--grid-light-bg-position);background-size:var(--grid-light-bg-size);grid-area:footer/full;grid-auto-columns:auto;grid-auto-flow:dense;grid-template-columns:subgrid;padding-block:var(--spacing-xl);row-gap:var(--spacing-xxl);display:grid}.footer-content{background-image:var(--crosshatch-white-pattern);background-size:var(--box-hero-grid-size)var(--box-hero-grid-size);padding-block:var(--spacing-lg);row-gap:var(--spacing-lg);height:var(--round-up);grid-column:breakout;grid-template-columns:[nav-start logo-start]1fr[nav-end logo-end];display:grid}.footer-content logo-main{padding:1rem}@media screen and (min-width:1480px){.footer-content{grid-template-columns:subgrid [][logo-start][][logo-end nav-start][][][][nav-end];grid-template-rows:[full-start]min-content[full-end];align-items:start;column-gap:3rem}}.footer-nav{row-gap:var(--spacing-md);grid-column:nav;grid-template-columns:repeat(auto-fit,10rem);margin-inline:2rem 0;display:grid}@media screen and (min-width:1480px){.footer-nav{grid-template-columns:subgrid;margin-inline:unset}}.copyright{text-align:center;grid-column:3/-3;justify-self:center;max-width:max-content}}
@scope(.form-builder){:scope{gap:var(--spacing-base);grid-template-columns:1fr;display:grid}.form{width:min(30rem,100%)}.form-message{padding:var(--spacing-sm);margin-bottom:var(--spacing-base);font-size:var(--text-sm);min-height:var(--spacing-md)}.form-message--success{color:#155724;background-color:#d4edda;border:1px solid #c3e6cb}.form-message--error{color:#721c24;background-color:#f8d7da;border:1px solid #f5c6cb}}
@scope(.form-input-button-submit){:scope{grid-template-columns:1fr;display:grid}.form-submit-button{background-color:var(--primary-200);color:var(--light-100);cursor:pointer;font-size:var(--text-base);align-items:center;gap:var(--spacing-base);height:var(--spacing-lg);border:none;justify-content:center;transition:background-color .3s;display:flex}.form-submit-button span{align-items:center;max-height:1cap;display:flex}.form-submit-button:hover,.form-submit-button:focus-visible{background-color:var(--primary-400)}}
@scope(form-input-text){:scope{grid-template-columns:1fr;display:grid}input[type=text],input[type=email],input[type=tel],input[type=url],input[type=password]{font-size:var(--text-base);box-sizing:border-box;width:100%;height:var(--spacing-md);border:1px solid #ccc;margin-block:0 1rem;padding:.5rem}:is(input[type=text],input[type=email],input[type=tel],input[type=url],input[type=password]):focus-visible{outline:2px dashed var(--accent);outline-offset:1px}p{font-size:var(--text-base);margin-block:0 1rem;padding-block-start:calc(1rem - 1cap);position:relative}.required-asterisk{color:red;font-size:var(--text-sm);margin-left:.4rem;position:absolute;top:0}}
@scope(form-input-textarea){:scope{grid-template-columns:1fr;display:grid}textarea{font-size:var(--text-base);box-sizing:border-box;width:100%;min-height:calc(var(--spacing-lg)*3);resize:none;field-sizing:content;height:var(--round-up);border:1px solid #ccc;margin-block:0 1rem;padding:.5rem}textarea:focus-visible{outline:2px dashed var(--accent);outline-offset:1px}p{font-size:var(--text-base);margin-block:0 1rem;padding-block-start:calc(1rem - 1cap);position:relative}.required-asterisk{color:red;font-size:var(--text-sm);margin-left:.4rem;position:absolute;top:0}}
@scope(.header){:scope{--grid-vertical-color:oklch(from var(--light-200)l c h/.08);--grid-horizontal-color:oklch(from var(--light-200)l c h/.08);--grid-light-color:var(--light-100);--grid-light-opacity:.4;background-color:var(--secondary-700);background-image:var(--grid-light-pattern);background-position:var(--grid-light-bg-position);background-size:var(--grid-light-bg-size);z-index:1;grid-area:header/full;grid-template-rows:1fr 1fr;grid-template-columns:[logo]1fr[button-toggle]4rem;display:grid;position:sticky;top:0}:scope:before{background-image:var(--crosshatch-white-pattern);background-size:var(--box-hero-grid-size)var(--box-hero-grid-size);content:"";pointer-events:none;z-index:0;grid-area:full/breakout;width:100%;height:100%;position:absolute}@media screen and (min-width:480px){:scope{grid-template-rows:1fr;grid-template-columns:[logo]1fr[button-toggle]minmax(6rem,auto);row-gap:0;height:auto}}@media screen and (min-width:768px){:scope{height:4rem;height:var(--round-up);grid-template-columns:[logo]1fr[button-toggle]6rem;row-gap:0;overflow:visible}}@media screen and (min-width:1480px){:scope{grid-template-columns:subgrid [][][logo-start][logo-end nav-start][][][][][][nav-end][];grid-template-rows:[full-start]1rem[centre-start]2rem[centre-end]1rem[full-end]}}}
@scope(code-block){:scope{margin-block:var(--spacing-base)var(--spacing-md);width:100%;overflow:hidden}pre{color:#fff;max-width:100%;height:100%;padding:var(--spacing-lg);background-color:#2b3248;width:100%;margin:0;overflow:auto hidden}code{font-family:var(--font-monaspace);font-size:var(--text-base);white-space:pre;background-color:#0000;min-width:38rem;padding:0;line-height:1.722;display:block}}
@scope(.snippet-text-align-a){:scope:scope{background-image:var(--horizontal-lines);min-height:var(--spacing-lg);padding:var(--spacing-md);width:max-content}h1{--padding:calc(var(--spacing-md) - 1cap);color:var(--dark-400);margin:0;padding-block-start:var(--padding);display:inline-block;position:relative}h1:before{content:"";height:var(--padding);inset:var(--padding)0 auto 0;background-color:#9dd16380;background-color:lab(78.3551% -30.6502 47.915/.5);margin-block-start:calc(-1*var(--padding));display:block;position:absolute}}
@scope(.snippet-text-align-b){:scope:scope:has(input:checked) *{text-box:unset}.wrapper{background-image:repeating-linear-gradient(0deg,transparent 0,transparent calc(1rem - 1px),var(--light-300)calc(1rem - 1px),var(--light-300)1rem);column-gap:var(--spacing-lg);height:var(--round-up);max-width:100%;min-height:var(--spacing-lg);row-gap:var(--spacing-md);background-position:0 -1px;background-size:100% 1rem;grid-template-rows:auto auto;grid-template-columns:repeat(2,minmax(5rem,5rem));display:grid}@media screen and (min-width:480px){.wrapper{grid-template-columns:1fr 1fr}}.container-row{padding-top:var(--spacing-lg);grid-column:1/-1;justify-content:end;display:flex}.checkbox-container{color:var(--dark-500);cursor:pointer;align-items:center;gap:var(--spacing-sm);font-size:.875rem;display:flex}.checkbox-container input[type=checkbox]{cursor:pointer;width:1rem;height:1rem}h3,p{background-color:#ede09133;background-color:lab(88.9652% -3.50812 40.252/.2)}h3{--padding:calc(1rem - 1cap);color:var(--dark-500);margin-block:0 2rem;padding-block-start:var(--padding);line-height:1.7;position:relative}p{color:var(--dark-600);padding-block-start:calc(var(--spacing-base) - 1cap);margin:0;padding:0;line-height:2;display:block}}
@scope(snippet-block){:scope{background-color:var(--light-100);height:var(--round-up);margin-block:var(--spacing-base)var(--spacing-md);max-width:100%;padding:var(--spacing-lg)0;grid-column:1/-1;display:none;overflow:auto hidden}}
@scope(.hero-page){:scope{--width:35rem;--template:[content]max-content [image]1fr/[image content]1fr;--margin-block-end:var(--spacing-md);gap:var(--spacing-lg);grid-template:var(--template);display:grid}@media screen and (min-width:1280px){:scope{--template:[image content]1fr/[content]1fr [image]var(--width)}}.content{grid-area:content}.tags{margin-block-end:var(--spacing-md)}.figure{border:1px solid rgb(from var(--light-400)r g b/.1);height:var(--height,10rem);max-height:22rem;width:min(var(--width),100%);grid-area:image;margin:0;display:flex;position:relative;inset:.5px .5px auto auto;overflow:hidden}@media screen and (min-width:768px){.figure{--height:364px}}.image{object-fit:cover;object-position:top left;width:100%;height:100%;display:block}}
@scope(.hero-post){.tags{--margin-block-end:var(--spacing-md)}}
@scope(button-toggle){:scope{--background-color:var(--secondary-500);--button-toggle-color:var(--light-100);--padding-right:calc(var(--spacing-md) + var(--scrollbar-width));anchor-name:--buttonToggle;background-color:var(--background-color);color:var(--button-toggle-color);cursor:pointer;font-size:var(--font-scaled-lg);border:none;grid-area:full/button-toggle;justify-content:center;align-items:center;height:4rem;transition:background-color .2s,color .2s;display:flex}:scope button{color:var(--light-100);cursor:pointer;padding-block:var(--spacing-base);padding-inline:var(--spacing-md)var(--padding-right);background:0 0;border:none;outline:none;justify-content:center;width:100%;display:flex}:scope:is(:hover,:active){--background-color:var(--secondary-600);--button-toggle-color:var(--secondary-300)}@media screen and (min-width:1480px){:scope{display:none}}}
@scope(popover-nav){:scope{position-anchor:--buttonToggle;right:anchor(right);top:anchor(bottom);margin:0 0 0 auto;display:none;position:fixed;top:4rem;left:auto}@media screen and (min-width:768px){:scope{transition:none}}@media screen and (min-width:1480px){:scope{display:contents}}:scope[popover]:popover-open{display:flex}.nav{background-color:var(--nav-background,var(--light-100));gap:var(--spacing-base);grid-auto-flow:var(--nav-auto-flow,row);max-width:max-content;padding:var(--nav-padding,var(--spacing-md));grid-area:full/nav;margin:0 0 0 auto;display:grid}@media screen and (min-width:1480px){.nav{--nav-auto-flow:column;--nav-background:transparent;--nav-padding:var(--spacing-base)}}}
@scope(nav-item){:scope{grid-column:var(--grid-column,auto)}@media screen and (min-width:1480px){:scope{width:8rem}}span:has(svg){--size:calc(1cap*1.2);display:inline-flex}span:has(svg) svg{max-width:var(--size);max-height:var(--size)}button{all:unset;cursor:pointer;align-items:center;gap:var(--spacing-base);display:flex}button[popovertarget=popover-contact-form]{anchor-name:--popoverTrigger}a,button{--background-colour:var(--secondary-600);--colour:var(--light-100);--transition:background-color .3s ease-in-out,color .3s ease-in-out;background-color:var(--background-colour);color:var(--colour);font-size:var(--text-base);align-items:center;gap:var(--spacing-base);min-height:var(--spacing-md);padding:var(--padding,0 var(--spacing-md));text-align:center;transition:var(--transition);justify-content:space-around;text-decoration:none;display:flex}@media screen and (min-width:1480px){a,button{--padding:0 var(--spacing-base)}}:is(a,button).active{--background-colour:var(--secondary-900);--colour:var(--primary-300)}:is(a,button):hover{--background-colour:var(--secondary-800);--colour:var(--light-100)}}
@property --layout-columns-xs{syntax:"*";inherits:false;initial-value:[full-start]minmax(0,1fr)[breakout-start]0 [content-start]repeat(1,21rem)[content-end]0 [breakout-end]minmax(0,1fr)[full-end]}@property --layout-columns-sm{syntax:"*";inherits:false;initial-value:[full-start]minmax(0,1fr)[breakout-start]0 [content-start]repeat(2,12rem)[content-end]0 [breakout-end]minmax(0,1fr)[full-end]}@property --layout-columns-md{syntax:"*";inherits:false;initial-value:[full-start]minmax(0,1fr)[breakout-start]0 [content-start]repeat(4,10rem)[content-end]0 [breakout-end]minmax(0,1fr)[full-end]}@property --layout-columns-lg{syntax:"*";inherits:false;initial-value:[full-start]minmax(0,1fr)[breakout-start]0 [content-start]repeat(4,15rem)[content-end]0 [breakout-end]minmax(0,1fr)[full-end]}@property --layout-columns-xl{syntax:"*";inherits:false;initial-value:[full-start]minmax(0,1fr)[breakout-start]0 [content-start]repeat(6,10rem)[content-end]0 [breakout-end]minmax(0,1fr)[full-end]}page-layout{background-image:var(--grid-centered-pattern),var(--grain-uri);background-position:top;background-size:var(--grid-centered-bg-size);grid-template-columns:var(--layout-columns-xs);row-gap:var(--spacing-base);grid-template-rows:[header]min-content[main]1fr[double-col]0[footer]min-content;min-height:100dvh;display:grid;overflow:clip}@media screen and (min-width:480px){page-layout{column-gap:var(--spacing-base);grid-template-columns:var(--layout-columns-sm);row-gap:var(--spacing-xl)}}@media screen and (min-width:768px){page-layout{grid-template-columns:var(--layout-columns-md)}}@media screen and (min-width:1280px){page-layout{grid-template-columns:var(--layout-columns-lg)}}@media screen and (min-width:1480px){page-layout{grid-template-columns:var(--layout-columns-xl)}}
@scope(.page-not-found){.page-not-found{justify-content:center;align-items:center;min-height:60vh;padding:2rem;display:flex}.links-available{flex-direction:column;margin:0;list-style-type:square;display:flex}.links-available a{text-underline-offset:.4em;padding-block-start:calc(2rem - 1cap);display:flex}}
@scope(.pagination){:scope{--display-box-grid:grid;--grid-template-columns:1fr;--row-gap:1rem}@media screen and (min-width:1280px){:scope{--column-gap:var(--spacing-lg);--grid-template-columns:1fr 1fr}}.link-pagination{background-color:var(--background-colour,var(--secondary-400));color:var(--light-100);align-items:center;gap:var(--spacing-lg);height:var(--height,auto);padding-block:var(--padding-block,calc(2rem - 1cap/2));padding-inline:var(--padding-inline,var(--spacing-md)var(--spacing-xl));flex:auto;justify-content:space-between;width:100%;line-height:2;text-decoration:none;transition:background-color .2s ease-in-out;display:flex;position:relative}.link-pagination:hover{--background-colour:var(--secondary-500)}@media screen and (min-width:1280px){.link-pagination{--width:var(--round-up);--padding-block:2rem;--height:var(--spacing-md);--padding-inline:var(--spacing-md)}}.arrow{position:var(--position-icon,absolute);justify-content:center;align-items:center;display:flex;inset:auto 2rem auto auto}@media screen and (min-width:1280px){.arrow{--position-icon:static}}}
@scope(.popover){:scope{height:var(--round-up);position-anchor:--popoverTrigger;position-area:bottom center;right:anchor(right);top:calc(anchor(bottom) + 1rem);border:0 solid #0000;width:min(90vw,41rem)}}