.page{padding:56px 0 80px}
.page .wrap{max-width:900px}
.page h2{margin-top:38px;font-size:24px}
.page h3{margin:0 0 6px;font-size:17px}
.page p,.page li{color:var(--tx2)}
.page a{color:var(--ac)}
.page ul{padding-left:20px}
.page .grid{grid-template-columns:repeat(2,1fr);margin-top:28px}
.page .card p{margin:0}
.form{max-width:540px;margin-top:28px}
.f label{font-size:13.5px;color:var(--tx2)}
.f textarea,.f select{width:100%;padding:11px 13px;border-radius:10px;border:1px solid var(--line);background:var(--bg2);color:var(--tx);font:inherit;font-size:15px;outline:none;box-sizing:border-box}
.f textarea{min-height:140px;resize:vertical}
.form button{cursor:pointer;font:inherit;font-size:14.5px;font-weight:550}
.form button:disabled{opacity:.6;cursor:default}
.okmsg{display:none;margin:0 0 14px;padding:10px 12px;border-radius:10px;font-size:13.5px;background:#16261f;color:#7fe0b0;border:1px solid #224234}
.okmsg.on,.form .err.on{display:block;margin:0 0 14px}
.tbl{width:100%;border-collapse:collapse;margin-top:24px}
.tbl td,.tbl th{padding:11px 12px;border-bottom:1px solid var(--line);text-align:left;font-size:14.5px}
.tbl th{color:var(--tx2);font-weight:550}
.st{display:inline-block;width:8px;height:8px;border-radius:50%;background:var(--ok);margin-right:8px}
code,pre{font:13.5px/1.5 ui-monospace,SFMono-Regular,Menlo,monospace;background:var(--bg2);border:1px solid var(--line);border-radius:8px}
code{padding:1px 6px}
pre{padding:14px 16px;overflow:auto;color:var(--tx)}
@media(max-width:760px){.page .grid{grid-template-columns:1fr}}