@font-face{font-family:"WDXL Lubrifont TC";src:url("../assets/fonts/wdxl-lubrifont-tc.ttf") format("truetype"),local("WDXL Lubrifont TC");font-display:swap;font-style:normal;font-weight:400}
@font-face{font-family:"Ysabeau Infant";src:url("../assets/fonts/ysabeau-infant.ttf") format("truetype"),local("Ysabeau Infant");font-display:swap;font-style:normal;font-weight:1 1000}
@font-face{font-family:"Ysabeau Infant";src:url("../assets/fonts/ysabeau-infant-italic.ttf") format("truetype");font-display:swap;font-style:italic;font-weight:1 1000}
:root{
  --petrol:#085050;--turquoise:#30B1B1;--plum:#630A45;--rose:#A62A62;--pink:#FFF7FC;--white:#FFFFFF;
  --ink:#063f3f;--focus:#A62A62;--shadow:#033737;
  --heading:"WDXL Lubrifont TC","Trebuchet MS","Arial Rounded MT Bold",sans-serif;
  --body:"Ysabeau Infant",Verdana,Arial,sans-serif;
  --step:clamp(1rem,.94rem + .3vw,1.2rem);--radius:.55rem;
}
*{box-sizing:border-box}
html{font-size:100%;background:var(--petrol);font-synthesis:none}
body{margin:0;height:100svh;overflow:hidden;background:radial-gradient(circle at 20% 0%,#147070,var(--petrol) 52%);color:var(--ink);font-family:var(--body);font-size:var(--step);line-height:1.5;display:grid;grid-template-rows:minmax(0,1fr) auto}
button,select,input{font:inherit}
button,select,a,summary{outline-offset:4px}
body.keyboard-nav :focus-visible{outline:4px solid var(--focus);outline-offset:3px}
a{color:var(--plum);text-decoration-thickness:2px;text-underline-offset:.15em}
h1,h2,h3,legend,.wordmark{font-family:var(--heading);font-weight:400;line-height:1.08}
.visually-hidden{position:absolute!important;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}