/*
 * nl0.net — the classic interface, in the freedns.my / nic.eu.org tradition.
 *
 * Plain monospace, 54em column, browser-default link colours (blue, purple when
 * visited), tables with hairline rules, no shadows, no gradients, no images.
 * It is the same application and the same data as the modern interface.
 */

:root{
  --bg:#fff;--fg:#111;--link:#0000EE;--visited:#551A8B;--active:#EE0000;
  --muted:#444;--hint:#555;--border:#bbb;--softline:#eee;--panel:#fafafa;
  --code:#f2f2f2;--field:#fff;--fieldborder:#999;--button:#f2f2f2;--buttonhover:#e4e4e4;
  --error:#990000;--ok:#006600;--infoline:#666;
  color-scheme:light;
}
*{box-sizing:border-box}
body{margin:0;padding:0;background:var(--bg);color:var(--fg);
  font-family:ui-monospace,"DejaVu Sans Mono",Menlo,Consolas,"Courier New",monospace;
  font-size:15px;line-height:1.55}
.wrap{max-width:54em;margin:0 auto;padding:1.5em 1em 3em 1em}
a:link{color:var(--link);text-decoration:underline}
a:visited{color:var(--visited);text-decoration:underline}
a:hover{color:var(--link);text-decoration:underline}
a:active{color:var(--active)}
h1{font-size:1.35em;margin:0 0 .2em 0;letter-spacing:.02em;font-weight:normal}
h1 a{color:var(--fg);text-decoration:none}
h2{font-size:1em;margin:1.6em 0 .5em 0;text-transform:uppercase;letter-spacing:.08em;font-weight:normal}
h3{font-size:1em;margin:1.2em 0 .3em 0;font-weight:normal}
p.sub{margin:0 0 .5em 0;color:var(--muted)}
hr{border:0;border-top:1px solid var(--border);margin:1em 0}
p{margin:.5em 0}
ul,ol{margin:.5em 0 .5em 1.4em;padding:0}
li{margin:.15em 0}
table{width:100%;border-collapse:collapse;margin:.6em 0}
th,td{text-align:left;vertical-align:top;padding:.25em .8em .25em 0}
th{border-bottom:1px solid var(--border);font-weight:normal;text-transform:uppercase;font-size:.85em;letter-spacing:.05em}
td{border-bottom:1px solid var(--softline)}
input[type=text],input[type=email],input[type=password],input[type=number],select,textarea{
  font-family:inherit;font-size:inherit;color:var(--fg);background:var(--field);
  border:1px solid var(--fieldborder);padding:.3em .4em;max-width:100%;box-sizing:border-box;
  width:100%;max-width:32em;border-radius:0;min-height:0
}
textarea{width:100%}
input[type=submit],button,.btn{font-family:inherit;font-size:inherit;padding:.35em .9em;
  border:1px solid var(--fieldborder);background:var(--button);color:var(--fg);cursor:pointer;
  border-radius:0;text-decoration:none;display:inline-block;line-height:1.4;height:auto}
input[type=submit]:hover,button:hover,.btn:hover{background:var(--buttonhover);text-decoration:none}
label{display:block;margin:.9em 0 .15em 0}
label.inline{display:inline;margin:0}
.hint,.small,.muted,.faint{color:var(--hint);font-size:.88em}
.msg,.alert{border:1px solid var(--fieldborder);border-left-width:4px;padding:.5em .8em;margin:1em 0}
.msg.error,.alert-bad{border-color:var(--error)}
.msg.info,.alert-warn{border-color:var(--infoline)}
.msg.ok,.alert-ok{border-color:var(--ok)}
.err,.error-text{color:var(--error)}
.ok{color:var(--ok)}
.mono,code,pre{font-family:inherit}
code{background:var(--code);padding:0 .2em}
pre{white-space:pre-wrap;word-wrap:break-word;background:var(--panel);border:1px solid var(--border);padding:.6em .8em;overflow-x:auto}
.pill{display:inline;border:1px solid var(--fieldborder);padding:0 .35em;font-size:.85em;border-radius:0;background:none;color:inherit}
.pill:before{content:none}
.pill.ok{color:var(--ok)}
.pill.warn{color:#8a5a00}
.pill.bad{color:var(--error)}
.pill.blue{color:var(--link)}

/* structure: one column, no rail, no grid */
.site-head,.foot,.announce{border:0;background:none;position:static;backdrop-filter:none;margin:0;padding:0}
.site-head .wrap{padding:1.5em 1em 0 1em;display:block;height:auto;min-height:0}
.brand{display:inline;color:var(--fg);text-decoration:none}
.brand-mark,.brand-tag{display:none}
.brand-name{font:inherit;font-size:1.35em;font-weight:normal}
.site-nav{display:block;margin:.4em 0 0 0;font-size:1em}
.site-nav a{display:inline;margin-right:1em}
.site-actions{display:block;margin:.4em 0 0 0}
.site-actions .btn{margin-right:.8em}
.lang-menu{display:block;font-size:.88em;color:var(--hint);margin:.3em 0}
.toggle-theme,.theme-toggle{font-size:.88em}
.site-head .wrap>.site-actions{margin-left:0}

main{padding:0}
.hero,.section,.section-tight{padding:0}
.hero-grid,.features,.steps,.grid-2,.grid-3,.auth-wrap,.foot-top,.form-row,.mirror-row,.app{display:block}
.hero h1{font-size:1.6em;line-height:1.2;letter-spacing:0;font-weight:normal;margin:.2em 0 .5em}
.hero h1 em{color:inherit;font-style:normal}
.hero h1 em:after{content:none}
.hero-lede{font-size:1em;color:var(--fg);margin:.5em 0}
.hero-cta,.hero-stats{display:block;margin:.8em 0}
.hero-stat{display:inline-block;margin:0 2em .4em 0}
.hero-stat b{display:block;font:inherit;font-weight:normal;font-size:1.3em}
.hero-stat span{font:inherit;text-transform:none;letter-spacing:0;color:var(--muted);font-size:.85em}
.eyebrow,.kicker{display:none}
.section-head{display:block;margin:1.6em 0 .5em}
.section-head h2{font-size:1em;margin:0;text-transform:uppercase;letter-spacing:.08em}
.bridge{background:var(--panel);color:var(--fg);border:1px solid var(--border);box-shadow:none;transform:none;margin:1em 0;padding:.6em .8em}
.bridge-top{display:none}
.bridge-body{padding:0}
.bridge-row{display:block;border:0;padding:.25em 0}
.bridge-label{display:inline;color:var(--hint);font:inherit;text-transform:none;letter-spacing:0;margin-right:.4em}
.bridge-domain{font:inherit;font-size:1em;letter-spacing:0}
.bridge-domain .suffix{color:var(--muted)}
.bridge-arrow{color:var(--muted);padding:0 .4em}
.bridge-ok{display:inline;border:0;padding:0;color:var(--ok);font:inherit;text-transform:none;letter-spacing:0}
.bridge-code{background:var(--panel);color:var(--fg);border:1px solid var(--border);border-radius:0;padding:.6em .8em;font:inherit;white-space:pre-wrap}
.bridge-code b{color:var(--ok);font-weight:normal}
.bridge-note{color:var(--hint);font:inherit}
.step{border:0;padding:.5em 0}
.step-n{font:inherit;color:var(--hint);margin:0}
.step h3{font-size:1em}
.feature{border:0;background:none;padding:.5em 0;min-height:0}
.feature-icon{display:none}
.callout{border:1px solid var(--border);border-left:4px solid var(--infoline);background:var(--panel);border-radius:0;padding:.6em .8em;display:block}
.card{border:1px solid var(--border);background:none;border-radius:0;padding:.8em;margin:1em 0}
.card + .card{margin-top:1em}
.stat{border:1px solid var(--border);background:none;border-radius:0;padding:.5em .8em;display:inline-block;margin:0 1em .6em 0;min-width:8em}
.stat b{display:block;font:inherit;font-size:1.4em;font-weight:normal;margin:0}
.stat span{font:inherit;text-transform:none;letter-spacing:0;color:var(--hint);font-size:.85em}
.page-head{display:block;margin:1em 0 .6em}
.page-head h1{font-size:1.35em;letter-spacing:0}
.page-head p{color:var(--muted)}
.mirror-hero{background:var(--panel);color:var(--fg);border:1px solid var(--border);border-radius:0;padding:.8em;display:block}
.mirror-hero h1{font-size:1.35em;color:var(--fg)}
.mirror-hero p{color:var(--muted)}
.mirror-actions{display:block;margin:.6em 0}
.mirror-row{border-bottom:1px solid var(--softline);padding:.6em 0}
.mirror-src{font:inherit;font-weight:normal}
.mirror-dst,.mirror-reason{font:inherit;color:var(--hint)}
.mirror-dst b{font-weight:normal;color:var(--fg)}
.foot{margin-top:2em;border-top:1px solid var(--border);padding-top:1em}
.foot-blurb{color:var(--muted);font-size:.9em}
.foot ul{list-style:none;margin:0;padding:0}
.foot li{margin:.1em 0}
.foot-bottom{display:block;border-top:1px solid var(--border);margin-top:1em;padding-top:.6em;color:var(--hint);font-size:.85em}
.foot h4{font-weight:normal;text-transform:uppercase;font-size:.85em;letter-spacing:.05em;margin:1em 0 .3em}
.announce{padding:.5em 0;border-bottom:1px solid var(--border);background:none;color:var(--fg)}
.empty{border:1px dashed var(--border);background:none;border-radius:0;padding:1em;color:var(--muted)}
.empty strong{font-weight:normal;color:var(--fg)}
.actions{display:block}
.actions .btn,.actions button,.actions input[type=submit]{margin:0 .4em .4em 0}
.code-box{background:var(--panel);color:var(--fg);border:1px solid var(--border);border-radius:0;font:inherit}
.code-box .accent{color:var(--ok)}
.kv{display:block}
.kv dt{color:var(--hint);font:inherit}
.kv dd{margin:0 0 .5em 0}
.tag{border:1px solid var(--fieldborder);color:var(--hint);font:inherit;font-size:.85em;padding:0 .35em;border-radius:0}
.table-wrap{border:1px solid var(--border);border-radius:0;overflow:visible;background:none}
table.data th{background:none;font:inherit;font-size:.85em;text-transform:uppercase;letter-spacing:.05em;color:var(--fg);border-bottom:1px solid var(--border)}
table.data td{border-bottom:1px solid var(--softline)}
table.data tr:hover td{background:none}
table.data .domain{font:inherit;font-weight:normal}

/* console: plain top nav and full-width content */
.app{display:block}
.rail{background:none;color:var(--fg);border:0;border-bottom:1px solid var(--border);height:auto;position:static;display:block;padding:.6em 0;margin:0}
.rail .brand{color:var(--fg)}
.rail-group{display:block;margin:.3em 0}
.rail-label{display:none}
.rail-nav{display:block}
.rail-nav a{display:inline;color:var(--link);padding:0;margin-right:1em;font-size:1em}
.rail-nav a.is-active{background:none;color:var(--fg);text-decoration:underline}
.rail-nav .count{background:none;color:var(--hint);padding:0;font:inherit;margin-left:.2em}
.rail-foot{display:block;border:0;margin:.4em 0 0;padding:0}
.rail-user{display:inline;color:var(--fg)}
.rail-user .avatar{display:none}
.rail-user b{display:inline;color:var(--fg);font-weight:normal}
.rail-user span span{display:inline;color:var(--hint);max-width:none}
.rail-signout{display:inline;color:var(--link);font:inherit;text-decoration:underline;margin-left:1em}
.main{background:none}
.topbar{display:block;height:auto;min-height:0;border:0;padding:0;margin:.4em 0;position:static;background:none;backdrop-filter:none}
.crumb{display:block;color:var(--hint);font:inherit;font-size:.85em}
.topbar .right{display:block;margin:.3em 0}
.topbar .right .tag{margin-right:.6em}
.content{padding:0;max-width:none}
.grid-2,.grid-3{display:block}
.list-row{border-bottom:1px solid var(--softline);padding:.5em 0}
.list-row .domain{font:inherit;font-weight:normal}
.empty{border:1px dashed var(--border)}
.intro{color:var(--hint)}
.form-actions{display:block;margin:.8em 0}
.check{display:block}
.check input{width:auto}
.alert{border:1px solid var(--border);border-left:4px solid var(--infoline);background:none}
.alert-ok{border-left-color:var(--ok)}
.alert-bad{border-left-color:var(--error)}
.alert-warn{border-left-color:#8a5a00}
.lang-sep{margin:0 .3em}
@media (max-width:720px){
  .wrap{padding:1em .8em 2em}
  .mobile-only{display:inline}
}