:root{
  --contrast:#222222;
  --contrast-2:#575760;
  --contrast-3:#b2b2be;
  --base:#f0f0f0;
  --base-2:#f7f8f9;
  --base-3:#ffffff;
  --accent:#1e73be;
}

*{box-sizing:border-box;margin:0;padding:0;}

html{
  font-family:-apple-system,system-ui,BlinkMacSystemFont,"Segoe UI",Helvetica,Arial,sans-serif;
  font-size:12px;
  letter-spacing:.2em;
  line-height:1.4;
}

body{background:var(--base-3);color:var(--contrast);}

a{color:var(--accent);text-decoration:underline;}
a:hover,a:focus{color:var(--contrast);}

.grid-container{max-width:800px;margin:0 auto;padding:0 20px;}

/* Top bar */
.top-bar{background:var(--contrast-3);color:#fff;font-size:11px;}
.top-bar-inner{display:flex;justify-content:space-between;align-items:center;padding:6px 0;}
.lang-switch{display:flex;gap:.7rem;align-items:center;}
.lang-switch a{color:#fff;text-decoration:none;border-bottom:1px dotted rgba(255,255,255,.6);}
.lang-switch a:hover{text-decoration:underline;}

/* Header */
.site-header{background:var(--base-3);}
.inside-header{padding:20px 0 10px;text-align:center;}
.site-logo img{width:120px;max-width:100%;height:auto;display:block;margin:0 auto;}

/* Nav */
.main-navigation{background:var(--base-3);border-top:1px solid var(--base);border-bottom:1px solid var(--base);}
.inside-navigation{display:flex;justify-content:center;}
.main-nav ul{list-style:none;display:flex;flex-wrap:wrap;gap:2rem;padding:10px 0;}
.main-nav a{text-decoration:none;color:var(--contrast);text-transform:uppercase;}
.main-nav a:hover,.main-nav a:focus{color:var(--accent);}
.main-nav .current-menu-item>a{color:var(--accent);}

/* Breadcrumb */
.breadcrumb-wrapper{background:var(--base-2);border-bottom:1px solid var(--base);}
.breadcrumb{font-size:10px;padding:10px 0;display:flex;flex-wrap:wrap;gap:.5rem;align-items:center;}
.breadcrumb a{text-decoration:none;color:var(--contrast-2);}
.breadcrumb span.sep{opacity:.6;}
.breadcrumb span.current{color:var(--contrast);}

/* Content */
.site{padding:20px 0 40px;}
.inside-article{background:var(--base-3);padding:40px;border-radius:4px;border:1px solid var(--base);margin-top:20px;}
.entry-header{text-align:center;margin-bottom:20px;}
.entry-title{font-size:18px;letter-spacing:.2em;}
.entry-content p{margin-bottom:1.5rem;}
.entry-content ul{margin:0 0 1.5rem 1.5rem;list-style:disc;}
.entry-content li{margin-bottom:.5rem;}
.entry-content .has-medium-font-size{font-size:20px;}
.entry-content img{max-width:100%;height:auto;}
.entry-content hr{border:0;border-top:1px solid var(--base-2);margin:2rem 0;opacity:.8;}

/* Domains grid */
.domain-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:20px;margin-top:10px;}
.domain-card{border:1px solid var(--base);border-radius:4px;padding:15px;background:var(--base-3);}
.domain-card strong{font-size:14px;display:block;}
.domain-price{font-weight:bold;margin-top:6px;}
.domain-meta{font-size:10px;color:var(--contrast-2);margin-top:6px;letter-spacing:.12em;line-height:1.4;}
.btn{display:inline-block;margin-top:10px;padding:8px 14px;border-radius:3px;background:#55555e;color:#fff;text-decoration:none;text-transform:uppercase;letter-spacing:.15em;font-size:10px;}
.btn:hover{background:#3f4047;color:#fff;}

/* Form */
label{display:block;margin-top:10px;margin-bottom:4px;font-size:11px;text-transform:uppercase;letter-spacing:.18em;}
input[type="text"],input[type="email"],textarea{
  width:100%;padding:10px;margin-bottom:8px;border:1px solid var(--base-2);border-radius:3px;font-size:13px;letter-spacing:.1em;
}
textarea{resize:vertical;min-height:120px;}
.form-note{font-size:10px;color:var(--contrast-2);margin-top:8px;letter-spacing:.12em;line-height:1.4;}
.ff-hp{position:absolute;left:-5000px;width:1px;height:1px;overflow:hidden;}

/* Footer */
.site-info{background:var(--contrast-3);color:#fff;font-size:10px;}
.inside-site-info{padding:15px 0;text-align:center;}
.inside-site-info a{color:#fff;text-decoration:none;}
.inside-site-info a:hover{text-decoration:underline;}

/* Responsive */
@media (max-width:768px){
  .inside-article{padding:30px;}
}