@import url('https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Poppins:wght@400;500;600;700&display=swap');

:root {
	--mark:#E91E2D;
	--mark-light:#FF4757;
	--mark-dark:#B71C2A;
	--mark2:#1C5260;
	--mark2-light:#5A9AAB;
	--mark2-dark:#103A48;
	--grey-dark:#424242;
	--grey-darker:#272727;
	--grey:#888888;
	--grey-light:#ccc;
	--grey-lighter:#f1f2f6;
	--black:#000;
	--white:#fff;
	--red:#E91E2D;
	--red-light:#FF4757;
	--red-dark:#B71C2A;
	--green:#AED581;
	--green-light:#C5E1A5;
	--green-dark:#116201;
	--yellow:#ff0;
	--font-family-header: 'Poppins', sans-serif;
	--font-family-header-light: 400;
	--font-family-header-regular: 500;
	--font-family-header-medium: 600;
	--font-family-header-bold: 700;
	--font-family-text: 'Inter', sans-serif;
	--font-family-text-light: 300;
	--font-family-text-regular: 400;
	--font-family-text-medium: 500;
	--font-family-text-bold: 700;
	--font-family-icon-google: 'Material Symbols Outlined';
	scroll-behavior: smooth;
}
body.dark_mode {
	--mark:#E91E2D;
	--mark-light:#FF4757;
	--mark-dark:#B71C2A;
	--mark2:#1C5260;
	--mark2-light:#5A9AAB;
	--mark2-dark:#103A48;
	--grey-dark:#f1f2f6;
	--grey-darker:#ccc;
	--grey:#888888;
	--grey-light:#424242;
	--grey-lighter:#272727;
	--black:#dedede;
	--white:#141414;
	--red:#FF4757;
	--yellow:#ff0;
}
.fs-smallest {font-size:clamp(0.6rem, 1.2vw, 0.8rem);line-height:1.4;display: inline-block;}
.fs-small {font-size:clamp(0.8rem, 1.5vw, 1.0rem);line-height:1.5;display: inline-block;}
.fs-normal {font-size:clamp(1rem, 2vw, 1.4rem);line-height:1.6;display: inline-block;}
.fs-big {font-size:clamp(1.4rem, 3vw, 1.8rem);line-height:1.4;display: inline-block;}
.fs-bigger {font-size:clamp(1.8rem, 4vw, 2.2rem);line-height:1.3;display: inline-block;}
.fs-biggest {font-size:clamp(2.2rem, 5vw, 2.6rem);line-height:1.2;display: inline-block;}
.fs-08 {font-size:.8rem;line-height:1.4;display: inline-block;}
.fs-09 {font-size:.9rem;line-height:1.4;display: inline-block;}
.fs-10 {font-size:1rem;line-height:1.5;display: inline-block;}
.fs-11 {font-size:1.1rem;line-height:1.5;display: inline-block;}
.fs-12 {font-size:1.2rem;line-height:1.5;display: inline-block;}
.fs-13 {font-size:1.3rem;line-height:1.5;display: inline-block;}
.fs-14 {font-size:1.4rem;line-height:1.4;display: inline-block;}
.fs-15 {font-size:1.5rem;line-height:1.4;display: inline-block;}
.fs-16 {font-size:1.6rem;line-height:1.3;display: inline-block;}
.fs-17 {font-size:1.7rem;line-height:1.3;display: inline-block;}
.fs-18 {font-size:1.8rem;line-height:1.3;display: inline-block;}
.fs-19 {font-size:1.9rem;line-height:1.2;display: inline-block;}
.fs-20 {font-size:2rem;line-height:1.2;display: inline-block;}
.fs-21 {font-size:2.1rem;line-height:1.2;display: inline-block;}
.fs-22 {font-size:2.2rem;line-height:1.2;display: inline-block;}
.fs-23 {font-size:2.3rem;line-height:1.1;display: inline-block;}
.fs-24 {font-size:2.4rem;line-height:1.1;display: inline-block;}
.fs-25 {font-size:2.5rem;line-height:1.1;display: inline-block;}
.fs-26 {font-size:2.6rem;line-height:1.1;display: inline-block;}
.fs-27 {font-size:2.7rem;line-height:1.1;display: inline-block;}
.fs-28 {font-size:2.8rem;line-height:1.1;display: inline-block;}
.fs-29 {font-size:2.9rem;line-height:1.1;display: inline-block;}
.fs-30 {font-size:3rem;line-height:1.0;display: inline-block;}
.fs-35 {font-size:3.5rem;line-height:1.0;display: inline-block;}
.fs-40 {font-size:4rem;line-height:1.0;display: inline-block;}
.fs-45 {font-size:4.5rem;line-height:0.9;display: inline-block;}
.fs-50 {font-size:5rem;line-height:0.9;display: inline-block;}
.fs-55 {font-size:5.5rem;line-height:0.9;display: inline-block;}
.fs-60 {font-size:6rem;line-height:0.9;display: inline-block;}
.fs-70 {font-size:7rem;line-height:0.85;display: inline-block;}
.fs-80 {font-size:8rem;line-height:0.85;display: inline-block;}
.fs-90 {font-size:9rem;line-height:0.85;display: inline-block;}
.fs-100 {font-size:10rem;line-height:0.85;display: inline-block;}

/* PATCH:restore-utility-classes-2026-06-10-START */
.material-symbols-outlined {
	font-size:1em;
	font-variation-settings:
	'FILL' 0,
	'wght' 400,
	'GRAD' 0,
	'opsz' 24
}
.icon100 .material-symbols-outlined{font-variation-settings:'FILL' 0,'wght' 100,'GRAD' 0,'opsz' 24}
.icon200 .material-symbols-outlined{font-variation-settings:'FILL' 0,'wght' 200,'GRAD' 0,'opsz' 24}
.icon300 .material-symbols-outlined{font-variation-settings:'FILL' 0,'wght' 300,'GRAD' 0,'opsz' 24}

.ta-center {text-align: center !important;}
.bg-0rem {padding:0rem !important;}
.bg-05rem {padding:.5rem;}
.bg-05rem0rem {padding:.5rem 0;}
.bg-0rem05rem {padding:0 0.5rem;}
.bg-1rem {padding:1rem;}
.bg-1rem0rem {padding:1rem 0;}
.bg-0rem1rem {padding:0 1rem;}
.bg-1.5rem {padding:1.5rem;}
.bg-1.5rem0rem {padding:1.5rem 0;}
.bg-0rem1.5rem {padding:0 1.5rem;}
.bg-2rem {padding:2rem;}
.bg-2rem0rem {padding:2rem 0;}
.bg-0rem2rem {padding:0 2rem;}
.padding-0 {margin:0 !important;}
.margin-0 {margin:0 !important;}
.margin-1rem0rem {margin:1rem 0rem !important;}
.margin-2rem0rem {margin:2rem 0rem !important;}
.bg-grey{background-color: var(--grey);}
.bg-grey-light{background-color: var(--grey-light) !important;}
.bg-grey-lighter{background-color: var(--grey-lighter) !important;}
.bg-grey-dark{background-color: var(--grey-dark) !important;color:var(--white);}
.bg-grey-dark a {color:var(--white);}
.bg-grey-darker{background-color: var(--grey-darker) !important;color:var(--white);}
.bg-grey-darker a {color:var(--white);}
.bg-mark{background-color: var(--mark) !important;color:var(--white);}
.bg-mark a {color:var(--white);}
.bg-mark a:hover {color:var(--white);}
.bg-mark-dark{background-color: var(--mark-dark) !important;color:var(--white);}
.bg-mark-dark a {color:var(--white);}
.bg-mark-dark a:hover {color:var(--white);}
.bg-black{background-color: var(--black) !important;color:var(--white);}
.bg-black a {color:var(--white);}
.bg-mark-light{background-color: var(--mark-light) !important;color:var(--white);}
.bg-mark2{background-color: var(--mark2) !important;color:var(--white);}
.bg-mark2-dark{background-color: var(--mark2-dark) !important;color:var(--white);}
.bg-mark2-light{background-color: var(--mark2-light) !important;color:var(--white);}
.bg-white{background-color: var(--white) !important;color:var(--black);}
.bg-white a {color:var(--black);}
.color-mark { color: var(--mark) !important; }
.color-mark-light { color: var(--mark-light) !important; }
.color-mark-dark { color: var(--mark-dark) !important; }
.color-mark2 { color: var(--mark2) !important; }
.color-mark2-light { color: var(--mark2-light) !important; }
.color-mark2-dark { color: var(--mark2-dark) !important; }
.color-grey-dark { color: var(--grey-dark) !important; }
.color-grey-darker { color: var(--grey-darker) !important; }
.color-grey { color: var(--grey) !important; }
.color-grey-light { color: var(--grey-light) !important; }
.color-grey-lighter { color: var(--grey-lighter) !important; }
.color-black { color: var(--black) !important; }
.color-white { color: var(--white) !important; }
.color-red { color: var(--red) !important; }
.color-yellow { color: var(--yellow) !important; }
.color-green { color: var(--green) !important; }
.color-green-dark { color: var(--green-dark) !important; }
.cursor-pointer {cursor:pointer;}
.icon_circle{border:solid 1px var(--grey-light);color:var(--grey-dark);border-radius:50px;width:70px;height:70px;display:flex;justify-content:center;align-items:center;margin:auto;font-size:1.8em;transition:.4s all;}
.icon_circle:hover{font-size:2.3em;}
.bg .icon_circle{border:solid 1px var(--white);color:var(--white);}
pre{background:var(--grey-lighter);font-size:.9rem;padding:1rem;border-radius:1rem 0 0 0;max-width:100%;overflow-x:auto;}
ul+nav {margin-top:1rem;}
ul+aside {margin-top:1rem;}
nav > p a {background: var(--mark);color: var(--white);padding: .5em .5em;border-radius: .5em;display: inline-block;}
nav > p a:hover {background: var(--grey-darker);color: var(--white)}
aside > p a {color: var(--black);display: inline-block;}
aside > p a::after {content: 'arrow_right_alt';font-family: var(--font-family-icon-google);margin-left: .3rem;vertical-align: middle;transition:.4s all;}
aside > p a:hover {color: var(--black);}
aside > p a:hover::after {margin-left: 1rem;}
body.dark_mode nav > p a {color: var(--black);}
body.dark_mode nav > p a:hover {background: var(--grey-lighter);}
.bg nav > p a {background: var(--white) !important;color: var(--grey-darker) !important;}
.bg nav > p a:hover {background: var(--grey-light) !important;color:var(--black) !important;}
.border {border:solid 3px var(--mark);}
.border-mark-light {border:solid 3px var(--mark-light);}
.border-mark-dark {border:solid 3px var(--mark-dark);}
.border-grey {border:solid 3px var(--grey);}
.border-grey-light {border:solid 3px var(--grey-light);}
.border-grey-lighter {border:solid 3px var(--grey-lighter);}
.border-grey-dark {border:solid 3px var(--grey-dark);}
.border-grey-darker {border:solid 3px var(--grey-darker);}
.border-white {border:solid 3px var(--white);}
.border-black {border:solid 3px var(--black);}
.border-black {border:solid 3px var(--black);}
.border-red {border:solid 3px var(--red);}
.border-yellow {border:solid 3px var(--yellow);}

.border-radius-1rem {border-radius:1rem;}
/* PATCH:restore-utility-classes-2026-06-10-END */