.join-shell{--join-ink:#16202b;--join-soft:#5b6672;--join-line:#ddd8c9;--join-foil:#8a6f3a;--join-panel:#fff;--join-ground:#faf8f3;max-width:1080px;margin:0 auto;padding:56px 22px 96px;color:var(--join-ink);background:transparent}.join-eyebrow{margin:0 0 12px;color:var(--join-foil);font-family:ui-monospace,SF Mono,Menlo,monospace;font-size:10px;letter-spacing:.2em;text-transform:uppercase}.join-head{max-width:700px;margin-bottom:44px}.join-head h1{margin:0 0 18px;font-family:var(--font-playfair),Georgia,"Times New Roman",serif;font-size:clamp(34px,5vw,52px);font-weight:500;line-height:1.08;letter-spacing:-.015em}.join-head h1 em{color:var(--join-foil);font-style:italic}.join-lede{margin:0;color:var(--join-soft);font-size:16px;line-height:1.7}.join-consequence{margin-top:18px;padding:15px 18px;border-left:2px solid var(--join-foil);background:var(--join-ground);font-size:14px}.join-consequence b{color:var(--join-ink)}.join-grid{display:grid;grid-template-columns:minmax(0,1.15fr) minmax(0,.85fr);gap:40px;align-items:start}@media (max-width:900px){.join-grid{grid-template-columns:1fr;gap:30px}}.join-panel{display:grid;gap:20px;padding:30px;border:1px solid var(--join-line);border-radius:3px;background:var(--join-panel)}.join-panel h2{margin:0;font-family:var(--font-playfair),Georgia,serif;font-size:24px;font-weight:500;line-height:1.25}.join-panel>p{margin:0;color:var(--join-soft);font-size:14px;line-height:1.7}.join-row{display:grid;grid-template-columns:1fr 1fr;gap:16px}@media (max-width:560px){.join-row{grid-template-columns:1fr}}.join-field{display:grid;gap:7px}.join-field>span{font-family:ui-monospace,SF Mono,Menlo,monospace;font-size:9.5px;letter-spacing:.15em;text-transform:uppercase;color:var(--join-soft)}.join-field input,.join-field select{width:100%;padding:12px 13px;border:1px solid var(--join-line);border-radius:2px;background:var(--join-ground);color:var(--join-ink);font-family:inherit;font-size:15px}.join-field input:focus,.join-field select:focus{outline:2px solid var(--join-foil);outline-offset:-1px}.join-field em{color:var(--join-soft);font-size:11.5px;font-style:normal;line-height:1.6}.join-door{padding:15px 17px;border-left:2px solid var(--join-foil);background:var(--join-ground)}.join-door b{display:block;margin-bottom:5px;font-size:14px}.join-door p{margin:0;color:var(--join-soft);font-size:12.5px;line-height:1.65}.join-file{display:flex;align-items:center;gap:12px}.join-file input[type=file]{position:absolute;width:1px;height:1px;opacity:0;pointer-events:none}.join-file button{padding:10px 16px;border:1px solid var(--join-line);border-radius:2px;background:var(--join-ground);color:var(--join-ink);font-family:ui-monospace,monospace;font-size:11px;letter-spacing:.08em;text-transform:uppercase;cursor:pointer}.join-file>span{color:var(--join-soft);font-size:12.5px}.join-file>span.is-set{color:var(--join-ink)}.join-btn{padding:14px 22px;border:1px solid var(--join-foil);border-radius:2px;background:var(--join-foil);color:#fff;font-family:ui-monospace,monospace;font-size:12px;letter-spacing:.09em;text-transform:uppercase;cursor:pointer}.join-btn:disabled{opacity:.45;cursor:not-allowed}.join-link{padding:0;border:0;background:none;cursor:pointer;color:var(--join-foil);font:inherit;text-decoration:underline;text-underline-offset:2px}.join-error{margin:0;color:#8d2f2f;font-size:13px;line-height:1.6}.join-note{margin:0;color:var(--join-soft);font-size:12px;line-height:1.65}.join-working{text-align:left}.join-aside{padding:30px;border:1px solid var(--join-line);border-radius:3px;background:var(--join-ground)}.join-steps{margin:0 0 22px;padding-left:20px;display:grid;gap:14px}.join-steps li{color:var(--join-soft);font-size:13.5px;line-height:1.65}.join-steps b{color:var(--join-ink)}.join-aside-note{margin:0 0 14px;color:var(--join-soft);font-size:12.5px;line-height:1.7}.join-aside-note:last-child{margin-bottom:0}.join-aside-note b{color:var(--join-ink)}.join-aside-note a{color:var(--join-foil);text-decoration:underline;text-underline-offset:2px}