[hidden]{display:none!important}
#article-layout,#release{--ink:#191925;--muted:#777780;--line:#e8e8ed;--accent:#1b1a2b}
#journey button,#scroll-checkpoint button,#release button{border:0;border-radius:3px;background:#1b1a2b;color:#fff;padding:10px 25px;font:600 12px/1.2 Arial,sans-serif;cursor:pointer;min-height:36px}
#journey button:disabled,#scroll-checkpoint button:disabled,#release button:disabled{opacity:.45;cursor:wait}
#journey button:focus-visible,#scroll-checkpoint button:focus-visible,#release button:focus-visible,.dummy-placement:focus-visible{outline:3px solid #958bc2;outline-offset:4px}
.gate-panel{border:1px solid var(--line);border-radius:3px;text-align:center;padding:18px 16px;margin:10px 0 18px;background:#fff}.gate-panel h2{font:bold 16px/1.3 Georgia,serif;margin:7px 0}.gate-panel p{color:var(--muted);font-size:11px;margin:5px 0 12px}.phase-track{display:flex;align-items:center;justify-content:center;gap:5px;margin-bottom:5px}.phase{display:flex;align-items:center;justify-content:center;width:24px;height:24px;border-radius:50%;background:#ddd;color:#fff;font-size:11px;font-weight:bold}.phase.current{background:var(--accent)}.phase.complete{background:#4ca35c}.phase-track i{width:24px;height:2px;background:#ddd}.phase-track:has(.complete) i{background:#4ca35c}.verified-status{display:flex;align-items:center;justify-content:center;gap:12px;background:#f8f9f8;border:1px solid #dedfdf;max-width:260px;padding:13px;margin:16px auto}.verified-status>span{display:flex;align-items:center;justify-content:center;color:#fff;background:#288951;border-radius:50%;width:25px;height:25px;font-size:17px}.verified-status strong,.verified-status small{display:block;text-align:left;font-size:12px;font-weight:400}.verified-status small{font-size:10px;color:var(--muted)}.step-label{display:block;color:#8b8b94;font-size:10px;margin-top:13px}.gate-panel .text-button{background:transparent;color:#c86363;font-size:11px;padding:10px}.visit-prompt{padding:13px;border:1px solid var(--line);border-radius:3px;background:#f9f9fb;margin:14px 0 4px;font-size:12px}.visit-prompt p{margin:3px 0 0}.gate-panel .gate-status:empty{display:none}.gate-panel .gate-status{padding:10px;margin:12px 0;font-size:12px}.gate-status.warning{color:#9a672c;background:#fff9e3;border:1px solid #ecdca5;border-radius:3px}.gate-status.success{color:#2f7741;background:#f0f8f1}
.placement-zone{position:relative;display:flex;align-items:center;justify-content:center;box-sizing:border-box;width:100%;max-width:728px;height:250px;margin:8px auto;padding:0;overflow:hidden;background:#f5f6f8;border:1px solid #e2e4e9}
.placement-zone>iframe,.placement-zone>ins,.placement-zone>div{max-width:100%;max-height:100%;margin:auto}
.dummy-placement{display:flex;align-items:center;justify-content:center;box-sizing:border-box;width:100%;height:100%;margin:0;padding:16px;border:0;border-radius:0;background:transparent;color:#3c4257;font:500 14px/1.4 Arial,sans-serif;text-align:center;cursor:pointer}
.dummy-placement:hover{background:transparent;color:#3c4257}
#release{max-width:650px;margin:50px auto 90px;padding:0 20px;text-align:center}
#read-progress{display:block;width:min(300px,100%);height:8px;margin:16px auto;accent-color:var(--accent)}
#article-challenge{display:flex;flex-direction:column;align-items:center;margin:12px 0}
@media(max-width:760px){.gate-panel{padding:16px 12px}}