img{width:100%;border: 2px solid green;}@media screen and (min-width:600px){img{width:50%;}}.content{display:none;}.arrow{display:inline-block;width:0;height:0;border-style:solid;border-width:5px 5px 0 5px;border-color:black transparent transparent transparent;transform:rotate(-90deg);}.arrow.down{transform:rotate(0deg);}.breadcrumb{list-style:none;margin:1.25rem 0;padding:0;display:flex;flex-wrap:wrap;gap:0.25rem;font-family:-apple-system,system-ui,sans-serif;}.breadcrumb li{display:flex;align-items:center;position:relative;}.breadcrumb li a{text-decoration:none;padding:0.5rem 1rem;font-size:0.875rem;border-radius:0.25rem;background:rgba(var(--breadcrumb-bg),0.05);color:rgba(var(--breadcrumb-color),0.9);transition:all 0.2s cubic-bezier(0.4,0,0.2,1);backdrop-filter:blur(4px);border:1px solid rgba(var(--breadcrumb-color),0.08);position:relative;overflow:hidden;}.breadcrumb li a:hover{background:rgba(var(--breadcrumb-color),0.03);box-shadow:0 2px 8px rgba(0,0,0,0.03);}.breadcrumb li:not(:last-child)::after{content:"";width:1px;height:1em;background:rgba(var(--breadcrumb-color),0.15);margin:0 0.75rem;transform:rotate(15deg);}.breadcrumb li:last-child a{background:rgba(var(--breadcrumb-color),0.08);color:rgba(var(--breadcrumb-color),1);font-weight:500;}@media (prefers-color-scheme:dark){:root{--breadcrumb-color:245,245,245;--breadcrumb-bg:15,15,15;}.breadcrumb li a{border-color:rgba(255,255,255,0.1);}}@media (prefers-color-scheme:light){:root{--breadcrumb-color:38,38,38;--breadcrumb-bg:255,255,255;}.breadcrumb li a{box-shadow:0 1px 2px rgba(0,0,0,0.02);}}@media (max-width:640px){.breadcrumb{gap:0.125rem;margin:0.75rem 0;}.breadcrumb li a{padding:0.375rem 0.75rem;font-size:0.75rem;}.breadcrumb li:not(:last-child)::after{margin:0 0.5rem;}}body{max-width:960px;margin-left:auto;margin-right:auto}body > *,.breadcrumb{padding-left:15px;padding-right:15px}
@media (prefers-color-scheme:dark){body{background:#262626;filter:grayscale(40%);color:#ccc;}body *{color:#ccc !important;}}