/* shared style for kotone content pages (about / guide / contact) */
:root {
  --paper: #EAE6DB;
  --ink: #2e2c27;
  --seal: #BE3B33;
  --chip: rgba(120,110,90,.13);
}
* { margin: 0; padding: 0; box-sizing: border-box; }
body {
  min-height: 100dvh;
  background:
    repeating-linear-gradient(0deg, rgba(120,110,90,.025) 0 1px, transparent 1px 3px),
    repeating-linear-gradient(90deg, rgba(120,110,90,.02) 0 1px, transparent 1px 2px),
    var(--paper);
  color: var(--ink);
  font-family: 'Inter', sans-serif;
  display: flex; justify-content: center;
  padding: 64px 28px 80px;
}
main { max-width: 480px; width: 100%; }
.crumb {
  display: inline-flex; align-items: center; gap: 10px;
  text-decoration: none; color: var(--ink); opacity: .5; font-size: 12px; letter-spacing: .2em;
  margin-bottom: 44px; transition: opacity .2s;
}
.crumb:hover { opacity: .9; }
.crumb .mini-seal {
  width: 22px; height: 22px; border-radius: 4px; background: var(--seal); color: #F6F3EC;
  font-family: 'Shippori Mincho', serif; font-size: 11px;
  display: inline-flex; align-items: center; justify-content: center;
}
h1 {
  font-family: 'Shippori Mincho', serif; font-weight: 500;
  font-size: 24px; letter-spacing: .3em; margin-bottom: 8px;
}
.jp { font-family: 'Shippori Mincho', serif; color: var(--seal); font-size: 13px; letter-spacing: .3em; }
.rule { width: 52px; height: 1px; background: var(--ink); opacity: .35; margin: 26px 0 34px; }
p, li {
  font-family: 'Noto Serif Georgian', serif; font-weight: 300;
  font-size: 15.5px; line-height: 2; margin-bottom: 18px;
}
ol { padding-left: 22px; }
ol li { margin-bottom: 14px; }
code, .mono {
  font-family: ui-monospace, monospace; font-size: 13px;
  background: var(--chip); padding: 2px 7px; border-radius: 5px;
}
a { color: var(--seal); text-decoration: none; border-bottom: 1px solid rgba(190,59,51,.3); }
strong { font-weight: 500; }
.watermark {
  position: fixed; right: -14px; bottom: 60px; pointer-events: none; z-index: -1;
  font-family: 'Shippori Mincho', serif; font-size: 200px; line-height: 1; opacity: .05;
}