/* Alesta rehberinin goruntuleri ve aciklamalari, sitenin koyu oyun temasinda. */
.system-story.has-source-guide{background:radial-gradient(ellipse at 50% 0,color-mix(in srgb,var(--story-accent) 10%,transparent),transparent 36%),linear-gradient(150deg,#17110e,#0c0a09 65%)}
.system-story.has-source-guide .story-media,
.system-story.has-source-guide:nth-child(even) .story-media{
  display:block;position:relative;top:auto;order:initial;width:min(100%,1180px);height:auto;
  margin:0 auto;padding:0;border:0;background:transparent;box-shadow:none;overflow:visible
}
.system-story.has-source-guide .story-media>*{box-sizing:border-box}
.psd-guide-title{
  width:100%;margin:0 auto clamp(28px,3.5vw,45px);padding:0 0 23px;
  border-bottom:1px solid color-mix(in srgb,var(--story-accent) 42%,#44301e);
  color:#f4e9d7;text-align:center;font:800 clamp(34px,4.2vw,64px)/1.09 var(--display);
  letter-spacing:-.045em;text-transform:uppercase
}
.psd-guide-title:after{content:"";display:block;width:86px;height:3px;margin:22px auto -26px;background:var(--story-accent);box-shadow:0 0 24px color-mix(in srgb,var(--story-accent) 60%,transparent)}
.psd-guide-scene,.psd-guide-image-frame{
  width:min(100%,1080px);margin:30px auto 0;padding:9px;overflow:hidden;
  border:1px solid color-mix(in srgb,var(--story-accent) 57%,#32241a);
  background:#100d0b;box-shadow:0 22px 58px #0008,inset 0 0 0 1px #e0b8751b
}
.psd-guide-scene img,.psd-guide-extra-image{display:block;width:100%;height:auto;margin:auto}
.psd-guide-image-frame{width:min(100%,960px);padding:8px}
.psd-guide-subheading{
  width:min(100%,1080px);margin:clamp(45px,5vw,70px) auto 15px;padding:0 0 16px;
  border-bottom:1px solid color-mix(in srgb,var(--story-accent) 35%,#33251b);
  color:#f2d6ac;text-align:left;font:800 clamp(22px,2.7vw,35px)/1.2 var(--display);letter-spacing:-.025em
}
.psd-guide-subheading:before{content:"";display:inline-block;width:18px;height:18px;margin-right:13px;transform:rotate(45deg) scale(.55);border:2px solid var(--story-accent);vertical-align:3px}
.psd-guide-copy{
  width:min(100%,1080px);margin:15px auto 0;padding:20px clamp(20px,3vw,32px);
  border:1px solid color-mix(in srgb,var(--story-accent) 22%,#33261d);
  border-left:3px solid var(--story-accent);
  background:linear-gradient(100deg,color-mix(in srgb,var(--story-accent) 9%,#17110d),#110e0b 75%);
  color:#e5d6c4;text-align:left;font:500 clamp(14px,1.25vw,17px)/1.75 var(--body)
}
.system-story.has-source-guide .psd-guide-table{max-width:1080px;margin:28px auto 0;border-color:color-mix(in srgb,var(--story-accent) 48%,#33251b);background:#120e0b}
.system-story.has-source-guide .psd-guide-table .guide-table{min-width:650px;background:#120e0b}
.system-story.has-source-guide .psd-guide-table caption{background:#2d1d12;color:#f6d9a9}
.system-story.has-source-guide .psd-guide-table thead th{background:#21170f;color:#e9bf7b}
.system-story.has-source-guide .psd-guide-table tbody th,.system-story.has-source-guide .psd-guide-table tbody td{border-color:#4c3623;color:#e6d3b9}
.system-story.has-source-guide .psd-guide-table tbody tr:nth-child(even){background:#1c150f}
.system-story.has-source-guide .psd-guide-table tbody tr:nth-child(odd){background:#120e0b}
html[lang="tr"] .system-story.has-source-guide .story-copy{display:none}
html[lang="tr"] .system-story.has-source-guide .psd-guide-reference-table{display:none}
html[lang="en"] .system-story.has-source-guide .psd-guide-title,
html[lang="en"] .system-story.has-source-guide .psd-guide-subheading,
html[lang="en"] .system-story.has-source-guide .psd-guide-copy,
html[lang="en"] .system-story.has-source-guide .psd-guide-table{display:none}
html[lang="en"] .system-story.has-source-guide .story-copy{display:block;margin-bottom:30px}
html[lang="tr"] .system-story.has-system-experience.has-source-guide .story-media{display:block!important;grid-column:1;grid-row:1;margin:0 auto}
html[lang="tr"] .system-story.has-system-experience.has-source-guide .system-experience{grid-column:1;grid-row:2;margin:50px auto 0}
html[lang="tr"] .system-story.has-system-experience.has-source-guide .story-copy{display:none}
html[lang="en"] .system-story.has-system-experience.has-source-guide .story-copy{grid-column:1;grid-row:1}
html[lang="en"] .system-story.has-system-experience.has-source-guide .story-media{grid-column:1;grid-row:2;margin:0 auto}
html[lang="en"] .system-story.has-system-experience.has-source-guide .system-experience{grid-column:1;grid-row:3;margin:50px auto 0}
@media(max-width:700px){
  .psd-guide-title{font-size:clamp(30px,8vw,44px);margin-bottom:24px;padding-bottom:19px}
  .psd-guide-title:after{margin:18px auto -22px}
  .psd-guide-scene,.psd-guide-image-frame{margin-top:23px;padding:4px}
  .psd-guide-subheading{margin-top:38px;font-size:22px}
  .psd-guide-copy{padding:16px 17px;font-size:14px;line-height:1.65}
  .system-story.has-source-guide .psd-guide-table{overflow-x:auto}
}