/* MA54 glossary + newsletter — staging */
.glh{position:relative;overflow:hidden;padding:24px 0 56px;background:radial-gradient(800px 460px at 85% 30%,rgba(255,209,0,.07),transparent 60%)}
.glh:after{content:"";position:absolute;inset-inline:0;bottom:0;height:8px;background:var(--haz)}
.glh .wrap{display:grid;grid-template-columns:minmax(0,1.15fr) minmax(0,.85fr);gap:56px;align-items:center}
.glh h1{font-size:56px;line-height:1.2;margin:16px 0 14px;letter-spacing:-.5px}.glh h1 em{font-style:normal;color:var(--y)}
body.en .glh h1{line-height:1.08}
.glh .lead{max-width:560px;font-size:18px;line-height:1.85;color:#D6D6E2;margin:0}
.gl-search{position:relative;margin-top:26px;max-width:560px}
.gl-search input{width:100%;height:60px;border-radius:16px;border:1px solid var(--bd2);background:var(--s1);color:var(--tx);font:inherit;font-size:16.5px;padding-inline:52px 18px;outline:none;transition:.2s}
.gl-search input:focus{border-color:var(--y);box-shadow:0 0 0 4px rgba(255,209,0,.14)}
.gl-search .ico{position:absolute;inset-inline-start:18px;top:50%;transform:translateY(-50%);width:22px;height:22px;color:var(--fa)}
.gl-cats{display:flex;flex-wrap:wrap;gap:10px;margin-top:16px}
.gl-cats button{height:44px;padding:0 16px;border-radius:999px;border:1px solid var(--bd2);background:rgba(255,255,255,.03);color:var(--mu);font:inherit;font-size:14.5px;font-weight:700;cursor:pointer;display:inline-flex;align-items:center;gap:8px}
.gl-cats button[aria-pressed=true]{background:var(--y);color:#08080C;border-color:var(--y)}
.gl-cats button span{font-size:12px;opacity:.7;direction:ltr}
.gl-card0{position:relative;border-radius:26px;border:1px solid var(--bd2);background:linear-gradient(160deg,#141419,#0C0C10);padding:28px;box-shadow:0 30px 80px rgba(0,0,0,.5)}
.gl-card0 .tag{display:inline-flex;align-items:center;gap:8px;font-size:13px;font-weight:700;color:var(--y);background:rgba(255,209,0,.1);border-radius:999px;padding:6px 12px}
.gl-card0 h3{font-size:30px;margin:16px 0 4px}.gl-card0 .en2{color:var(--fa);font:600 15px Inter,system-ui;direction:ltr;display:block}
.gl-card0 p{color:#D6D6E2;line-height:1.85;font-size:16px;margin:14px 0 18px}
.gl-card0 .zone{height:120px;border-radius:18px;position:relative;overflow:hidden;background:#0A0A0E;border:1px solid var(--bd)}
.gl-card0 .zone:before{content:"";position:absolute;inset:18px 26%;border-radius:14px;background:rgba(43,212,125,.16);border:2px solid var(--g);box-shadow:0 0 34px rgba(43,212,125,.35)}
.gl-card0 .zone:after{content:"";position:absolute;inset-inline:0;bottom:0;height:10px;background:var(--haz)}
.gl-card0 .zone b{position:absolute;inset:0;display:grid;place-items:center;font-size:14px;color:var(--g);z-index:2}
.gl-card0 .meta{display:flex;gap:10px;margin-top:16px;flex-wrap:wrap}.gl-card0 .meta span{font-size:13px;color:var(--mu);border:1px solid var(--bd);border-radius:10px;padding:6px 10px}
.gl-sec{padding:56px 0 24px}
.gl-grp{margin-bottom:44px}.gl-grp>h2{display:flex;align-items:center;gap:12px;font-size:26px;margin:0 0 18px}
.gl-grp>h2 .i{width:44px;height:44px;border-radius:12px;display:grid;place-items:center;background:rgba(255,209,0,.1);color:var(--y)}
.gl-grp>h2 small{font-size:14px;color:var(--fa);font-weight:600}
.gl-list{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;list-style:none;margin:0;padding:0}
.gl-list li{border:1px solid var(--bd);background:var(--s1);border-radius:18px;padding:20px 20px 18px;transition:.2s;scroll-margin-top:96px}
.gl-list li:hover,.gl-list li:target{border-color:rgba(255,209,0,.5)}
.gl-list b{font-size:19px;display:block}.gl-list .en2{display:block;direction:ltr;text-align:start;color:var(--fa);font:600 13.5px Inter,system-ui;margin-top:4px}
body:not(.en) .gl-list .en2{text-align:right}
.gl-list p{color:var(--mu);font-size:15px;line-height:1.8;margin:10px 0 0}
.gl-list .ex{display:inline-block;margin-top:10px;font-size:12.5px;color:var(--g);background:var(--gs);border-radius:8px;padding:4px 9px}
.gl-empty{display:none;padding:40px;border:1px dashed var(--bd2);border-radius:18px;text-align:center;color:var(--mu)}
.gl-note{color:var(--fa);font-size:14px;margin-top:4px}
/* newsletter */
.nl{padding:48px 0}
.nl-box{position:relative;overflow:hidden;display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.05fr);gap:40px;align-items:center;border-radius:28px;border:1px solid var(--bd2);background:linear-gradient(135deg,#131318,#0B0B0F);padding:40px}
.nl-box:before{content:"";position:absolute;inset-block:0;inset-inline-end:0;width:10px;background:var(--haz)}
.nl-box h2{font-size:34px;line-height:1.3;margin:12px 0 10px}.nl-box h2 em{font-style:normal;color:var(--y)}
.nl-box .lead{color:#D6D6E2;line-height:1.85;margin:0;font-size:16.5px}
.nl-pts{display:flex;flex-wrap:wrap;gap:8px;margin-top:16px;list-style:none;padding:0}
.nl-pts li{font-size:13.5px;color:var(--mu);border:1px solid var(--bd);border-radius:10px;padding:7px 11px}
.nl-f{display:grid;gap:14px}
.nl-row{display:flex;gap:10px}
.nl-row input{flex:1;min-width:0;height:58px;border-radius:16px;border:1px solid var(--bd2);background:#0A0A0E;color:var(--tx);font:inherit;font-size:16px;padding:0 18px;outline:none;direction:ltr;text-align:start}
.nl-row input:focus{border-color:var(--y);box-shadow:0 0 0 4px rgba(255,209,0,.14)}
.nl-row .btn{height:58px;flex:none}
.nl-tp{display:flex;flex-wrap:wrap;gap:8px;border:0;margin:0;padding:0}
.nl-tp legend{font-size:13.5px;color:var(--fa);margin-bottom:8px;padding:0}
.nl-tp label{display:inline-flex;align-items:center;gap:8px;height:44px;padding:0 14px;border-radius:12px;border:1px solid var(--bd2);color:var(--mu);font-size:14.5px;font-weight:600;cursor:pointer}
.nl-tp input{accent-color:#FFD100;width:18px;height:18px}
.nl-tp label:has(input:checked){border-color:rgba(255,209,0,.6);color:var(--tx);background:rgba(255,209,0,.06)}
.nl-demo{display:flex;align-items:center;gap:8px;font-size:13px;color:var(--fa)}
.nl-demo b{color:var(--o);font-weight:700;border:1px solid rgba(255,154,60,.4);border-radius:8px;padding:2px 8px}
.nl-ok{display:none;align-items:center;gap:12px;border-radius:16px;background:var(--gs);border:1px solid rgba(43,212,125,.4);color:var(--tx);padding:16px 18px;font-size:15px}
.nl-ok .ico{color:var(--g);width:24px;height:24px;flex:none}
.nl.done .nl-ok{display:flex}.nl.done .nl-row,.nl.done .nl-tp{display:none}
.nl-err{display:none;color:var(--r);font-size:13.5px}.nl.bad .nl-err{display:block}
@media(max-width:900px){
.glh .wrap{grid-template-columns:1fr;gap:28px}.glh h1{font-size:38px}.glh .lead{font-size:16.5px}
.gl-list{grid-template-columns:1fr}.gl-grp>h2{font-size:22px}
.nl-box{grid-template-columns:1fr;padding:26px 22px 28px;gap:22px}.nl-box h2{font-size:27px}
.nl-row{flex-direction:column}.nl-row .btn{width:100%}
.gl-card0{padding:22px}.gl-card0 h3{font-size:25px}}
@media(min-width:901px) and (max-width:1100px){.gl-list{grid-template-columns:repeat(2,minmax(0,1fr))}}
/* r2 fixes */
.gl-card0 .en2,.gl-list .en2{text-align:right}body.en .gl-card0 .en2,body.en .gl-list .en2{text-align:left}
.gl-card0 .zone{isolation:isolate}.gl-card0 .zone:after{inset-inline:0;border-radius:0 0 17px 17px}
.gl-cats button span{opacity:1;color:inherit;font-weight:800;background:rgba(255,255,255,.08);border-radius:999px;padding:1px 7px}
.gl-cats button[aria-pressed=true] span{background:rgba(0,0,0,.14)}
.gl-list li{display:flex;flex-direction:column}.gl-list .ex{margin-top:auto;align-self:flex-start;transform:translateY(0)}.gl-list p{margin-bottom:12px}
.gl-list li#reward-zone{border-color:rgba(43,212,125,.45);background:linear-gradient(160deg,rgba(43,212,125,.07),var(--s1) 60%)}
.gl-note{display:flex;align-items:center;justify-content:space-between;gap:20px;border:1px solid var(--bd);border-radius:20px;background:var(--s1);padding:22px 24px;margin:8px 0 0;font-size:15px}
.gl-note b{display:block;color:var(--tx);font-size:18px}.gl-note small{color:var(--mu);font-size:14.5px;line-height:1.7}.gl-note .btn{flex:none;height:56px}
.nl{scroll-margin-top:96px}.nl-box{isolation:isolate}
.nl-box:before{border-radius:0}
.nl-f .btn,.nl-f .btn:hover{box-shadow:none;border:0}
.nl-tp{display:grid;grid-template-columns:repeat(2,minmax(0,1fr))}.nl-tp legend{grid-column:1/-1}
.nl-tp label{height:52px}
.nl-demo b{color:var(--y);border-color:rgba(255,209,0,.4)}
.nl-demo,.nl-box .lead,.glh .lead{text-wrap:pretty}
@media(max-width:900px){
.gl-cats{flex-wrap:nowrap;overflow-x:auto;scrollbar-width:none;margin-inline:-20px;padding-inline:20px;-webkit-mask:linear-gradient(90deg,transparent,#000 20px,#000 calc(100% - 20px),transparent)}
.gl-cats::-webkit-scrollbar{display:none}.gl-cats button{flex:none}
.gl-card0 p{font-size:15px;margin:10px 0 14px}.gl-card0 .zone{height:96px}
.nl-row input,.nl-row .btn{height:56px}
.nl-tp{grid-template-columns:1fr}
.nl-pts{flex-wrap:nowrap;gap:6px}.nl-pts li{font-size:12.5px;padding:6px 8px;white-space:nowrap}
.gl-note{flex-direction:column;align-items:stretch}.gl-note .btn{width:100%}}
/* r3 fixes */
.glh .wrap>*{min-width:0}
.gl-card0 .zone b{display:flex;align-items:center;justify-content:center;gap:6px;padding-bottom:10px;font-size:15px}
.gl-search input::placeholder{color:#9A9AB0}
.glh{padding-bottom:44px}.gl-sec{padding-top:44px}
.nl-row input::placeholder{color:#9A9AB0}
@media(max-width:900px){.nl-box:before{width:6px}.glh h1{font-size:36px}}
.nl-lb{font-size:14px;font-weight:700;color:var(--mu);margin-bottom:-6px}
/* r4 fixes: contrast + mobile chips grid */
.gl-list p{color:#CFCFDC;font-size:15.5px}.gl-list .en2,.gl-card0 .en2{color:#A9A9BE}
.nl-tp legend,.nl-demo{color:#B4B4C6;font-size:14px}
@media(max-width:900px){
.gl-cats{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));overflow:visible;margin-inline:0;padding-inline:0;-webkit-mask:none;gap:8px}
.gl-cats button{width:100%;justify-content:space-between;height:48px;padding:0 14px;font-size:14px}
.gl-cats button:first-child{grid-column:1/-1}}
@media(max-width:900px){.gl-cats button{white-space:nowrap;font-size:13.5px;padding:0 12px;text-align:start}}
