*{box-sizing:border-box}body{margin:0;background:#f4f7fb;color:#183047;font:15px/1.6 system-ui,sans-serif}main{max-width:1000px;margin:36px auto;padding:28px;background:white;border:1px solid #dfe7ef;border-radius:18px}header{border-bottom:1px solid #e3e8ef;padding-bottom:12px}h1{font-size:28px}h2{margin-top:36px}form{margin:15px 0 30px;padding:18px;border:1px solid #dfe7ef;border-radius:12px}td form{margin:0;padding:0;border:0}label{display:block;margin:10px 0;font-weight:600}input,textarea,select{display:block;width:100%;max-width:500px;padding:10px;margin:5px 0;border:1px solid #cbd5e1;border-radius:8px;font:inherit}button{background:#086c8a;color:white;padding:9px 15px;border:0;border-radius:8px;cursor:pointer}button.secondary{background:#566578}button.danger{background:#b23240}table{border-collapse:collapse;width:100%;display:block;overflow-x:auto}th,td{text-align:left;border-bottom:1px solid #ddd;padding:10px;vertical-align:top}article{border:1px solid #ddd;padding:16px;margin:12px 0;border-radius:12px}code{overflow-wrap:anywhere}p.error{color:#b23240}@media(max-width:600px){main{margin:10px;padding:14px}}
/* Domain DNS values: never break tokens one character at a time. */
.domains-table{display:table;table-layout:auto;width:100%;overflow:visible}
.domains-table th,.domains-table td{vertical-align:top}
.domains-table td:nth-child(3){min-width:280px;width:44%}
.dns-record{display:grid;gap:5px;min-width:0}
.dns-label{font-weight:650;font-size:12px;color:#566578}
.dns-field{display:flex;align-items:center;gap:6px;min-width:0}
.dns-field input{margin:0;width:100%;min-width:0;max-width:none;font:13px/1.4 ui-monospace,SFMono-Regular,Consolas,monospace;background:#f8fafc;text-overflow:ellipsis}
.dns-field button{white-space:nowrap;flex:none;font-size:12px;padding:9px 10px}
@media(max-width:740px){
 .domains-table,.domains-table tbody,.domains-table tr,.domains-table td{display:block;width:100%}
 .domains-table thead{display:none}
 .domains-table tr{padding:14px 0;border-bottom:1px solid #d9e2ec}
 .domains-table td{padding:6px 0;border:0;min-width:0!important;width:100%!important;overflow:visible}
 .domains-table td::before{content:attr(data-label);display:block;font-size:12px;font-weight:700;color:#526478;margin-bottom:4px}
 .domains-table td form{display:inline-block;margin:4px 6px 4px 0}
 .dns-field input{flex:1}
}