/* Russian Start Here long-form guides for Codex V21. */
body.codex-guide-page{background:#07111f;color:#eef4fa}
.guide-main{padding-bottom:88px}
.guide-hero{position:relative;isolation:isolate;overflow:hidden;min-height:540px;margin-top:-78px;padding-top:120px;display:flex;align-items:flex-end;background:#0b1c31}
.guide-hero::before{content:"";position:absolute;z-index:-2;inset:0;background-image:var(--guide-hero);background-position:center;background-size:cover;filter:saturate(.9) contrast(1.04)}
.guide-hero::after{content:"";position:absolute;z-index:-1;inset:0;background:linear-gradient(90deg,rgba(4,12,23,.97) 0%,rgba(6,17,31,.88) 44%,rgba(6,17,31,.24) 78%),linear-gradient(180deg,rgba(4,11,20,.08),rgba(7,17,30,.94) 93%)}
.guide-hero-inner,.guide-wrap{width:min(1340px,calc(100% - 28px));margin-inline:auto}
.guide-hero-inner{padding:52px 0 38px}
.guide-kicker{color:#82c8ff;font-size:12px;font-weight:950;letter-spacing:.16em;text-transform:uppercase}
.guide-theme-legends .guide-kicker{color:#d0a6ff}.guide-theme-chronicle .guide-kicker{color:#ffb69a}
.guide-title{max-width:900px;margin:9px 0 16px;color:#f3ce69;font-family:Georgia,serif;font-size:clamp(43px,5.2vw,76px);line-height:1.02;text-wrap:balance;text-shadow:0 5px 0 rgba(76,40,0,.45),0 15px 32px rgba(0,0,0,.5)}
.guide-lead{max-width:850px;margin:0;color:#d9e3ed;font-size:clamp(17px,1.55vw,23px);line-height:1.56}
.guide-read-time{display:inline-flex;align-items:center;gap:9px;margin-top:20px;border:1px solid rgba(244,193,75,.62);border-radius:999px;background:rgba(7,22,38,.76);padding:9px 14px;color:#f4cc67;font-size:13px;font-weight:850}
.guide-wrap{padding-top:24px}.guide-back-row{margin-bottom:20px}.guide-back-row .back-btn{display:inline-flex;text-decoration:none}
.guide-list{display:grid;gap:18px}
.guide-block{position:relative;display:grid;grid-template-columns:minmax(0,1.08fr) minmax(360px,.92fr);min-height:310px;overflow:hidden;border:1px solid #3f6688;border-radius:25px;background:linear-gradient(145deg,#0d2238,#081726);box-shadow:0 15px 36px rgba(0,0,0,.24)}
.guide-theme-legends .guide-block{border-color:#70549a}.guide-theme-chronicle .guide-block{border-color:#8c5c4d}
.guide-block-copy{z-index:2;display:flex;flex-direction:column;justify-content:center;min-width:0;padding:30px 31px}
.guide-block-number{width:max-content;margin-bottom:13px;border:1px solid #e3a939;border-radius:13px;padding:7px 11px;color:#f5c657;font-family:Georgia,serif;font-size:22px;line-height:1}
.guide-block h2{max-width:760px;margin:0 0 13px;color:#f2d98d;font-family:Georgia,serif;font-size:clamp(27px,2.3vw,38px);line-height:1.12;text-wrap:balance}
.guide-block p{max-width:760px;margin:0;color:#cbd7e3;font-size:16px;line-height:1.62}
.guide-related{display:flex;flex-wrap:wrap;gap:8px;margin-top:20px}
.guide-related a{border:1px solid #527ba0;border-radius:999px;background:rgba(12,34,56,.92);padding:8px 12px;color:#edf5fc;text-decoration:none;font-size:12px;font-weight:850;transition:transform .16s ease,border-color .16s ease,background-color .16s ease}
.guide-theme-legends .guide-related a{border-color:#7759a9}.guide-theme-chronicle .guide-related a{border-color:#986453}
.guide-related a:hover,.guide-related a:focus-visible{transform:translateY(-1px);border-color:#f0c762;background:#142f4a;outline:0}
.guide-block-art{position:relative;z-index:1;display:block;min-width:0;min-height:310px;overflow:hidden;background:#0a1b2d}
.guide-block-art img{width:100%;height:100%;object-fit:cover;display:block;transition:transform .35s ease}
.guide-block-art:hover img{transform:scale(1.025)}
.guide-block-art::before{content:"";position:absolute;z-index:1;inset:0;background:linear-gradient(90deg,#0a1b2d 0%,rgba(10,27,45,.9) 8%,rgba(10,27,45,.28) 34%,transparent 62%);pointer-events:none}
.guide-block:nth-child(even){grid-template-columns:minmax(360px,.92fr) minmax(0,1.08fr)}
.guide-block:nth-child(even) .guide-block-art{order:-1}
.guide-block:nth-child(even) .guide-block-art::before{background:linear-gradient(270deg,#0a1b2d 0%,rgba(10,27,45,.9) 8%,rgba(10,27,45,.28) 34%,transparent 62%)}
.guide-image-label{position:absolute;z-index:2;right:14px;bottom:13px;max-width:calc(100% - 28px);border:1px solid rgba(255,255,255,.22);border-radius:999px;background:rgba(5,15,27,.76);padding:7px 10px;color:#dce7f1;font-size:11px;font-weight:800;backdrop-filter:blur(5px)}
.guide-block:nth-child(even) .guide-image-label{right:auto;left:14px}
.guide-end{margin-top:26px;padding:26px;border:1px solid #385d7e;border-radius:23px;background:linear-gradient(145deg,#102943,#0a1b2e);text-align:center}
.guide-end h2{margin:0 0 8px;color:#f2ce6b;font-family:Georgia,serif;font-size:30px}.guide-end p{margin:0 0 17px;color:#b7c7d7}.guide-end a{display:inline-flex;border:1px solid #e0af43;border-radius:999px;background:#142f4a;padding:11px 17px;color:#fff;text-decoration:none;font-weight:900}
@media(max-width:820px){
 .guide-hero{min-height:500px}.guide-hero::after{background:linear-gradient(180deg,rgba(4,12,23,.2),rgba(6,17,31,.88) 38%,rgba(7,17,30,.98) 92%)}
 .guide-title{font-size:clamp(35px,8.5vw,54px)}.guide-lead{font-size:16px}.guide-hero-inner{padding-bottom:30px}
 .guide-block,.guide-block:nth-child(even){grid-template-columns:1fr;min-height:0}.guide-block-copy{order:2;padding:23px 20px 25px}.guide-block-art,.guide-block:nth-child(even) .guide-block-art{order:1;min-height:220px;height:220px}
 .guide-block-art::before,.guide-block:nth-child(even) .guide-block-art::before{background:linear-gradient(180deg,transparent 48%,rgba(10,27,45,.72) 79%,#0a1b2d 100%)}
 .guide-block h2{font-size:clamp(25px,6.8vw,34px)}.guide-block p{font-size:15px}.guide-image-label,.guide-block:nth-child(even) .guide-image-label{right:12px;left:auto;bottom:12px}
}
@media(max-width:460px){.guide-hero{min-height:470px}.guide-title{font-size:clamp(32px,9vw,42px)}.guide-kicker{font-size:10px}.guide-read-time{font-size:12px}.guide-block-art,.guide-block:nth-child(even) .guide-block-art{height:190px;min-height:190px}.guide-related a{flex:1 1 calc(50% - 8px);text-align:center}.guide-block-copy{padding-inline:17px}}
@media(prefers-reduced-motion:reduce){.guide-block-art img,.guide-related a{transition:none}}