@import url('https://fonts.googleapis.com/css2?family=DM+Sans:ital,opsz,wght@0,9..40,100..1000;1,9..40,100..1000&family=Inter:ital,opsz,wght@0,14..32,100..900;1,14..32,100..900&family=Lora:ital,wght@0,400..700;1,400..700&family=Roboto:ital,wdth,wght@0,75..100,100..900;1,75..100,100..900&display=swap');
@font-face{font-family:Anthropic Sans; src:url(https://assets-proxy.anthropic.com/claude-ai/v2/assets/v1/cc27851ad-CFxw3nG7.woff2) format("woff2");font-weight:300 800;font-style:normal;font-display:swap;font-feature-settings:"dlig" 0}
@font-face{font-family:Anthropic Sans; src:url(https://assets-proxy.anthropic.com/claude-ai/v2/assets/v1/c9d3a3a49-BI1hrwN4.woff2) format("woff2");font-weight:300 800;font-style:italic;font-display:swap;font-feature-settings:"dlig" 0}
@font-face{font-family:Anthropic Serif;src:url(https://assets-proxy.anthropic.com/claude-ai/v2/assets/v1/c66fc489e-C-BHYa_K.woff2) format("woff2");font-weight:300 800;font-style:normal;font-display:swap}
@font-face{font-family:Anthropic Serif;src:url(https://assets-proxy.anthropic.com/claude-ai/v2/assets/v1/cc410af59-DH94ugQz.woff2) format("woff2");font-weight:300 800;font-style:italic;font-display:swap}
@font-face{font-family:Anthropic Mono; src:url(https://assets-proxy.anthropic.com/claude-ai/v2/assets/v1/c5dbe0935-B88FVziN.woff2) format("woff2");font-weight:400;font-style:normal;font-display:swap}
@font-face{font-family:Anthropic Mono; src:url(https://assets-proxy.anthropic.com/claude-ai/v2/assets/v1/c2f08283e-DHGc3er-.woff2) format("woff2");font-weight:400;font-style:italic;font-display:swap}

* {box-sizing: border-box;}
body {font-family:Roboto;margin:0;background-color:#fbf7ef;font-size:14px;color:var(--textClr);line-height:135%;}
a {color:var(--green2);text-decoration:none}
a:hover {text-decoration:underline}
h1 {margin:0;margin-bottom:20px;font-size:30px;line-height:110%;}
h2 {margin:0;margin-bottom:10px;font-size:20px;line-height:110%;}
h3 {margin:0;margin-bottom:5px ;font-size:16px;line-height:110%;}
ul {padding: 0;margin: 0 0 0 17px;}
li {margin-top:5px;}
li:first-child {margin-top:0;}
hr {background-color:#1f1e1d26;border:none;height:1px}
p {margin:0;padding:0;}
label {color:#AAA;font-size:12px;display:block;padding-bottom:3px}
input[type=text],textarea {display:block;width:100%;margin:0;padding:10px;font-family:inherit;font-size:inherit;border:1px solid var(--border-color);border-radius:5px;outline:none;}
input[type=text]:focus,textarea:focus {border-color:var(--border-color-dark);}
input::placeholder,textarea::placeholder {font-family:inherit;font-size:inherit;color:#C5C5C5;}

label>input.toggle[type=radio]             {display:none;}
label:has(>input[type=radio].toggle)       {color:var(--textClr);font-size:12px;cursor:pointer;padding:3px 12px;border:1px solid var(--border-color);border-radius:var(--border-radius);}
label:has(>input[type=radio].toggle:hover)       {border-color:#0f0f0f;}
label:has(input[type=radio].toggle:checked){color:white;background:#0f0f0f;border-color:#0f0f0f;}


#header {border-top:2px solid black;border-bottom:1px solid var(--border-color);font-size:12px;}
#header > div {display:flex;align-items:center;gap:10px;max-width:800px;margin:auto;height:60px;padding:var(--padding);}
#header > div > div:nth-child(2) > a  {color:var(--text);font-weight:bold;font-size:14px;letter-spacing:0.1px}
#header > div > div:nth-child(1) {flex:1 1 auto}
#header > div > div:nth-child(1) > a  {display:flex;align-items:center;gap:10px;text-decoration:none}
#header > div > div:nth-child(1) > a > div {font-family:var(--font-header);font-size:26px;font-weight:500;}
#header > div > div:nth-child(1) > a > div > span:nth-child(1) {color:#E24B4A;}
#header > div > div:nth-child(1) > a > div > span:nth-child(2) {color:#791F1F;}
#header > div > div:nth-child(2) {display:flex;}
#header > div > div:nth-child(2) > a {padding:3px 10px;text-decoration:none;}
#header > div > div:nth-child(2) > a:hover {background-color:var(--beige1);border-radius:10px;}

#header > div > div:nth-child(3) {display:flex;gap:10px;align-items:center;}
#header > div > div:nth-child(3) > div > a {font-size:20px;color:var(--text);font-weight:bold;text-decoration:none;vertical-align:middle;}
#header > div > div:nth-child(3) > div {position:relative;}

@media(max-width:750px)
{
	#header > div > div:nth-child(2) > a:nth-child(1) {display:none;}
}
@media(max-width:600px)
{
	#header > div > div:nth-child(2) > a:nth-child(2) {display:none;}
}
@media(max-width:575px)
{
	#header > div > div:nth-child(2) > a:nth-child(3) {display:none;}
}
@media(max-width:500px)
{
	#header > div > div:nth-child(2) > a:nth-child(4) {display:none;}
}

#MenuBar {position:absolute;background-color:white;top:30px;right:0;border:1px solid var(--border-color);width:max-content;padding:10px 5px;box-shadow:var(--box-shadow);border-radius:10px}
#MenuBar>a {display:block;text-decoration:none;color:var(--text);line-height:100%;padding:5px 15px;border-radius:10px}
#MenuBar>a:hover {background-color:var(--red2);color:var(--color0)}


#body {max-width:800px;margin:auto;padding:40px 15px 75px 15px;min-height: calc(100vh - 181px);}

#footer {border-top:1px solid #1f1e1d26;background-color: var(--beige1);padding:10px;}
#footer * {line-height:100%;vertical-align:middle;font-size:12px;color:var(--grayTextClr);}
#footer>div {display:flex;flex-direction:column;padding: var(--padding);align-items: center;gap:10px}
#footer > div > div:nth-child(1) > div {display:flex;justify-content:center;gap:10px}
#footer > div > div:nth-child(1) {display:flex;flex-wrap:wrap;gap:10px;justify-content: center}
#footer > div > div:nth-child(2)>span {font-size:20px;font-family:var(--font-header);}



.box {padding:var(--padding);border-radius:var(--border-radius);border:1px solid var(--border-color);background-color:white;box-shadow: var(--box-shadow);}
.box:hover {box-shadow: var(--box-shadow-hover);}

.brd {padding:var(--padding);border-radius:var(--border-radius);border:1px solid var(--border-color);}

:root
{
	--button-background:var(--red2);
	--button-border:var(--red2);
	--button-color:var(--red0);
}