@font-face {
  font-family:"Anthropic Sans";
  src:url(../fonts/anthropic-sans-400-normal.otf)format("opentype");
  font-weight:400;
  font-style:normal}
@font-face {
  font-family:"Anthropic Sans";
  src:url(../fonts/anthropic-sans-400-italic.otf)format("opentype");
  font-weight:400;
  font-style:italic}
@font-face {
  font-family:"Anthropic Sans";
  src:url(../fonts/anthropic-sans-500-normal.otf)format("opentype");
  font-weight:500;
  font-style:normal}
@font-face {
  font-family:"Anthropic Sans";
  src:url(../fonts/anthropic-sans-500-italic.otf)format("opentype");
  font-weight:500;
  font-style:italic}
@font-face {
  font-family:"Anthropic Sans";
  src:url(../fonts/anthropic-sans-600-normal.otf)format("opentype");
  font-weight:600;
  font-style:normal}
@font-face {
  font-family:"Anthropic Sans";
  src:url(../fonts/anthropic-sans-600-italic.otf)format("opentype");
  font-weight:600;
  font-style:italic}
@font-face {
  font-family:"Anthropic Serif Display";
  src:url(../fonts/anthropic-serif-display-400-normal.otf)format("opentype");
  font-weight:400;
  font-style:normal}
@font-face {
  font-family:"Anthropic Serif Display";
  src:url(../fonts/anthropic-serif-display-400-italic.otf)format("opentype");
  font-weight:400;
  font-style:italic}
@font-face {
  font-family:"Anthropic Serif Display";
  src:url(../fonts/anthropic-serif-display-500-normal.otf)format("opentype");
  font-weight:500;
  font-style:normal}
@font-face {
  font-family:"Anthropic Serif Display";
  src:url(../fonts/anthropic-serif-display-600-normal.otf)format("opentype");
  font-weight:600;
  font-style:normal}
:root {
  --always-white:0 0% 100%;
  --always-black:0 0% 0%;
  --constant-book-cloth:15 55% 80%;
  --constant-clay:15 60% 85%;
  --constant-kraft:25 40% 83%;
  --constant-manilla:40 20% 92%;
  --constant-slate-000:0 0% 100%;
  --constant-slate-050:48 33.3% 97.1%;
  --constant-slate-100:53 28.6% 94.5%;
  --constant-slate-150:48 25% 92.2%;
  --constant-slate-200:50 20.7% 88.6%;
  --constant-slate-250:51 16.5% 84.5%;
  --constant-slate-300:50 11.5% 79.6%;
  --constant-slate-350:50 9% 73.7%;
  --constant-slate-400:49 6.5% 66.9%;
  --constant-slate-450:48 4.8% 59.2%;
  --constant-slate-500:53 3.2% 51.4%;
  --constant-slate-550:51 3.1% 43.7%;
  --constant-slate-600:48 2.7% 35.9%;
  --constant-slate-650:48 3.4% 29.2%;
  --constant-slate-700:60 2.5% 23.3%;
  --constant-slate-750:60 2.1% 18.4%;
  --constant-slate-800:60 2.7% 14.5%;
  --constant-slate-850:30 3.3% 11.8%;
  --constant-slate-900:30 4% 9.8%;
  --constant-slate-950:60 2.6% 7.6%;
  --constant-slate-1000:60 3.4% 5.7%}
:root.dark {
  --accent-brand:15 63.1% 59.6%;
  --accent-main-000:15 55.6% 52.4%;
  --accent-main-100:15 63.1% 59.6%;
  --accent-main-200:15 63.1% 59.6%;
  --accent-main-900:0 0% 0%;
  --accent-pro-000:251 84.6% 74.5%;
  --accent-pro-100:251 40.2% 54.1%;
  --accent-pro-200:251 40% 45.1%;
  --accent-pro-900:250 25.3% 19.4%;
  --accent-secondary-000:210 71.1% 62%;
  --accent-secondary-100:210 70.9% 51.6%;
  --accent-secondary-200:210 70.9% 51.6%;
  --accent-secondary-900:210 55.9% 24.6%;
  --bg-000:60 2.1% 18.4%;
  --bg-100:60 2.7% 14.5%;
  --bg-200:30 3.3% 11.8%;
  --bg-300:60 2.6% 7.6%;
  --bg-400:60 3.4% 5.7%;
  --bg-500:60 3.4% 5.7%;
  --border-100:51 16.5% 84.5%;
  --border-200:51 16.5% 84.5%;
  --border-300:51 16.5% 84.5%;
  --border-400:51 16.5% 84.5%;
  --danger-000:0 73.1% 66.5%;
  --danger-100:0 58.6% 34.1%;
  --danger-200:0 58.6% 34.1%;
  --danger-900:0 23% 15.6%;
  --oncolor-100:0 0% 100%;
  --oncolor-200:60 6.7% 97.1%;
  --oncolor-300:60 6.7% 97.1%;
  --text-000:48 33.3% 97.1%;
  --text-100:48 33.3% 97.1%;
  --text-200:50 9% 73.7%;
  --text-300:50 9% 73.7%;
  --text-400:48 4.8% 59.2%;
  --text-500:48 4.8% 59.2%}
:root {
  --bg-color:#f0efea}
.dark {
  --bg-color:#2b2b2b}
body,#table-of-contents {
  font-family:"Anthropic Sans",system-ui,"Segoe UI",Roboto,Helvetica,Arial,sans-serif}
.eyebrow {
  font-family:"Anthropic Sans",system-ui,"Segoe UI",Roboto,Helvetica,Arial,sans-serif;
  text-transform:uppercase;
  letter-spacing:0.02rem}
#content-container {
  font-family:"Anthropic Sans",system-ui,"Segoe UI",Roboto,Helvetica,Arial,sans-serif}
#content-container h2 {
  font-family:"Anthropic Serif Display",Georgia,"Times New Roman",Times,serif;
  font-weight:400}
#content-container p {
  font-size:1rem;
  line-height:1.65rem}
input.prompt-search-bar:focus {
  outline-color:rgb(var(--primary))}
.dark input.prompt-search-bar:focus {
  outline-color:rgb(var(--primary-light))}
#category-select:hover {
  background-color:#f9fafb}
.dark #category-select:hover {
  background-color:#ffffff0d}
#category-select:focus {
  outline-color:rgb(var(--primary))}
.dark #category-select:focus {
  outline-color:rgb(var(--primary-light))}
.dropdown-item:hover {
  background-color:#f9fafb}
.dark .dropdown-item:hover {
  background-color:#ffffff0d}
.prompt-card:hover {
  background-color:#03071208}
.dark .prompt-card:hover {
  background-color:#ffffff08}
.relative {
  position:relative}
.flex-1 {
  flex:1 1 0%}