/* The homepage badge does not intercept navigation. */
.classified-badge{position:absolute;z-index:5;right:18px;top:18px;display:inline-flex;align-items:center;gap:7px;padding:8px 11px;border:1px solid #ffffff80;border-radius:6px;background:#f7f6f1eb;color:#4d4c49;font:500 9px/1.2 "Helvetica Neue",Arial,sans-serif;letter-spacing:1.5px;box-shadow:0 2px 12px #1515150d;pointer-events:none}
.classified-badge svg{width:15px;height:15px;flex:none}
html[data-project-lock]{height:100%;overflow:hidden;overscroll-behavior:none;scroll-behavior:auto}
html[data-project-lock] body{position:fixed;inset:0;width:100%;height:100%;overflow:hidden;overscroll-behavior:none}
html[data-project-lock] .site-head,html[data-project-lock] .chapter-nav,html[data-project-lock] .skip,html[data-project-lock] .wrap>.hero>:not(h1),html[data-project-lock] .wrap>:not(.hero){filter:blur(10px);pointer-events:none;user-select:none}
html[data-project-lock] #hero-title{position:relative;z-index:1}
dialog.project-gate{position:fixed;inset:auto 0 auto;margin:0 auto;width:380px;max-width:calc(100vw - 32px);max-height:calc(100dvh - 32px);padding:30px;border:1px solid #ffffffbd;border-radius:14px;box-sizing:border-box;background:#faf9f5ed;color:#35342f;box-shadow:0 24px 70px #33302617;overflow:auto;font-family:"Helvetica Neue",Arial,"PingFang SC",sans-serif;animation:gate-appear .3s ease-out}
dialog.project-gate::backdrop{background:#faf9f51a;backdrop-filter:none;-webkit-backdrop-filter:none}
.gate-mark{display:flex;align-items:center;gap:12px}
.gate-mark>svg{width:30px;height:30px;flex-shrink:0;color:#757268}
.gate-mark h2{font-size:13px;letter-spacing:3px;font-weight:500;line-height:1.4;margin:0}
.project-gate #gate-prompt{font-size:13px;color:#817d74;line-height:1.65;margin:16px 0 24px}
.project-gate .gate-label{font-size:11px;color:#716d65;display:block;margin-bottom:9px}
.gate-input-row{display:flex;gap:8px}
.gate-input-row input{min-width:0;flex:1;width:100%;border:1px solid #dad6cd;background:#fff9;border-radius:5px;height:43px;padding:0 12px;color:#35342f;font:15px "Helvetica Neue",Arial,sans-serif;letter-spacing:2px;box-sizing:border-box}
.gate-input-row input:focus-visible{outline:1px solid #969084;outline-offset:2px}
.gate-input-row input[aria-invalid="true"]{border-color:#b87766}
.gate-input-row button{border:0;border-radius:5px;background:#45473f;color:#fffdf7;padding:0 14px;white-space:nowrap;font:12px "Helvetica Neue",Arial,"PingFang SC",sans-serif;cursor:pointer}
.gate-input-row button:disabled{opacity:.6;cursor:wait}
.project-gate #gate-error{font-size:11px;line-height:1.6;min-height:18px;margin:10px 0 0;color:#a15b48}
.project-gate .gate-back{display:inline-block;font-size:11px;color:#807b70;text-decoration:none;margin-top:12px}
.project-gate .gate-back:hover{text-decoration:underline}
@keyframes gate-appear{from{opacity:0;transform:translateY(5px)}to{opacity:1;transform:translateY(0)}}
@media(prefers-reduced-motion:reduce){dialog.project-gate{animation:none}}