.tibia-beacon-info-page{
  --ti-bg:#0e0b14;
  --ti-panel:#17121f;
  --ti-panel-soft:#211a2a;
  --ti-border:rgba(214,195,255,.14);
  --ti-border-strong:rgba(214,195,255,.22);
  --ti-text:#f7f4ff;
  --ti-soft:#c7bfd3;
  --ti-muted:#9389a3;
  --ti-violet:#b79aff;
  --ti-violet-bright:#cfbdff;
  --ti-teal:#6fc7be;
  background:
    radial-gradient(circle at 8% 0%,rgba(183,154,255,.075),transparent 30rem),
    radial-gradient(circle at 96% 8%,rgba(111,199,190,.045),transparent 31rem),
    var(--ti-bg);
  color:var(--ti-text);
}
.tibia-beacon-info-page .site-header{background:rgba(12,9,17,.90)}
.tibia-beacon-info-page [data-language-document][hidden]{display:none!important}

.ti-hero{
  padding:46px 0 46px;
  border-bottom:1px solid rgba(255,255,255,.055);
  background:linear-gradient(180deg,rgba(183,154,255,.035),transparent 80%);
}
.ti-breadcrumb{display:flex;flex-wrap:wrap;gap:9px;align-items:center;margin-bottom:28px;color:var(--ti-muted);font-size:.82rem}
.ti-breadcrumb a{color:var(--ti-soft)}
.ti-breadcrumb a:hover{color:var(--ti-text)}

.ti-product-row{display:flex;align-items:center;gap:14px;margin-bottom:24px}
.ti-mark{width:58px;height:58px;display:block;flex:0 0 58px;border-radius:16px;overflow:hidden;box-shadow:0 14px 32px rgba(0,0,0,.30),0 0 0 1px rgba(255,255,255,.07) inset}
.ti-mark img{display:block;width:100%;height:100%;object-fit:cover}
.ti-product-row>div{min-width:0}
.ti-product-row strong{display:block;font-size:1rem;line-height:1.15}
.ti-product-row>div>span{display:block;margin-top:4px;color:var(--ti-muted);font-size:.76rem}

.ti-kicker{margin:0 0 10px;color:var(--ti-violet-bright);font-size:.76rem;font-weight:850;letter-spacing:.12em;text-transform:uppercase}
.ti-hero h1{max-width:920px;margin:0 0 14px;font-size:clamp(2.7rem,5.4vw,4.9rem);line-height:.98;letter-spacing:-.05em}
.ti-lead{max-width:860px;margin:0;color:var(--ti-soft);font-size:1.02rem;line-height:1.75}

.tibia-beacon-info-page .tt-language-switch{display:flex;flex-wrap:wrap;gap:9px;margin-top:25px}
.tibia-beacon-info-page .tt-language-switch button{min-height:38px;padding:0 14px;border:1px solid var(--ti-border);border-radius:999px;background:rgba(255,255,255,.025);color:var(--ti-soft);cursor:pointer;font:inherit;font-size:.76rem;font-weight:750;transition:.2s ease}
.tibia-beacon-info-page .tt-language-switch button:hover{border-color:var(--ti-border-strong);background:rgba(255,255,255,.045)}
.tibia-beacon-info-page .tt-language-switch button.is-active{border-color:transparent;background:linear-gradient(110deg,var(--ti-violet-bright),var(--ti-violet));color:#17121f}

/* Main reading layout: article on the LEFT, navigation on the RIGHT. */
.ti-shell{display:grid;grid-template-columns:minmax(0,1fr) 300px;gap:54px;align-items:start;padding-top:66px;padding-bottom:110px}
.ti-doc{grid-column:1;grid-row:1;min-width:0;max-width:860px}
.ti-sidebar{grid-column:2;grid-row:1;position:sticky;top:calc(var(--header-height,76px) + 28px);padding:22px;border:1px solid var(--ti-border);border-radius:22px;background:rgba(255,255,255,.025);box-shadow:0 18px 44px rgba(0,0,0,.16)}

.ti-intro{margin-bottom:20px;padding:0 0 28px;border-bottom:1px solid var(--ti-border)}
.ti-intro h2{margin:0 0 12px;font-size:clamp(2rem,3.8vw,3.25rem);line-height:1.04;letter-spacing:-.04em}
.ti-intro p{max-width:820px;margin:0;color:var(--ti-soft);line-height:1.8}

.ti-section{padding:32px 0;border-top:1px solid var(--ti-border);scroll-margin-top:125px}
.ti-section:first-of-type{border-top:0;padding-top:20px}
.ti-section h3{max-width:760px;margin:0 0 14px;font-size:clamp(1.32rem,2.25vw,1.88rem);line-height:1.14;letter-spacing:-.025em}
.ti-section p,.ti-section li{color:var(--ti-soft);font-size:.98rem;line-height:1.78}
.ti-section p{margin:0 0 15px}
.ti-section p:last-child{margin-bottom:0}
.ti-section ul{display:grid;gap:8px;margin:16px 0 0;padding-left:22px}
.ti-section a{color:var(--ti-violet-bright);text-decoration:underline;text-decoration-color:rgba(207,189,255,.32);text-underline-offset:3px}

.ti-sidebar h2{margin:0 0 13px;font-size:.95rem}
.ti-sidebar nav{display:grid}
.ti-sidebar nav a{padding:9px 0;border-top:1px solid var(--ti-border);color:var(--ti-muted);font-size:.74rem;line-height:1.45}
.ti-sidebar nav a:first-child{border-top:0}
.ti-sidebar nav a:hover{color:var(--ti-violet-bright)}
.ti-side-links{display:grid;gap:8px;margin-top:18px;padding-top:18px;border-top:1px solid var(--ti-border)}
.ti-side-links a{display:block;padding:9px 11px;border:1px solid var(--ti-border);border-radius:12px;background:rgba(255,255,255,.022);color:var(--ti-soft);font-size:.76rem;font-weight:750}
.ti-side-links a:hover{color:var(--ti-text);border-color:var(--ti-border-strong)}

.tibia-beacon-info-page .tt-footer-grid{display:grid;grid-template-columns:minmax(0,1.1fr) auto auto;gap:20px;align-items:end}
.tibia-beacon-info-page .tt-footer-links{display:flex;gap:16px;flex-wrap:wrap;justify-content:center}
.tibia-beacon-info-page .tt-footer-copy-small{margin:10px 0 0;color:var(--ti-muted);font-size:.82rem}
.tibia-beacon-info-page .tt-footer-copy{margin:0;color:var(--ti-muted);font-size:.86rem}

@media(max-width:980px){
  .ti-shell{grid-template-columns:1fr;gap:30px}
  .ti-doc{grid-column:1;grid-row:2;max-width:none}
  .ti-sidebar{grid-column:1;grid-row:1;position:static}
  .ti-sidebar nav{grid-template-columns:repeat(2,minmax(0,1fr));column-gap:22px}
}
@media(max-width:760px){
  .ti-hero{padding:38px 0 42px}
  .ti-mark{width:52px;height:52px;flex-basis:52px;border-radius:14px}
  .tibia-beacon-info-page .tt-language-switch{width:100%}
  .tibia-beacon-info-page .tt-language-switch button{flex:1 1 0}
  .ti-shell{padding-top:44px;padding-bottom:82px}
  .ti-sidebar nav{grid-template-columns:1fr}
  .ti-section{padding:28px 0}
}
@media(max-width:430px){
  .tibia-beacon-info-page .tt-language-switch{display:grid;grid-template-columns:1fr}
}