*{margin:0;padding:0;box-sizing:border-box}
body{font-family:'Palatino Linotype',Palatino,'Book Antiqua',serif;line-height:1.9;color:#2a2a2a;background:#fefefe}
.css-jial5ub{max-width:640px;margin:0 auto;padding:0 20px}
.css-oonpe4u{padding:60px 0 40px;border-bottom:1px solid #ccc;margin-bottom:48px}
.css-oonpe4u h1{font-size:24px;font-weight:400;letter-spacing:-.5px}
.css-oonpe4u p{font-size:14px;color:#777;margin-top:6px;font-style:italic}
.css-oonpe4u a{color:#2a2a2a;text-decoration:none;font-size:24px;font-weight:400;letter-spacing:-.5px}
.css-1gsfelo{padding:20px 0}
.css-1gsfelo h2{font-size:18px;font-weight:400;margin-bottom:4px}
.css-1gsfelo h2 a{color:#2a2a2a;text-decoration:none;border-bottom:1px solid transparent}
.css-1gsfelo h2 a:hover{border-bottom-color:#2a2a2a}
.css-1gsfelo .css-h009cnp{font-size:12px;color:#aaa;margin-bottom:6px}
.css-1gsfelo p{font-size:14px;color:#666}
.css-qk3b24w{color:#888;font-size:13px;text-decoration:none}
.css-qk3b24w:hover{color:#2a2a2a}
.css-ba7cq70{padding-bottom:60px}
.css-ba7cq70 h1{font-size:28px;font-weight:400;margin-bottom:8px}
.css-ba7cq70 .css-h009cnp{font-size:12px;color:#aaa;display:block;margin-bottom:32px}
.css-ba7cq70 h2{font-size:21px;font-weight:400;margin:40px 0 12px;border-bottom:1px solid #eee;padding-bottom:6px}
.css-ba7cq70 h3{font-size:17px;margin:28px 0 8px}
.css-ba7cq70 p{margin-bottom:18px;font-size:16px}
.css-ba7cq70 ul,.css-ba7cq70 ol{margin:0 0 18px 20px}
.css-ba7cq70 a{color:#555;border-bottom:1px solid #ccc}
.css-ba7cq70 a:hover{color:#000;border-bottom-color:#000}
.css-ba7cq70 img{max-width:100%;height:auto;margin:24px 0}
.css-uh9gac3{border-top:1px solid #ddd;padding:20px 0;margin-top:48px;text-align:center;font-size:12px;color:#aaa}
.css-uh9gac3 a{color:#aaa;text-decoration:none}
.css-tpzln0n{padding:0 0 16px;margin-bottom:24px;font-size:12px;color:#aaa;font-style:italic;border-bottom:1px solid #eee}
.css-9uya53j{padding:16px 0 0;margin-top:32px;font-size:11px;color:#999;border-top:1px solid #eee}
.css-u4cnhh8{font-size:12px;color:#aaa;margin:-26px 0 32px;font-weight:300}
.css-dw45fik{margin:0 auto 32px;max-width:720px}
.css-eco1qkh{width:100%;height:auto}
.css-sslll6j{margin:24px auto;max-width:720px}
.css-905vu71{width:100%;height:auto}
.css-dv7f8dy{margin-top:40px;padding-top:20px;border-top:1px solid #eee;font-size:14px;color:#888}
.css-dv7f8dy em{color:#aaa}
.css-dv7f8dy a{color:#555;border-bottom:1px solid #ddd;text-decoration:none}
/* === Theme === */
:root{--primary:#5C3D5C;--accent:#B58B2D;--bg:#ECDEB5;--fg:#1A1419;--border:#C9B69A;--r:15px;--fb:'Albert Sans';--fh:'Fjalla One'}
/* === Custom === */
@import url('https://fonts.googleapis.com/css2?family=Albert+Sans:ital,wght@0,400;0,500;0,700;1,400&family=Fjalla+One&display=swap');

:root body {
  font-family: var(--fb), system-ui, -apple-system, sans-serif;
  color: var(--fg);
  background: var(--bg);
  line-height: 1.74;
  font-size: 16px;
}
::selection { background: var(--primary); color: var(--bg); }
:root hr { border: 0; border-top: 1px solid var(--border); margin: 28px 0; }

:root header {
  border-bottom: 3px solid var(--primary);
  padding: 56px 0 26px;
  margin-bottom: 40px;
  background: transparent;
}
:root header h1 {
  font-family: var(--fh), system-ui, sans-serif;
  font-size: 32px;
  font-weight: 400;
  color: var(--primary);
  letter-spacing: .02em;
  line-height: 1.1;
  text-transform: uppercase;
}
:root header h1 + p {
  font-family: var(--fb), system-ui, sans-serif;
  font-size: 13.5px;
  color: var(--fg);
  opacity: .78;
  margin-top: 8px;
  font-style: italic;
}
:root header a {
  font-family: var(--fh), system-ui, sans-serif;
  font-size: 22px;
  color: var(--primary);
  text-decoration: none;
  font-weight: 400;
  letter-spacing: .02em;
  text-transform: uppercase;
}

:root main { padding-bottom: 80px; }

:root main > h1 {
  font-family: var(--fh), system-ui, sans-serif;
  font-size: 30px;
  line-height: 1.16;
  color: var(--primary);
  font-weight: 400;
  margin: 8px 0 6px;
  letter-spacing: .01em;
  text-transform: uppercase;
}
:root main > span {
  display: block;
  font-family: 'SFMono-Regular', 'Menlo', 'Consolas', monospace;
  font-size: 11px;
  color: var(--accent);
  margin-bottom: 32px;
  letter-spacing: .14em;
  text-transform: uppercase;
  font-weight: 700;
}

:root main > article > p { margin-bottom: 18px; font-size: 16.5px; }
:root main > article > h2 {
  font-family: var(--fh), system-ui, sans-serif;
  font-size: 22px;
  font-weight: 400;
  color: var(--primary);
  margin: 40px 0 14px;
  padding-bottom: 6px;
  border-bottom: 3px solid var(--accent);
  text-transform: uppercase;
  letter-spacing: .03em;
}
:root main > article > h3 {
  font-family: var(--fh), system-ui, sans-serif;
  font-size: 17px;
  font-weight: 400;
  color: var(--accent);
  margin: 26px 0 10px;
  text-transform: uppercase;
  letter-spacing: .04em;
}
:root main > article ul,
:root main > article ol { margin: 0 0 18px 22px; }
:root main > article li { margin-bottom: 6px; }
:root main > article blockquote {
  border-left: 4px solid var(--accent);
  padding: 8px 0 8px 18px;
  margin: 24px 0;
  font-style: italic;
  color: var(--primary);
  background: rgba(181, 139, 45, .07);
  border-radius: 0 var(--r) var(--r) 0;
}

:root main > article > p a,
:root main > article > p a:visited {
  color: var(--primary);
  text-decoration: none;
  border-bottom: 1.5px solid var(--accent);
  padding-bottom: 1px;
  font-weight: 500;
}
:root main > article > p a:hover {
  color: var(--accent);
  border-bottom-color: var(--primary);
}

:root main > article > p a[href^="/ref/"],
:root main > article > p a[href^="/try/"],
:root main > article > p a[href^="/check/"] {
  font-family: 'SFMono-Regular', 'Menlo', monospace;
  font-size: 13.5px;
  color: var(--accent);
  background: transparent;
  border: 1.5px solid var(--accent);
  padding: 1px 8px;
  border-radius: var(--r);
  text-decoration: none;
  letter-spacing: .04em;
  text-transform: uppercase;
  font-weight: 700;
}
:root main > article > p a[href^="/ref/"]:hover,
:root main > article > p a[href^="/try/"]:hover,
:root main > article > p a[href^="/check/"]:hover {
  background: var(--accent);
  color: var(--bg);
}

:root main > article > img {
  width: 100%;
  height: auto;
  display: block;
  margin: 0 0 28px;
  border: 1px solid var(--accent);
  border-radius: var(--r);
}

:root main > article > aside {
  border-top: 2px solid var(--accent);
  border-bottom: 1px solid var(--border);
  padding: 14px 0;
  margin-top: 32px;
  font-size: 13.5px;
  color: var(--fg);
  font-family: var(--fb), system-ui, sans-serif;
  font-style: italic;
  background: rgba(92, 61, 92, .04);
  padding-left: 14px;
}
:root main > article > aside b {
  color: var(--primary);
  font-weight: 700;
  font-style: normal;
  text-transform: uppercase;
  font-size: 11px;
  letter-spacing: .12em;
  display: inline-block;
  margin-right: 8px;
  font-family: var(--fh), system-ui, sans-serif;
}

:root main > div {
  padding: 22px 0;
  border-bottom: 1px dotted var(--border);
}
:root main > div:last-of-type { border-bottom: 0; }
:root main > div > p:first-child {
  font-family: 'SFMono-Regular', 'Menlo', monospace;
  font-size: 11px;
  color: var(--accent);
  letter-spacing: .14em;
  text-transform: uppercase;
  margin-bottom: 8px;
  font-weight: 700;
}
:root main > div > h2 {
  font-family: var(--fh), system-ui, sans-serif;
  font-size: 22px;
  font-weight: 400;
  margin-bottom: 6px;
  line-height: 1.22;
  letter-spacing: .01em;
  text-transform: uppercase;
}
:root main > div > h2 a {
  color: var(--primary);
  text-decoration: none;
}
:root main > div > h2 a:hover {
  color: var(--accent);
}
:root main > div > p:not(:first-child) {
  font-size: 14.5px;
  color: var(--fg);
  opacity: .85;
  margin-bottom: 10px;
}
:root main > div > a:last-child {
  font-family: 'SFMono-Regular', 'Menlo', monospace;
  font-size: 11px;
  color: var(--accent);
  text-decoration: none;
  letter-spacing: .12em;
  text-transform: uppercase;
  font-weight: 700;
}
:root main > div > a:last-child:hover {
  color: var(--primary);
}

:root main > nav {
  margin-top: 48px;
  padding-top: 18px;
  border-top: 3px solid var(--primary);
  font-size: 14px;
}
:root main > nav p em {
  font-family: 'SFMono-Regular', 'Menlo', monospace;
  font-size: 11px;
  color: var(--accent);
  text-transform: uppercase;
  letter-spacing: .14em;
  font-style: normal;
  margin-right: 6px;
  font-weight: 700;
}
:root main > nav p a {
  color: var(--primary);
  text-decoration: none;
  border-bottom: 1px solid var(--border);
  padding-bottom: 1px;
  font-weight: 500;
}
:root main > nav p a:hover {
  border-bottom-color: var(--accent);
  color: var(--accent);
}

:root footer {
  background: transparent;
  border-top: 1px solid var(--border);
  padding: 24px 0 36px;
  margin-top: 60px;
  text-align: center;
  font-family: 'SFMono-Regular', 'Menlo', monospace;
  font-size: 11px;
  color: var(--fg);
  opacity: .60;
  letter-spacing: .08em;
  text-transform: uppercase;
}
:root footer a {
  color: var(--fg);
  text-decoration: none;
  border-bottom: 1px dotted var(--border);
}
:root footer a:hover {
  color: var(--primary);
  border-bottom-color: var(--accent);
}