/* Matterhorn View Notes — journal skin. Classes prefixed mvn-. No frameworks. */
:root{
  --mvn-ice:#e8eef3;
  --mvn-glacier:#3d6b8a;
  --mvn-glacier-deep:#2a4d66;
  --mvn-snow:#fbfaf7;
  --mvn-paper:#f4efe6;
  --mvn-granite:#5c5a56;
  --mvn-stone:#2f2e2b;
  --mvn-wood:#8b5e3c;
  --mvn-wood-soft:#c9a27a;
  --mvn-line:#d7d1c6;
}
*{box-sizing:border-box}
html{font-size:18px}
.mvn-body{
  margin:0;
  background:
    radial-gradient(1200px 400px at 10% -10%, #d7e4ee 0%, transparent 55%),
    linear-gradient(180deg, var(--mvn-ice) 0%, var(--mvn-snow) 38%, var(--mvn-paper) 100%);
  color:var(--mvn-stone);
  font-family:ui-serif, "Iowan Old Style", "Palatino Linotype", Palatino, Georgia, serif;
  line-height:1.65;
}
.mvn-frame{max-width:860px;margin:0 auto;padding:0 22px 64px}
.mvn-strip{
  margin:0 -22px;
  padding:8px 22px;
  background:var(--mvn-glacier-deep);
  color:#f3f7fa;
  font-family:ui-sans-serif, system-ui, "Segoe UI", sans-serif;
  font-size:11px;
  letter-spacing:.04em;
  line-height:1.45;
  text-align:center;
}
.mvn-strip--foot{margin:28px -22px 0;background:var(--mvn-stone)}
.mvn-mast{padding:36px 0 18px;border-bottom:1px solid var(--mvn-line)}
.mvn-mark{
  display:block;
  font-size:1.85rem;
  letter-spacing:.02em;
  color:var(--mvn-glacier-deep);
  text-decoration:none;
  font-weight:600;
}
.mvn-kicker{
  margin:8px 0 0;
  color:var(--mvn-granite);
  font-style:italic;
  font-size:1.02rem;
}
.mvn-trail{display:flex;flex-wrap:wrap;gap:8px 18px;margin-top:22px}
.mvn-link{
  font-family:ui-sans-serif, system-ui, sans-serif;
  font-size:13px;
  text-transform:uppercase;
  letter-spacing:.14em;
  color:var(--mvn-glacier);
  text-decoration:none;
  border-bottom:1px solid transparent;
}
.mvn-link:hover,.mvn-link.is-here{border-bottom-color:var(--mvn-wood);color:var(--mvn-wood)}
.mvn-sheet{padding:28px 0 8px}
.mvn-hero{padding:12px 0 8px}
.mvn-hero h1{margin:0 0 10px;font-size:2.15rem;line-height:1.2;color:var(--mvn-glacier-deep);font-weight:600}
.mvn-lede{font-size:1.12rem;color:var(--mvn-granite)}
.mvn-prose p{margin:0 0 1em}
.mvn-prose h2{margin:1.6em 0 .5em;font-size:1.35rem;color:var(--mvn-glacier-deep);font-weight:600}
.mvn-prose h3{margin:1.3em 0 .4em;font-size:1.12rem;color:var(--mvn-wood)}
.mvn-ridge{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;margin:28px 0}
.mvn-chip{
  background:#fff;
  border:1px solid var(--mvn-line);
  border-top:4px solid var(--mvn-wood);
  padding:18px 16px 16px;
}
.mvn-chip h2{margin:0 0 8px;font-size:1.05rem;color:var(--mvn-glacier-deep)}
.mvn-chip p{margin:0;font-size:.95rem;color:var(--mvn-granite)}
.mvn-rides{margin:36px 0;padding:22px 22px 8px;background:#fff;border:1px solid var(--mvn-line)}
.mvn-rides h2{margin:0 0 12px;font-size:1.3rem;color:var(--mvn-glacier-deep)}
.mvn-cta{
  display:block;
  margin:36px 0 12px;
  padding:22px;
  background:var(--mvn-glacier);
  color:#fff;
  text-align:center;
  text-decoration:none;
}
.mvn-cta strong{display:block;font-size:1.2rem;letter-spacing:.04em}
.mvn-cta span{display:block;margin-top:6px;font-family:ui-sans-serif,system-ui,sans-serif;font-size:13px;opacity:.9}
.mvn-cta:hover{background:var(--mvn-glacier-deep)}
.mvn-faq{border-top:1px solid var(--mvn-line);padding:16px 0}
.mvn-faq h2{margin:0 0 8px;font-size:1.12rem;color:var(--mvn-glacier-deep)}
.mvn-form{display:grid;gap:12px;max-width:520px}
.mvn-field{display:flex;flex-direction:column;gap:6px;font-family:ui-sans-serif,system-ui,sans-serif;font-size:14px}
.mvn-field input,.mvn-field textarea{
  font:inherit;padding:10px 12px;border:1px solid var(--mvn-line);background:#fff;color:var(--mvn-stone);
}
.mvn-send{
  justify-self:start;
  font-family:ui-sans-serif,system-ui,sans-serif;
  background:var(--mvn-wood);color:#fff;border:0;padding:11px 18px;cursor:pointer;letter-spacing:.06em;text-transform:uppercase;font-size:12px;
}
.mvn-note{font-size:.95rem;color:var(--mvn-granite);font-style:italic}
.mvn-ok{padding:12px 14px;background:#eef5ea;border:1px solid #c5d6bb}
.mvn-colophon{padding-top:8px;color:var(--mvn-granite);font-size:.92rem}
.mvn-fine{margin:14px 0 4px}
.mvn-addr{margin:0}
.mvn-addr a{color:var(--mvn-glacier)}
.mvn-legal{display:flex;gap:16px;margin-top:10px;font-family:ui-sans-serif,system-ui,sans-serif;font-size:12px;text-transform:uppercase;letter-spacing:.12em}
.mvn-legal a{color:var(--mvn-granite);text-decoration:none}
.mvn-legal a:hover{color:var(--mvn-wood)}
@media (max-width:720px){
  html{font-size:17px}
  .mvn-ridge{grid-template-columns:1fr}
  .mvn-hero h1{font-size:1.75rem}
}