/* Mystic Protocol: editorial archive panels */
.mp-protocol-sections{gap:clamp(18px,3vw,30px);counter-reset:protocol}
.mp-protocol-section{position:relative;isolation:isolate;overflow:hidden;padding:clamp(22px,4vw,42px);border:1px solid color-mix(in srgb,var(--nf-accent) 29%,transparent);background:linear-gradient(135deg,color-mix(in srgb,var(--nf-accent) 8%,var(--nf-panel)) 0%,var(--nf-panel) 37%,color-mix(in srgb,#090710 28%,var(--nf-panel)) 100%);box-shadow:0 20px 70px rgba(0,0,0,.16),inset 0 1px rgba(255,255,255,.025)}
.mp-protocol-section:before{position:absolute;z-index:0;right:clamp(18px,4vw,42px);top:10px;color:color-mix(in srgb,var(--nf-accent) 10%,transparent);font:700 clamp(72px,13vw,150px)/1 var(--nf-mono);letter-spacing:-.1em;pointer-events:none}
.mp-protocol-section:after{content:'';position:absolute;top:0;left:0;width:3px;height:100%;background:linear-gradient(180deg,var(--nf-accent),color-mix(in srgb,var(--nf-accent) 0%,transparent) 76%);opacity:.76}
.mp-protocol-section--intro:before{content:'00'}
.mp-protocol-section--reading:before{content:'01'}
.mp-protocol-section--submission:before{content:'02'}
.mp-protocol-section--usage:before{content:'03'}
.mp-protocol-section--questions:before{content:'04'}
.mp-protocol-section h2{position:relative;display:flex;align-items:center;gap:14px;margin:0 0 22px!important;padding:0 0 16px;border-bottom:1px solid color-mix(in srgb,var(--nf-accent) 32%,transparent);font-size:clamp(22px,3vw,30px);letter-spacing:.04em}
.mp-protocol-section>h2,.mp-protocol-section>p,.mp-protocol-section>div,.mp-protocol-section>ol,.mp-protocol-section>ul{position:relative;z-index:1}
.mp-protocol-section h2:after{content:'';position:absolute;bottom:-1px;left:0;width:78px;height:2px;background:var(--nf-accent);box-shadow:0 0 16px color-mix(in srgb,var(--nf-accent) 62%,transparent)}
.mp-protocol-section p{position:relative;max-width:78ch;line-height:1.95;color:var(--nf-muted)}
.mp-protocol-section strong{color:var(--nf-ink)}
.mp-protocol-opening{position:relative;max-width:850px}
.mp-protocol-opening .mp-protocol-eyebrow{display:block;width:max-content;max-width:100%;margin:0 0 16px;padding:7px 11px;border:1px solid color-mix(in srgb,var(--nf-accent) 44%,transparent);background:color-mix(in srgb,var(--nf-accent) 8%,transparent);color:var(--nf-accent);font:11px/1.4 var(--nf-mono);letter-spacing:.14em;overflow-wrap:anywhere}
.mp-protocol-opening p:first-of-type{margin-top:0;font-size:clamp(18px,2.4vw,23px);line-height:1.8;color:var(--nf-ink)}
.mp-protocol-opening p:first-of-type strong{color:var(--nf-accent);text-shadow:0 0 18px color-mix(in srgb,var(--nf-accent) 24%,transparent)}
.mp-protocol-chip-row{display:flex;flex-wrap:wrap;gap:9px;margin-top:20px}
.mp-protocol-chip-row span{padding:7px 11px;border:1px solid color-mix(in srgb,var(--nf-accent) 22%,transparent);background:rgba(255,255,255,.025);color:var(--nf-muted);font-size:12px;letter-spacing:.06em}
.mp-protocol-route,.mp-protocol-checklist,.mp-protocol-qa-flow{list-style:none;margin:24px 0;padding:0}
.mp-protocol-route{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;counter-reset:route}
.mp-protocol-route li{position:relative;display:grid;grid-template-rows:auto 1fr;align-content:start;min-width:0;min-height:142px;gap:10px;padding:48px 15px 18px;border:1px solid color-mix(in srgb,var(--nf-accent) 26%,transparent);background:linear-gradient(145deg,rgba(255,255,255,.045),rgba(255,255,255,.012));counter-increment:route}
.mp-protocol-route li:before{content:'0' counter(route) ' / ROUTE';position:absolute;top:14px;left:15px;color:var(--nf-accent);font:10px/1.4 var(--nf-mono);letter-spacing:.1em}
.mp-protocol-route li:after{content:'';position:absolute;right:15px;top:19px;width:7px;height:7px;border:1px solid var(--nf-accent);transform:rotate(45deg);box-shadow:0 0 10px color-mix(in srgb,var(--nf-accent) 50%,transparent)}
.mp-protocol-route li strong,.mp-protocol-checklist li strong{min-width:0;font-size:15px;line-height:1.6;overflow-wrap:anywhere}
.mp-protocol-route li span,.mp-protocol-checklist li span{min-width:0;color:var(--nf-muted);font-size:13px;line-height:1.75;overflow-wrap:anywhere}
.mp-protocol-checklist{display:grid;gap:10px}
.mp-protocol-checklist li{display:grid;grid-template-columns:minmax(120px,.32fr) 1fr;gap:14px;padding:16px 18px;border:1px solid rgba(255,255,255,.065);border-left:2px solid color-mix(in srgb,var(--nf-accent) 65%,transparent);background:rgba(255,255,255,.025)}
.mp-protocol-notice,.mp-protocol-qa-alert{position:relative;margin:22px 0;padding:20px 22px;border:1px solid color-mix(in srgb,var(--nf-accent) 48%,transparent);background:linear-gradient(100deg,color-mix(in srgb,var(--nf-accent) 12%,transparent),rgba(255,255,255,.018));box-shadow:inset 0 0 32px color-mix(in srgb,var(--nf-accent) 4%,transparent)}
.mp-protocol-notice:before,.mp-protocol-qa-alert:before{content:'NOTICE / READ BEFORE CONTINUING';display:block;margin-bottom:9px;color:var(--nf-accent);font:10px/1.5 var(--nf-mono);letter-spacing:.12em}
.mp-protocol-notice>strong,.mp-protocol-qa-alert>strong{display:block;margin-bottom:6px;font-size:16px}
.mp-protocol-notice p,.mp-protocol-qa-alert p{margin:0}
.mp-protocol-rights{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin:22px 0}
.mp-protocol-rights>div{position:relative;padding:18px 19px;border:1px solid rgba(255,255,255,.07);background:rgba(255,255,255,.024)}
.mp-protocol-rights>div:before{content:'';display:block;width:22px;height:2px;margin-bottom:14px;background:var(--nf-accent);box-shadow:0 0 12px color-mix(in srgb,var(--nf-accent) 60%,transparent)}
.mp-protocol-rights strong{font-size:15px;letter-spacing:.04em}
.mp-protocol-rights p{margin:8px 0 0;font-size:14px;line-height:1.8}
.mp-protocol-qa-alert{border-color:color-mix(in srgb,#e5ad94 44%,transparent);background:linear-gradient(100deg,rgba(176,103,103,.11),rgba(255,255,255,.018))}
.mp-protocol-qa-alert:before{color:#e5ad94}
.mp-protocol-qa-flow{display:grid;grid-template-columns:1fr 1fr;gap:12px;counter-reset:qastep}
.mp-protocol-qa-flow li{display:flex;align-items:center;gap:14px;padding:15px 17px;border:1px solid rgba(255,255,255,.07);background:rgba(255,255,255,.025);counter-increment:qastep}
.mp-protocol-qa-flow li:before{content:'0' counter(qastep);display:grid;width:35px;height:35px;flex:0 0 35px;place-items:center;border:1px solid color-mix(in srgb,var(--nf-accent) 50%,transparent);color:var(--nf-accent);font:11px var(--nf-mono)}
.mp-protocol-qa-flow li strong,.mp-protocol-qa-flow li span{display:block}
.mp-protocol-qa-flow li span{margin-top:3px;color:var(--nf-muted);font-size:12px}
.mp-protocol-footnote{padding-left:13px;border-left:1px solid color-mix(in srgb,var(--nf-accent) 50%,transparent);font-size:13px!important}
.mp-protocol-section>:last-child{margin-bottom:0}
@media(max-width:800px){.mp-protocol-route{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:540px){.mp-protocol-section{padding:22px 18px}.mp-protocol-section:before{top:18px;right:18px;font-size:72px}.mp-protocol-section h2{padding-right:54px}.mp-protocol-route{gap:9px}.mp-protocol-route li{min-height:134px;padding:46px 12px 16px}.mp-protocol-route li:before{left:12px}.mp-protocol-route li:after{right:12px}.mp-protocol-route li strong{font-size:14px}.mp-protocol-checklist li{grid-template-columns:1fr;gap:4px;padding:14px}.mp-protocol-rights{grid-template-columns:1fr;gap:9px}.mp-protocol-notice,.mp-protocol-qa-alert{padding:17px}.mp-protocol-qa-flow{grid-template-columns:1fr;gap:9px}}
@media(prefers-reduced-motion:reduce){.mp-protocol-section *{scroll-behavior:auto}}
@media(max-width:360px){.mp-protocol-route{grid-template-columns:minmax(0,1fr)}}