@font-face{font-family:Geogrotesque;src:url('../assets/fonts/GeogrotesqueCyr-Regular.woff2') format('woff2');font-weight:400;font-display:swap}
@font-face{font-family:Geogrotesque;src:url('../assets/fonts/GeogrotesqueCyr-SemiBold.woff2') format('woff2');font-weight:600 800;font-display:swap}
*{box-sizing:border-box}
body{margin:0;min-width:0;min-height:100svh;display:flex;flex-direction:column;color:#29252a;background:#f3f4f6;font:400 16px/1.6 Geogrotesque,Arial,sans-serif}
img{display:block;max-width:100%;height:auto}
a{color:#6f0050;text-underline-offset:4px;overflow-wrap:anywhere}
.info-header{width:100%;background:#6f0050;color:white}
.header-inner{width:100%;padding:22px clamp(16px,3vw,56px);display:flex;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:16px 24px}
.brand{min-width:0;flex:0 1 auto}
.brand img{width:180px}
.back-link{min-width:0;color:white;font-size:14px;text-decoration:none}
.info-main{width:100%;min-width:0;flex:1;padding:clamp(32px,4vw,64px) clamp(16px,3vw,56px) clamp(45px,5vw,80px)}
.eyebrow{font-size:12px;font-weight:600;letter-spacing:2px;color:#6f0050}
h1{font-size:clamp(30px,3.2vw,48px);line-height:1.15;letter-spacing:-.8px;margin:10px 0;overflow-wrap:anywhere}
.page-heading{min-width:0}
.page-heading p{max-width:80ch;color:#777;margin:0 0 38px}
.page-layout{display:grid;grid-template-columns:clamp(190px,17vw,280px) minmax(0,1fr);gap:clamp(24px,3vw,56px);align-items:start;min-width:0}
.page-nav{display:grid;min-width:0;gap:5px;border-left:1px solid #dddae0}
.page-nav a{min-width:0;padding:12px 16px;color:#716774;text-decoration:none;font-size:14px}
.page-nav a[aria-current=page]{background:#ebe2e9;color:#6f0050;border-left:3px solid #6f0050;margin-left:-2px;font-weight:600}
.info-content{width:100%;min-width:0;padding:clamp(22px,2.5vw,44px);background:white;border:1px solid #e9e4e9;border-radius:6px;overflow-wrap:anywhere}
.info-content>section{min-width:0}
.info-content p,.info-content ul{max-width:85ch}
.copy-note{padding:16px 18px;background:#faf5f9;border-left:3px solid #b580a7;color:#695164;font-size:14px;margin-bottom:28px;min-width:0}
.copy-note strong{color:#6f0050}
.copy-note p{margin:4px 0 0}
h2{font-size:23px;line-height:1.3;margin:26px 0 12px;font-weight:600;overflow-wrap:anywhere}
p{margin:0 0 16px}
ul{padding-left:24px}
.source-note{min-width:0;margin-top:30px;padding-top:20px;border-top:1px solid #e8e3e8;font-size:13px;color:#888}
.source-note p{margin-bottom:6px}
.link-detail{font-size:12px;color:#777}
.info-footer{width:100%;background:#03101d;color:white}
.footer-inner{width:100%;padding:36px clamp(16px,3vw,56px);display:flex;flex-wrap:wrap;gap:25px;justify-content:space-between;align-items:center;font-size:13px}
.footer-inner>a{min-width:0}
.info-footer a{color:white;text-decoration:none}
.info-footer nav{min-width:0;display:flex;flex-wrap:wrap;gap:12px 18px}
a:hover{text-decoration:underline}
:focus-visible{outline:3px solid #b75698;outline-offset:4px}
.info-header :focus-visible,.info-footer :focus-visible{outline-color:white}
.skip-link{position:absolute;z-index:10;top:-80px;left:15px;max-width:calc(100% - 30px);padding:12px 20px;background:white}
.skip-link:focus{top:8px}
@media(min-width:1280px){.info-content{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));column-gap:clamp(28px,3vw,56px);align-items:start}.info-content>.copy-note,.info-content>.source-note{grid-column:1/-1}.info-content>.copy-note{margin-bottom:8px}.info-content>section>h2:first-child{margin-top:18px}}
@media(max-width:900px){.page-layout{grid-template-columns:minmax(0,1fr);gap:22px}.page-nav{display:flex;flex-wrap:wrap;border:0;gap:8px}.page-nav a{border-radius:3px;padding:10px 14px;background:#e9e6ea}.page-nav a[aria-current=page]{border:0;margin:0}.page-heading p{margin-bottom:26px}}
@media(max-width:767px){.header-inner{padding-block:17px;gap:12px 18px}.brand img{width:135px}.back-link{font-size:13px}.page-nav a{font-size:13px;padding:9px 11px}.info-content{padding:24px 20px}.footer-inner{padding-block:28px;align-items:flex-start}.copy-note{padding:12px 14px}}
@media(max-width:479px){.footer-inner{flex-direction:column;gap:18px}.info-footer nav{flex-direction:column;gap:10px}.info-content{padding:22px 16px}.page-nav a{flex:1 1 auto;text-align:center}}
