.sub{max-width:760px;margin:0 auto;padding:clamp(48px,7vw,88px) 22px clamp(64px,8vw,104px)}.sub-narrow{max-width:620px}.sub-head{margin-bottom:clamp(32px,4vw,48px)}.sub-head h1{font-weight:600;font-size:clamp(27px,4.6vw,46px);letter-spacing:-.025em;line-height:1.1;margin:0;color:var(--mz-fg);text-wrap:balance}.sub-head .lede{font-size:clamp(15px,1.6vw,18px);color:var(--mz-mut);margin:12px 0 0;line-height:1.55;text-wrap:pretty}.sub-head .meta{font-family:var(--mono);font-size:12px;color:var(--mz-dim);margin:14px 0 0}.sub-back{display:flex;flex-wrap:wrap;gap:20px;margin-top:clamp(36px,4vw,52px);padding-top:24px;border-top:1px solid var(--mz-line-soft);font-size:14px}.sub-list{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:12px}.sub-card{position:relative;display:block;border:1px solid var(--mz-line);border-radius:16px;background:var(--mz-panel);padding:20px 22px;overflow:hidden;transition:transform .4s var(--ease),border-color .3s,box-shadow .4s}.sub-card:before{content:"";position:absolute;inset:0;background:radial-gradient(220px circle at var(--mx, 50%) var(--my, 20%),color-mix(in srgb,var(--mz-green) 9%,transparent),transparent 70%);opacity:0;transition:opacity .35s;pointer-events:none}a.sub-card:hover{transform:translateY(-3px);border-color:color-mix(in srgb,var(--mz-green) 30%,var(--mz-line));box-shadow:0 18px 50px -26px #000000bf;color:var(--mz-fg)}a.sub-card:hover:before{opacity:1}.sub-card h2{font-weight:600;font-size:17px;letter-spacing:-.01em;margin:0;color:var(--mz-fg)}.sub-card p{font-size:14px;line-height:1.55;color:var(--mz-mut);margin:6px 0 0;text-wrap:pretty}.sub-card time{display:block;font-family:var(--mono);font-size:11.5px;letter-spacing:.04em;color:var(--mz-dim);margin-bottom:7px}.sub-card .go{color:var(--mz-green);font-size:13px;font-weight:500;margin-top:10px;display:inline-flex;align-items:center;gap:4px}.sub-empty{color:var(--mz-mut);font-size:15px}.mz-prose{color:var(--mz-fg-2);font-size:16px;line-height:1.7}.mz-prose>:first-child{margin-top:0}.mz-prose h2{font-weight:600;font-size:clamp(20px,2.4vw,25px);letter-spacing:-.015em;line-height:1.25;color:var(--mz-fg);margin:2.2em 0 .6em;text-wrap:balance}.mz-prose h3{font-weight:600;font-size:17px;color:var(--mz-fg);margin:1.8em 0 .5em}.mz-prose p{margin:0 0 1.1em;text-wrap:pretty}.mz-prose ul,.mz-prose ol{margin:0 0 1.2em;padding-left:1.3em}.mz-prose li{margin:.4em 0}.mz-prose li::marker{color:var(--mz-green-deep)}.mz-prose a{color:var(--mz-green);text-decoration:underline;text-underline-offset:3px;text-decoration-color:color-mix(in srgb,var(--mz-green) 40%,transparent)}.mz-prose a:hover{text-decoration-color:currentColor}.mz-prose strong{color:var(--mz-fg);font-weight:600}.mz-prose code{font-family:var(--mono);font-size:.88em;background:#f2f4f70f;border-radius:5px;padding:2px 6px}.mz-prose blockquote{margin:1.4em 0;padding:2px 0 2px 18px;border-left:2px solid color-mix(in srgb,var(--mz-green) 45%,transparent);color:var(--mz-mut)}.mz-prose hr{border:0;border-top:1px solid var(--mz-line);margin:2.2em 0}.mz-prose table{width:100%;border-collapse:collapse;margin:0 0 1.4em;font-size:14.5px}.mz-prose th,.mz-prose td{text-align:left;padding:9px 12px;border-bottom:1px solid var(--mz-line-soft)}.mz-prose th{color:var(--mz-mut);font-weight:600;font-size:12px;text-transform:uppercase;letter-spacing:.05em}.form{display:flex;flex-direction:column;gap:16px}.form-row{display:flex;gap:14px;flex-wrap:wrap}.field{display:flex;flex-direction:column;gap:7px;flex:1 1 200px;min-width:0}.field label{font-size:13px;color:var(--mz-mut)}.field .req{color:var(--mz-green)}.field input,.field textarea{width:100%;font:inherit;font-size:15px;color:var(--mz-fg);background:var(--mz-panel);border:1px solid var(--mz-line);border-radius:12px;padding:11px 14px;outline:none;transition:border-color .2s,box-shadow .2s}.field textarea{resize:vertical;min-height:130px}.field input::placeholder,.field textarea::placeholder{color:var(--mz-dimmer)}.field input:focus,.field textarea:focus{border-color:color-mix(in srgb,var(--mz-green) 55%,transparent);box-shadow:0 0 0 3px color-mix(in srgb,var(--mz-green) 14%,transparent)}.form-note{font-size:13px;line-height:1.5;margin:0}.form-note.ok{color:var(--mz-green)}.form-note.err{color:#f0785a}
