:root{
  --bg:#0f1116;
  --surface:#171923;
  --surface-2:#1f2330;
  --card:#222735;
  --text:#ffffff;
  --muted:#ffffff;
  --gold:#f3c24f;
  --gold-2:#caa03b;
  --accent:#8dd0ff;
  --sbw: 240px;
  --a: #d4af37;
}

*{box-sizing:border-box}
html,body{height:100%}
body{
  margin:0;
  font:16px/1.5 system-ui, -apple-system, Segoe UI, Roboto, Arial, sans-serif;
  color:var(--text);
  background:var(--bg);
}

.sidebar{
  position:fixed; inset:0 auto 0 0;
  width:var(--sbw); background:#0e0f15;
  border-right:1px solid #262b39; padding:12px 8px;
  display:flex; flex-direction:column; gap:8px; z-index:30;
}
.sidebar__toggle{
  position:absolute; top:50%; right:-14px; transform:translateY(-50%);
  width:28px; height:28px; border-radius:50%;
  border:1px solid #2b3141; background:var(--surface); color:var(--text); cursor:pointer;
}
.sidebar__brand{display:flex; gap:10px; align-items:center; padding:10px; color:var(--text); text-decoration:none; border-radius:8px}
.brand__logo{font-size:20px}
.brand__name{font-weight:700}
.sidebar__nav{display:flex; flex-direction:column; gap:2px; overflow:auto; padding-right:4px}
.sidebar .nav__item{
  display:flex; gap:12px; align-items:center; padding:10px 12px; border-radius:8px;
  color:var(--text); text-decoration:none;
}
.sidebar .nav__item:hover{background:#181b26}
.sidebar .nav__item.is-active{background:#1f2330; outline:1px solid #2d3446}
.sidebar .nav__item .icon{width:22px; text-align:center; opacity:.9}
.sidebar hr{border:0; border-top:1px solid #2b3141; margin:8px 10px}

body.is-collapsed{ --sbw: 72px; }
body.is-collapsed .sidebar .label{display:none}
body.is-collapsed .sidebar__brand .brand__name{display:none}
body.is-collapsed .sidebar__toggle .chevron{transform:rotate(180deg)}
.sidebar__toggle .chevron{display:inline-block; transition:transform .2s ease}

.header{
  position:fixed; left:var(--sbw); right:0; top:0;
  background:#0b0c12cc; backdrop-filter:blur(6px);
  border-bottom:1px solid #24293a; z-index:20;
}
.header__inner{max-width:1400px; margin:0 auto; height:64px; display:flex; align-items:center; gap:16px; padding:0 20px}
.header__brand{display:flex; gap:10px; align-items:center; color:var(--text); text-decoration:none}
.header__brand .logo{font-size:20px}
.header__brand .name{font-weight:700}
.header__menu{display:flex; gap:18px; margin-left:8px}
.header__menu a{display:flex; gap:8px; align-items:center; color:var(--text); text-decoration:none; opacity:.9}
.header__menu a:hover{opacity:1}
.header__actions{margin-left:auto; display:flex; gap:10px}

.btn{border:1px solid #2d3446; background:var(--surface-2); color:var(--text); padding:8px 14px; border-radius:999px; cursor:pointer}
.btn--primary{background:linear-gradient(180deg, var(--gold), var(--gold-2)); color:#111; border-color:#a67e28; font-weight:700}
.btn--secondary{background:#21273a; border-color:#343c53}
.btn--ghost{background:transparent}
.btn--lg{padding:12px 18px; font-weight:700}

.main{padding-top:64px; padding-left:calc(var(--sbw));}
.main > section{padding:20px 24px}
@media (min-width: 1100px){ .main > section{padding:24px 40px} }

.hero{
  position:relative; min-height:360px;
  background:linear-gradient(90deg, #141827 0%, #141827c0 40%, transparent 100%), url('https://goldenpanda1.ca/assets/hero-placeholder.jpg') center/cover no-repeat;
  display:grid; place-items:center start;
}
.hero__content{max-width:1200px}
.hero .eyebrow{color:var(--accent); letter-spacing:.1em; text-transform:uppercase; font-size:12px; margin:0 0 8px}
.hero h1{margin:.1em 0 .2em; font-size:40px; line-height:1.1}
.hero .sub{color:var(--muted); max-width:680px}
.hero__cta{margin-top:18px}

.search__form{
  display:flex; align-items:center; gap:10px;
  background:var(--surface); border:1px solid #24293a; border-radius:12px;
  padding:10px 14px; max-width:100%;
}
.search__form input{
  background:transparent; border:0; outline:0; color:var(--text); width:100%; font-size:15px;
}

.cta{
  position:relative; border-radius:16px; overflow:hidden;
  background:linear-gradient(90deg, #1b2030, #131722);
  border:1px solid #2a3143; min-height:120px; display:grid; align-items:center;
}
.cta--deposits{background:linear-gradient(90deg, #20263a, #141827), url('https://goldenpanda1.ca/assets/deposits-bg.jpg') center/cover no-repeat}
.cta__content {
    padding: 24px;
    display: flex;
    justify-content: space-between;
    align-items: center;
    flex-wrap: wrap;
}
.cta__content h2{margin:0 0 6px}
.cta__content p{margin:0 0 12px; color:var(--muted)}

.row{max-width:1400px; margin-inline:auto}
.row__head{display:flex; align-items:center; justify-content:space-between; margin-bottom:12px}
.row__head h2{margin:0}
.view-all{color:var(--accent); text-decoration:none}

.scroll-row{
  display:flex; gap:14px; overflow:auto; padding-bottom:6px; scroll-snap-type:x mandatory;
}
.card{
  background:var(--card); border:1px solid #2a3143; border-radius:14px; width:180px; min-width:180px; scroll-snap-align:start;
  overflow:hidden;
}
.card__art{height:140px; background:linear-gradient(180deg, #39435d, #2a3143);}
.card__title{font-size:16px; margin:10px 10px 4px}
.card__meta{margin:0 10px 12px; color:var(--muted); font-size:13px}

.features{
  display:grid; gap:16px; grid-template-columns:repeat(auto-fit, minmax(240px, 1fr));
  max-width:1400px; margin-inline:auto;
}
.feature{
  background:linear-gradient(180deg, #1b2030, #141827);
  border:1px solid #2a3143; border-radius:16px; padding:18px; position:relative; overflow:hidden;
}
.feature__art{
  position:absolute; inset:auto -20px -20px auto; width:160px; height:160px;
  background:url('https://goldenpanda1.ca/assets/panda-bg.png') center/contain no-repeat; opacity:.25; filter:grayscale(100%);
}
.feature h3{margin:0 0 6px}
.feature p{margin:0; color:var(--muted)}

.collapsible details{
  background:var(--surface); border:1px solid #2a3143; border-radius:12px; padding:12px 16px;
}
.collapsible summary{cursor:pointer; font-weight:600}
.collapsible .prose{color:var(--muted); margin-top:8px}

.footer{
  margin-left:var(--sbw); border-top:1px solid #24293a; background:#0d0f15;
}
.footer__top{max-width:1400px; margin:0 auto; padding:28px 24px}
.footer__brand{color:var(--text); text-decoration:none; font-weight:700}
.footer__cols{display:grid; gap:16px; grid-template-columns:repeat(auto-fit, minmax(180px, 1fr)); margin-top:16px}
.footer .col a{display:block; color:var(--muted); text-decoration:none; padding:4px 0}
.footer .col a:hover{color:var(--text)}
.footer__bottom{border-top:1px solid #24293a; padding:16px 24px; color:var(--muted); display:flex; justify-content:space-between; max-width:1400px; margin:0 auto}

@media (max-width: 900px){
  body{ --sbw: 72px; }
  .header h1{font-size:28px}
  .hero{min-height:300px}
  .card{width:160px; min-width:160px}
}

.logo-img{height:22px; width:auto; display:inline-block}
.brand__logo-img{height:22px; width:auto; display:inline-block}

.hero{
  background:
    linear-gradient(90deg, #141827 0%, #141827c0 40%, transparent 100%),
    url('https://goldenpanda1.ca/assets/hero.avif') center/cover no-repeat;
}
.cta--deposits{
  background:
    linear-gradient(90deg, #20263a, #141827),
    url('https://goldenpanda1.ca/assets/bambook.avif') center/cover no-repeat;
}

.card__art{height:140px; background:#2a3143}
.card__art img{
  width:100%; height:100%; object-fit:cover; display:block;
}

.feature{position:relative; overflow:hidden}
.feature__art{
  position:absolute; right:-8px; bottom:-8px; width:180px; height:180px;
  opacity:.25; filter:grayscale(100%); object-fit:contain; pointer-events:none;
}

.footer__payments{
  display:flex; gap:14px; align-items:center; flex-wrap:wrap; margin-top:18px
}
.footer__payments img{height:28px; width:auto; display:block; opacity:.9; filter:grayscale(10%)}
.footer__payments img:hover{opacity:1; filter:none}

.logo-img{height:22px; width:auto; display:inline-block}
.brand__logo-img{height:22px; width:auto; display:inline-block}

.hero{
  background:
    linear-gradient(90deg, #141827 0%, #141827c0 40%, transparent 100%),
    url('https://goldenpanda1.ca/assets/hero.avif') center/cover no-repeat;
}
.cta--deposits{
  background:
    linear-gradient(90deg, #20263a, #141827),
    url('https://goldenpanda1.ca/assets/bambook.avif') center/cover no-repeat;
}

.row{max-width:1400px; margin-inline:auto}
.row__head{display:flex; align-items:center; justify-content:space-between; margin-bottom:12px}
.row__head h2{margin:0}
.view-all{color:var(--accent); text-decoration:none; border-radius:999px; padding:6px 10px; transition:background .2s ease,color .2s ease}
.view-all:hover{background:#20263a; color:#fff}

.scroll-row{
  display:flex; gap:14px; overflow-x:auto; overflow-y:hidden;
  padding-bottom:4px; scroll-snap-type:x mandatory;
  scrollbar-width:none; -ms-overflow-style:none;
  mask-image: linear-gradient(to right, transparent 0, rgba(0,0,0,1) 24px, rgba(0,0,0,1) calc(100% - 24px), transparent);
}
.scroll-row::-webkit-scrollbar{height:0; width:0}
.scroll-row:focus-within{outline:none}

.card{
  background:var(--card); border:1px solid #2a3143; border-radius:14px; width:180px; min-width:180px; scroll-snap-align:start;
  overflow:hidden; transition:transform .25s ease, box-shadow .25s ease, border-color .25s ease;
}
.card__art{height:140px; position:relative; overflow:hidden; background:#2a3143}
.card__art img{width:100%; height:100%; object-fit:cover; display:block; transition:transform .45s ease}
.card__art::after{
  content:""; position:absolute; inset:0 -40%; 
  background:linear-gradient(120deg, transparent, rgba(255,255,255,.18), transparent);
  transform:translateX(-100%);
}
.card:hover{transform:translateY(-6px) scale(1.02); box-shadow:0 12px 28px rgba(0,0,0,.35); border-color:#3b4662}
.card:hover .card__art img{transform:scale(1.06)}
.card:hover .card__art::after{animation:shine .9s ease}
@keyframes shine{to{transform:translateX(100%)}}
.card__title{font-size:16px; margin:10px 10px 4px}
.card__meta{margin:0 10px 12px; color:var(--muted); font-size:13px}

a.btn, .btn{display:inline-flex; align-items:center; justify-content:center; gap:8px; text-decoration:none}
.btn{
  border:1px solid #2d3446; background:var(--surface-2); color:var(--text);
  padding:8px 14px; border-radius:999px; cursor:pointer;
  transition:transform .18s ease, box-shadow .18s ease, filter .18s ease, background-position .3s ease;
  position:relative; overflow:hidden;
}
.btn::after{
  content:""; position:absolute; left:50%; top:50%; width:0; height:0; border-radius:999px;
  background:rgba(255,255,255,.25); transform:translate(-50%,-50%); opacity:0; transition:width .35s ease, height .35s ease, opacity .45s ease;
  pointer-events:none;
}
.btn:active::after{width:220%; height:220%; opacity:.2; transition:0s}
.btn:hover{transform:translateY(-1px); box-shadow:0 10px 20px rgba(0,0,0,.25)}
.btn:active{transform:translateY(0); filter:brightness(.96)}
.btn--primary{
  background:linear-gradient(180deg, var(--gold), var(--gold-2));
  color:#111; border-color:#a67e28; font-weight:700;
  box-shadow:0 2px 0 #a67e28 inset, 0 6px 20px rgba(243,194,79,.2);
}
.btn--primary:hover{box-shadow:0 2px 0 #a67e28 inset, 0 12px 28px rgba(243,194,79,.35)}
.btn--secondary{background:#21273a; border-color:#343c53}
.btn--secondary:hover{box-shadow:0 10px 24px rgba(0,0,0,.3), 0 0 0 1px #3a4260 inset}
.btn--ghost{background:transparent}

.feature{position:relative; overflow:hidden}
.feature__art{
  position:absolute; right:-8px; bottom:-8px; width:180px; height:180px;
  opacity:.25; filter:grayscale(100%); object-fit:contain; pointer-events:none;
}

.footer__payments{display:flex; gap:14px; align-items:center; flex-wrap:wrap; margin-top:18px}
.footer__payments img{height:28px; width:auto; display:block; opacity:.9; filter:grayscale(10%)}
.footer__payments img:hover{opacity:1; filter:none}

@media (max-width: 900px){
  .card{width:160px; min-width:160px}
}

.header__hamburger{
  display:none;
  width:40px; height:40px; border-radius:10px;
  border:1px solid #2d3446; background:var(--surface-2); color:var(--text);
  align-items:center; justify-content:center; cursor:pointer;
  transition:transform .18s ease, box-shadow .18s ease, background .18s ease;
}
.header__hamburger:hover{box-shadow:0 8px 18px rgba(0,0,0,.25)}
.header__hamburger:active{transform:translateY(1px)}

.header__hamburger span,
.header__hamburger::before,
.header__hamburger::after{
  content:""; display:block; width:18px; height:2px; background:currentColor;
  border-radius:2px; position:relative; transition:transform .25s ease, opacity .2s ease;
}
.header__hamburger span{transform:translateY(0)}
.header__hamburger::before{position:absolute; transform:translateY(-6px)}
.header__hamburger::after{position:absolute; transform:translateY(6px)}

body.nav-open .header__hamburger span{opacity:0}
body.nav-open .header__hamburger::before{transform:rotate(45deg)}
body.nav-open .header__hamburger::after{transform:rotate(-45deg)}

.mobile-scrim{
  position:fixed; inset:0; background:rgba(0,0,0,.55);
  backdrop-filter:blur(2px);
  border:0; padding:0; margin:0; display:none; z-index:120;
}

@media (max-width: 900px){
  .header{ left:0; z-index:140 }
  .main{ padding-left:0 }
  .footer{ margin-left:0 }

  .header__hamburger{ display:inline-flex }
  .header__menu{ display:none }
  .header__actions .btn--ghost{ display:none }

  .sidebar{
    width:min(86vw, 320px);
    transform:translateX(-100%);
    transition:transform .28s ease;
    z-index:130;
    padding-top:calc(64px + 8px);
    padding-left:calc(8px + env(safe-area-inset-left, 0px));
  }
  .sidebar__toggle{ display:none }

  body.nav-open .sidebar{ transform:translateX(0) }
  body.nav-open .mobile-scrim{ display:block }
  body.nav-open{ overflow:hidden }

  .sidebar .nav__item{ padding:12px 14px }
}

.main_404 {
    min-height: calc(100vh - 200px);
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 2rem 1rem;
    text-align: center;
    background: linear-gradient(135deg, #1a1a1a 0%, #2d2d2d 100%);
    color: rgb(0, 0, 0);
    margin-top: 80px;
}

.breadcrumbs_404.container_404 {
    width: 100%;
    max-width: 1200px;
    margin: 0 auto 2rem;
    padding: 0 1rem;
}

.breadcrumbs_404 {
    display: flex;
    align-items: center;
    gap: 0.5rem;
    font-size: 0.875rem;
    color: #ccc;
    padding-top: 10px;
}

.breadcrumbs_404 a {
    text-decoration: none;
    color: #ccc;
    transition: color 0.3s ease;
}

.breadcrumbs_404 a:hover {
    color: #d4af37;
}

.breadcrumbs_404 a:not(:last-child)::after {
    content: "›";
    margin-left: 0.5rem;
    color: #666;
}

.breadcrumbs-link_404 {
    color: #999 !important;
}

.link-ma-b_404 {
    color: #d4af37 !important;
}

.container_404.page_404_content {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    flex: 1;
    width: 100%;
    max-width: 1200px;
    margin: 0 auto;
    padding: 2rem 1rem;
}

.title_404 {
    font-size: 8rem;
    font-weight: 700;
    color: #d4af37;
    margin: 0 0 1rem;
    line-height: 1;
    text-shadow: 2px 2px 4px rgba(0, 0, 0, 0.3);
}

.description_404 {
    font-size: 1.5rem;
    color: #fff;
    margin: 0 0 2rem;
    line-height: 1.4;
    opacity: 0.9;
}

.btn_404 {
    display: inline-block;
    text-decoration: none;
    font-weight: 600;
    transition: all 0.3s ease;
    border-radius: 8px;
}

.btn--primary_404 {
    background: linear-gradient(135deg, #d4af37, #b8941f);
    color: rgb(0, 0, 0);
    padding: 12px 32px;
    border: none;
    font-size: 1.1rem;
    box-shadow: 0 4px 12px rgba(212, 175, 55, 0.3);
    margin-top: 1rem;
}

.btn--primary_404:hover {
    transform: translateY(-2px);
    box-shadow: 0 6px 16px rgba(212, 175, 55, 0.4);
    background: linear-gradient(135deg, #b8941f, #a3821b);
    color: rgb(0, 0, 0);
}

@keyframes fadeInUp_404 {
    from {
        opacity: 0;
        transform: translateY(30px);
    }
    to {
        opacity: 1;
        transform: translateY(0);
    }
}

@keyframes pulse_404 {
    0%, 100% {
        transform: scale(1);
    }
    50% {
        transform: scale(1.05);
    }
}

.title_404 {
    animation: fadeInUp_404 0.6s ease-out, pulse_404 2s ease-in-out 0.6s infinite;
}

.description_404 {
    animation: fadeInUp_404 0.6s ease-out 0.1s both;
}

.btn--primary_404 {
    animation: fadeInUp_404 0.6s ease-out 0.2s both;
}

@media (max-width: 768px) {
    .main_404 {
        min-height: calc(100vh - 150px);
        padding: 1rem 0.5rem;
        margin-top: 60px;
    }

    .breadcrumbs_404.container_404 {
        margin-bottom: 1.5rem;
        padding: 0 0.5rem;
    }

    .breadcrumbs_404 {
        font-size: 0.8rem;
    }

    .container_404.page_404_content {
        padding: 1.5rem 0.5rem;
    }

    .title_404 {
        font-size: 5rem;
        margin-bottom: 0.5rem;
    }

    .description_404 {
        font-size: 1.25rem;
        margin-bottom: 1.5rem;
    }

    .btn--primary_404 {
        padding: 10px 24px;
        font-size: 1rem;
    }
}

@media (max-width: 480px) {
      .main_404 {
        margin-top: 50px;
    }
    .title_404 {
        font-size: 4rem;
    }

    .description_404 {
        font-size: 1.1rem;
    }

    .breadcrumbs_404 {
        flex-wrap: wrap;
        gap: 0.25rem;
    }
}

.title_404::before {
    content: "🐼";
    display: block;
    font-size: 4rem;
    margin-bottom: 1rem;
    animation: bounce_404 2s ease-in-out infinite;
}

@keyframes bounce_404 {
    0%, 20%, 50%, 80%, 100% {
        transform: translateY(0);
    }
    40% {
        transform: translateY(-10px);
    }
    60% {
        transform: translateY(-5px);
    }
}

@media (prefers-color-scheme: light) {
    .main_404 {
        background: linear-gradient(135deg, #000000 0%, #000000 100%);
        color: #333;
    }
    
    .description_404 {
        color: #666;
    }
    
    .breadcrumbs_404 {
        color: #666;
    }
    
    .breadcrumbs_404 a {
        color: #666;
    }
}

.main_internal_page {
    padding: 2rem 1rem;
    margin: 20px 0 0 250px;
    background: #000000;
    min-height: calc(100vh - 200px);
    width: calc(100% - 250px);
    transition: margin-left 0.3s ease, width 0.3s ease;
}

.sidebar--collapsed ~ .main_internal_page {
    margin-left: 80px;
    width: calc(100% - 80px);
}

.breadcrumbs_internal_page {
    width: 100%;
    margin: 0 auto 3rem;
    padding: 0;
}

.breadcrumbs_internal_page nav {
    display: flex;
    align-items: center;
    gap: 0.75rem;
    font-size: 0.9rem;
    color: #ffffff;
    padding: 20px 0;
    border-bottom: 2px solid #333333;
    max-width: none;
    margin: 0;
}

.breadcrumbs_internal_page a {
    text-decoration: none;
    color: #cccccc;
    transition: all 0.3s ease;
    font-weight: 500;
    padding: 8px 12px;
    border-radius: 6px;
}

.breadcrumbs_internal_page a:hover {
    color: #d4af37;
    background-color: #1a1a1a;
    transform: translateY(-1px);
}

.breadcrumbs_internal_page a:not(:last-child)::after {
    content: "›";
    margin-left: 0.75rem;
    color: #666666;
    font-weight: bold;
}

.breadcrumbs-current_internal_page {
    color: #d4af37 !important;
    font-weight: 600 !important;
    background-color: #1a1a1a;
}

.link-home_internal_page {
    color: #d4af37 !important;
    font-weight: 600 !important;
}

.prose_internal_page {
    width: 100%;
    margin: 0 auto;
    padding: 0 0 4rem 0;
    color: #ffffff;
    line-height: 1.75;
    font-size: 1.125rem;
    background: #000000;
    border-radius: 0;
    box-shadow: none;
}

.prose_internal_page h1 {
    font-size: 2.75rem;
    color: #ffffff;
    margin-bottom: 2rem;
    line-height: 1.2;
    font-weight: 700;
    text-align: center;
    padding-bottom: 0;
    border-bottom: none;
    background: none;
    -webkit-text-fill-color: #ffffff;
    max-width: none;
    margin-left: 0;
    margin-right: 0;
}

.prose_internal_page h2 {
    font-size: 2.25rem;
    color: #ffffff;
    margin: 3rem 0 1.5rem;
    line-height: 1.3;
    font-weight: 600;
    padding-bottom: 0;
    border-bottom: none;
    position: relative;
    max-width: none;
    margin-left: 0;
    margin-right: 0;
}

.prose_internal_page h2::before {
    content: none;
}

.prose_internal_page h3 {
    font-size: 1.75rem;
    color: #ffffff;
    margin: 3rem 0 1.5rem;
    line-height: 1.3;
    font-weight: 600;
    padding-bottom: 0;
    border-bottom: none;
    position: relative;
    max-width: none;
    margin-left: 0;
    margin-right: 0;
}

.prose_internal_page h4 {
    font-size: 1.375rem;
    color: #ffffff;
    margin: 3rem 0 1.5rem;
    line-height: 1.3;
    font-weight: 600;
    padding-bottom: 0;
    border-bottom: none;
    position: relative;
    max-width: none;
    margin-left: 0;
    margin-right: 0;
}

.prose_internal_page p {
    margin-bottom: 1.75rem;
    text-align: justify;
    font-size: 1.125rem;
    color: #ffffff;
    max-width: none; 
    margin-left: 0;
    margin-right: 0;
}

.prose_internal_page strong {
    color: #d4af37;
    font-weight: 700;
    background: none;
    -webkit-text-fill-color: #d4af37;
}

.prose_internal_page em {
    color: #cccccc;
    font-style: italic;
    background-color: #1a1a1a;
    padding: 2px 4px;
    border-radius: 3px;
}

.prose_internal_page ul, .prose_internal_page ol {
    margin: 2rem 0;
    padding-left: 2.5rem;
    color: #ffffff;
    max-width: none; 
    margin-left: 0;
    margin-right: 0;
}

.prose_internal_page li {
    margin-bottom: 1rem;
    line-height: 1.7;
    position: relative;
    color: #ffffff;
}

.prose_internal_page ul li::before {
    content: "•";
    color: #d4af37;
    font-weight: bold;
    font-size: 1.5rem;
    position: absolute;
    left: -1.5rem;
    top: -0.25rem;
}

.prose_internal_page ol {
    counter-reset: list-counter;
}

.prose_internal_page ol li {
    counter-increment: list-counter;
}

.prose_internal_page ol li::before {
    content: counter(list-counter) ".";
    color: #d4af37;
    font-weight: bold;
    position: absolute;
    left: -2rem;
}

.prose_internal_page a {
    color: #d4af37;
    text-decoration: none;
    font-weight: 600;
    border-bottom: 2px solid transparent;
    transition: all 0.3s ease;
    padding: 2px 4px;
    border-radius: 3px;
}

.prose_internal_page a:hover {
    color: #b8941f;
    border-bottom-color: #b8941f;
    background-color: #1a1a1a;
    transform: translateY(-1px);
}

.prose_internal_page blockquote {
    border-left: 6px solid #d4af37;
    padding: 2rem 2rem;
    margin: 2.5rem 0;
    background: #1a1a1a;
    font-style: italic;
    color: #cccccc;
    border-radius: 0 12px 12px 0;
    box-shadow: 0 4px 12px rgba(212, 175, 55, 0.1);
    max-width: none; 
    margin-left: 0;
    margin-right: 0;
}

.prose_internal_page table {
    width: 100%;
    border-collapse: collapse;
    margin: 2.5rem 0;
    box-shadow: 0 4px 12px rgba(0,0,0,0.1);
    border-radius: 8px;
    overflow: hidden;
    max-width: none; 
}

.prose_internal_page th, .prose_internal_page td {
    padding: 1.25rem;
    text-align: left;
    border-bottom: 1px solid #333333;
    color: #ffffff;
}

.prose_internal_page th {
    background: #1a1a1a;
    color: #d4af37;
    font-weight: 600;
    font-size: 1.1rem;
}

.prose_internal_page tr:hover {
    background: #1a1a1a;
    transform: scale(1.01);
    transition: all 0.2s ease;
}

.prose_internal_page h2 + h3 {
    margin-top: 2rem;
    background: #1a1a1a;
    padding: 1rem 1.5rem;
    border-radius: 8px;
    border-left: 4px solid #d4af37;
    color: #ffffff;
    max-width: none; 
    margin-left: 0;
    margin-right: 0;
}

.prose_internal_page strong + em {
    background: #1a1a1a;
    padding: 1rem;
    border-radius: 8px;
    display: block;
    margin: 1rem 0;
    border-left: 4px solid #d4af37;
    color: #cccccc;
    max-width: none; 
    margin-left: 0;
    margin-right: 0;
}

.prose_internal_page > * {
    max-width: none; 
    margin-left: 0;
    margin-right: 0;
    padding: 0 2rem;
}

@media (max-width: 1024px) {
    .main_internal_page {
        margin-left: 0;
        width: 100%;
        padding: 2rem 1rem;
    }
    
    .sidebar--collapsed ~ .main_internal_page {
        margin-left: 0;
        width: 100%;
    }
    
    .prose_internal_page > * {
        padding: 0 1.5rem;
    }
}

@media (max-width: 768px) {
    .main_internal_page {
        margin-top: 60px;
        padding: 1rem 0.5rem;
        margin-left: 0;
        width: 100%;
    }

    .breadcrumbs_internal_page {
        margin-bottom: 2rem;
        padding: 0;
    }

    .breadcrumbs_internal_page nav {
        font-size: 0.85rem;
        padding: 15px 1rem;
        gap: 0.5rem;
    }

    .breadcrumbs_internal_page a {
        padding: 6px 8px;
    }

    .prose_internal_page {
        padding: 0 0 2rem 0;
        font-size: 1rem;
        line-height: 1.65;
    }

    .prose_internal_page > * {
        padding: 0 1rem;
    }

    .prose_internal_page h1 {
        font-size: 2rem;
        margin-bottom: 1.5rem;
        padding-bottom: 0;
    }

    .prose_internal_page h2 {
        font-size: 1.75rem;
        margin: 2.5rem 0 1.25rem;
    }

    .prose_internal_page h3 {
        font-size: 1.5rem;
        margin: 2.5rem 0 1.25rem;
    }

    .prose_internal_page p {
        text-align: left;
        font-size: 1rem;
    }

    .prose_internal_page table {
        font-size: 0.9rem;
    }

    .prose_internal_page th, .prose_internal_page td {
        padding: 0.875rem 0.5rem;
    }

    .prose_internal_page ul, .prose_internal_page ol {
        padding-left: 2rem;
    }
}

@media (max-width: 480px) {
    .main_internal_page {
        margin-top: 50px;
        padding: 0.5rem 0;
        margin-left: 0;
        width: 100%;
    }

    .breadcrumbs_internal_page nav {
        flex-wrap: wrap;
        gap: 0.25rem;
        padding: 15px 0.5rem;
    }

    .prose_internal_page > * {
        padding: 0 0.5rem;
    }

    .prose_internal_page h1 {
        font-size: 1.75rem;
    }

    .prose_internal_page h2 {
        font-size: 1.5rem;
    }

    .prose_internal_page h3 {
        font-size: 1.25rem;
    }

    .prose_internal_page ul, .prose_internal_page ol {
        padding-left: 1.5rem;
    }
    
    .prose_internal_page blockquote {
        padding: 1.5rem 1rem;
        margin: 2rem 0;
    }
}

@keyframes fadeInInternal {
    from {
        opacity: 0;
        transform: translateY(20px);
    }
    to {
        opacity: 1;
        transform: translateY(0);
    }
}

.prose_internal_page {
    animation: fadeInInternal 0.6s ease-out;
}

.prose_internal_page h1 {
    animation: fadeInInternal 0.8s ease-out;
}

.prose_internal_page h2 {
    animation: fadeInInternal 0.8s ease-out 0.1s both;
}

.prose_internal_page h3 {
    animation: fadeInInternal 0.8s ease-out 0.2s both;
}