/* DOBROZUB — Journal Article Styles */
a{color:inherit;text-decoration:none}
::selection{background:var(--gold,#d1b463);color:var(--ink,#161512)}
h1,h2,h3,.font-alt{font-family:var(--font-heading,'Montserrat Alternates','Montserrat',sans-serif)}

#ambientBg{position:fixed;inset:0;z-index:-1;overflow:hidden;background:#191917;pointer-events:none}
#ambientBg .amb-blob{position:absolute;filter:blur(50px);border-radius:46% 54% 60% 40%/48% 42% 58% 52%}
#ambientBg .amb-1{top:-10%;left:8%;width:46vw;height:46vw;max-width:640px;max-height:640px;background:radial-gradient(circle,rgba(37,65,69,.28) 0%,rgba(37,65,69,.11) 45%,transparent 72%)}
#ambientBg .amb-2{bottom:-14%;right:4%;width:40vw;height:40vw;max-width:560px;max-height:560px;background:radial-gradient(circle,rgba(209,180,99,.26) 0%,rgba(209,180,99,.1) 45%,transparent 72%)}

#prog{position:fixed;top:0;left:0;height:2px;width:100%;transform:scaleX(0);transform-origin:0 50%;background:var(--gold,#d1b463);z-index:300;will-change:transform;pointer-events:none}

.navlink{font-size:14px;color:rgba(255,255,255,.6);letter-spacing:.01em;transition:color .25s;position:relative}
.navlink:hover{color:#fff}
.navlink::after{content:'';position:absolute;left:0;bottom:-6px;height:1px;width:0;background:var(--gold,#d1b463);transition:width .35s cubic-bezier(.19,1,.22,1)}
.navlink:hover::after{width:100%}
.fl{color:rgba(240,236,227,.4);font-size:13px;transition:color .25s;line-height:1.7}
.fl:hover{color:rgba(240,236,227,.9)}
.soc{width:36px;height:36px;border-radius:50%;border:1px solid rgba(255,255,255,.15);display:flex;align-items:center;justify-content:center;color:rgba(255,255,255,.5);transition:all .3s}
.soc:hover{background:rgba(255,255,255,.1);color:#fff;transform:translateY(-3px)}
.magnetic{will-change:transform;box-shadow:0 0 0 0 rgba(209,180,99,0);transition:box-shadow .45s ease}
.magnetic:hover{box-shadow:0 0 22px 3px rgba(209,180,99,.4)}
.magnetic:active{transform:scale(.94)!important;transition:transform .1s ease!important}
.logo-link{transition:transform .3s cubic-bezier(.22,1,.36,1)}
.logo-link:hover{transform:translateY(-1px)}
.logo-link:hover .site-logo path,.logo-link:hover .site-logo polygon{fill:var(--gold,#d1b463)}
.tag{display:inline-block;font-size:10px;letter-spacing:.16em;text-transform:uppercase;color:var(--gold,#d1b463);font-weight:600}

article p{font-size:15.5px;line-height:1.8;color:rgba(244,242,236,.72);margin-bottom:20px}
article h2{font-size:21px;font-weight:600;color:#fff;margin:36px 0 14px}
article ul{margin:0 0 20px;padding-left:0;list-style:none}
article ul li{font-size:15.5px;line-height:1.75;color:rgba(244,242,236,.72);margin-bottom:10px;padding-left:24px;position:relative}
article ul li::before{content:'';position:absolute;left:0;top:9px;width:6px;height:6px;border-radius:50%;background:var(--gold,#d1b463)}
article blockquote{margin:28px 0;padding:20px 24px;border-left:2px solid var(--gold,#d1b463);background:rgba(209,180,99,.06);border-radius:0 12px 12px 0;font-size:15px;line-height:1.75;color:rgba(244,242,236,.85);font-style:italic}

.cat-badge{display:inline-flex;align-items:center;gap:7px;padding:7px 14px 7px 10px;border-radius:100px;background:rgba(209,180,99,.1);border:1px solid rgba(209,180,99,.3)}
.rel-card{display:flex;flex-direction:column;gap:10px;padding:20px;background:rgba(255,255,255,.03);border:1px solid rgba(255,255,255,.08);border-radius:16px;transition:border-color .3s,transform .3s}
.rel-card:hover{border-color:rgba(209,180,99,.4);transform:translateY(-3px)}

@media(max-width:900px){
  #hdr{padding:0 22px!important}
  #hdr nav{display:none!important}
  #hdr .magnetic{display:none!important}
  .m-tog{display:flex!important}
  section{padding-left:22px!important;padding-right:22px!important}
}
.m-tog{display:none;flex-direction:column;gap:5px;padding:8px;cursor:pointer;background:none;border:none;margin-left:12px}
.m-tog span{display:block;width:22px;height:1.5px;background:#fff}
.m-tog span:last-child{width:14px}
#mob{display:none;position:fixed;inset:0;background:#14130f;z-index:400;flex-direction:column;padding:0 28px;overflow-y:auto}
#mob.open{display:flex}
#mob .mob-top{display:flex;align-items:center;justify-content:space-between;height:72px;border-bottom:1px solid rgba(255,255,255,.08);flex-shrink:0}
#mob .mob-top span{font-size:17px;font-weight:700;letter-spacing:.18em;color:#fff}
#mob .mob-close{font-size:24px;color:#fff;line-height:1;padding:8px;background:none;border:none;cursor:pointer}
#mob nav{display:flex;flex-direction:column;margin-top:8px}
#mob nav a{padding:18px 0;font-size:16px;color:rgba(240,236,227,.8);border-bottom:1px solid rgba(255,255,255,.08);text-decoration:none}
#mob .mob-cta{margin-top:28px;margin-bottom:40px;display:flex;justify-content:center;gap:10px;padding:15px 24px;background:#fff;color:#111;border-radius:100px;font-size:14px;font-weight:600;text-decoration:none}