/*original style*/
 :root{
      --bg: #ffffff;
      --ink: #111111;
      --muted: #444444;
      --rule: #d9d9d9;
      --paper: #fafafa;
      --max: 860px;
      --pad: 22px;
      --radius: 14px;
    }

    /* Base */
    html, body { height: 100%; }
    body{
      margin: 0;
      background: var(--bg);
      color: var(--ink);
      font-family: ui-serif, Georgia, "Times New Roman", Times, serif;
      line-height: 1.6;
      text-rendering: geometricPrecision;
    }

    a{
      color: inherit;
      text-decoration: underline;
      text-decoration-thickness: 2px;
      text-underline-offset: 3px;
    }
    a:hover{ text-decoration-style: wavy; }

    /* Layout */
    .wrap{
      max-width: var(--max);
      margin: 0 auto;
      padding: 28px 18px 48px;
    }

    /* Masthead */
    header{
      border: 1px solid var(--rule);
      border-radius: var(--radius);
      background: linear-gradient(0deg, var(--paper), #ffffff);
      padding: var(--pad);
    }

    .brand{
      display: grid;
      grid-template-columns: 88px 1fr;
      gap: 16px;
      align-items: center;
    }

    .logo{
      width: 88px;
      height: 88px;
      object-fit: contain;
      border: 1px solid var(--rule);
      border-radius: 10px;
      background: #fff;
      padding: 6px;
    }

    h1{
      margin: 0;
      font-family: "Space Mono", ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", monospace;
      font-weight: 700;
      letter-spacing: 0.6px;
      line-height: 1.1;
      font-size: clamp(1.45rem, 2.6vw, 2.2rem);
      text-transform: lowercase;
    }

    .tagline{
      margin: 10px 0 0;
      color: var(--muted);
      font-size: 1.02rem;
    }

    .stamp{
      margin-top: 14px;
      display: inline-block;
      font-family: "Space Mono", ui-monospace, monospace;
      font-size: 0.92rem;
      letter-spacing: 0.4px;
      border: 1px dashed var(--ink);
      padding: 8px 10px;
      border-radius: 10px;
      background: #fff;
    }

    /* Sections */
    .rule{
      margin: 20px 0;
      border: 0;
      border-top: 1px solid var(--rule);
    }

    main{
      margin-top: 18px;
      border: 1px solid var(--rule);
      border-radius: var(--radius);
      padding: var(--pad);
    }

    h2{
      margin: 0 0 10px;
      font-family: "Space Mono", ui-monospace, monospace;
      font-weight: 700;
      letter-spacing: 0.3px;
      font-size: 1.05rem;
      text-transform: uppercase;
    }

    .lede{
      margin: 0;
      font-size: 1.08rem;
    }

    .callout{
      margin: 16px 0 0;
      padding: 14px 14px 12px;
      border-left: 4px solid var(--ink);
      background: var(--paper);
      border-radius: 10px;
    }

    .callout p{
      margin: 0;
    }

    .linkrow{
      margin-top: 14px;
      padding-top: 14px;
      border-top: 1px solid var(--rule);
      display: grid;
      gap: 8px;
    }

    .linktitle{
      font-family: "Space Mono", ui-monospace, monospace;
      font-weight: 700;
      letter-spacing: 0.25px;
    }

    /* Footer / references */
    footer{
      margin-top: 18px;
      border: 1px solid var(--rule);
      border-radius: var(--radius);
      padding: var(--pad);
    }

    .fine{
      color: var(--muted);
      font-size: 0.95rem;
      margin: 0 0 10px;
    }

    ol.refs{
      margin: 0;
      padding-left: 20px;
    }
    ol.refs li{
      margin: 10px 0;
      overflow-wrap: anywhere;
    }
	  .bottom-logo{
      width: 350px;
      height: 350px;
      object-fit: contain;
      border: 1px solid var(--rule);
      border-radius: 10px;
      background: #fff;
      padding: 6px;
    }

	  h1.hbottom-logo{
      margin: 0;
      font-family: "Space Mono", ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", monospace;
      font-weight: 700;
      letter-spacing: 0.6px;
      line-height: 1.1;
      font-size: clamp(3.45rem, 2.6vw, 2.2rem);
      text-transform: lowercase;
    }

/* Shared nav (retro, white background, no animation) */
.site-nav{
  border: 1px solid #d9d9d9;
  border-radius: 14px;
  background: #fff;
  margin: 0 0 18px;
}
.site-nav__inner{
  max-width: 860px;
  margin: 0 auto;
  padding: 14px 18px;
  display: flex;
  gap: 12px;
  align-items: baseline;
  justify-content: space-between;
  flex-wrap: wrap;
}
.site-nav__brand a{
  font-family: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", monospace;
  font-weight: 700;
  letter-spacing: 0.4px;
  text-decoration-thickness: 2px;
}
.site-nav__links{
  display: flex;
  gap: 14px;
  flex-wrap: wrap;
}
.site-nav__links a{
  text-decoration: underline;
  text-decoration-thickness: 2px;
  text-underline-offset: 3px;
}
.site-nav__links a.active{
  text-decoration-style: wavy;
}
    /* Small screens */
    @media (max-width: 520px){
      .brand{ grid-template-columns: 1fr; }
      .logo{ width: 84px; height: 84px; }
	  .bottom-logo{84px; height: 84px;}
		h1.hbottom-logo{margin: 0;font-family: "Space Mono", ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", monospace; font-weight: 700;letter-spacing: 0.6px;line-height: 1.1;font-size: clamp(1.0rem, 2.6vw, 2.2rem);text-transform: lowercase; }
    }

/* ---------- Shared Nav (retro, white, no animation) ---------- */

.site-nav{
  border: 1px solid #d9d9d9;
  border-radius: 14px;
  background: #fff;
  margin: 0 0 18px;
}

.site-nav__inner{
  max-width: 860px;
  margin: 0 auto;
  padding: 14px 18px;
  display: flex;
  gap: 12px;
  align-items: baseline;
  justify-content: space-between;
  flex-wrap: wrap;
}

.site-nav__brand a{
  font-family: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", monospace;
  font-weight: 700;
  letter-spacing: 0.4px;
  text-decoration-thickness: 2px;
  text-underline-offset: 3px;
}

.site-nav__links{
  display: flex;
  gap: 14px;
  flex-wrap: wrap;
}

.site-nav__links a{
  text-decoration: underline;
  text-decoration-thickness: 2px;
  text-underline-offset: 3px;
}

.site-nav__links a.active{
  text-decoration-style: wavy;
}

.site-nav__meta{
  max-width: 860px;
  margin: 0 auto;
  padding: 0 18px 14px;
  border-top: 1px solid #d9d9d9;
}

/* ---------- Breadcrumbs ---------- */

.crumbs{
  margin-top: 10px;
}

.crumbs__list{
  margin: 0;
  padding: 0;
  list-style: none;
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
  align-items: baseline;
  color: #444;
}

.crumbs__item{
  display: inline-flex;
  gap: 8px;
  align-items: baseline;
}

.crumbs__item::after{
  content: "/";
  color: #888;
}

.crumbs__item:last-child::after{
  content: "";
}

.crumbs__link{
  text-decoration: underline;
  text-decoration-thickness: 2px;
  text-underline-offset: 3px;
}

.crumbs__current{
  font-weight: 700;
  color: #111;
}

/* ---------- You are here ---------- */

.you-are-here{
  margin: 10px 0 0;
  color: #111;
}

.you-are-here__label{
  color: #444;
  font-family: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", monospace;
}

.you-are-here__value{
  font-family: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", monospace;
  letter-spacing: 0.2px;
}

/* ---------- Footer ---------- */

.site-footer{
  margin-top: 32px;
  border-top: 1px solid #d9d9d9;
  padding-top: 18px;
}

.underFooter{
  background: #ffffff;
}

.footer-inner{
  max-width: 860px;
  margin: 0 auto;
  padding: 20px 18px 32px;

  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 10px;
}

.bottom-logo{
  width: 72px;
  height: auto;
  object-fit: contain;
}

.hbottom-logo{
  margin: 0;
  font-family: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", monospace;
  font-size: 1.1rem;
  letter-spacing: 0.4px;
  font-weight: 700;
  text-transform: lowercase;
}

.copyright{
  margin: 0;
  color: #444;
}

.footer-mini{
  margin: 0;
  color: #666;
  font-size: 0.95rem;
  text-align: center;
  max-width: 56ch;
}

/* ---------- Print Friendly ---------- */

.print-only{
  display: none;
}

.print-rule{
  border: 0;
  border-top: 1px solid #000;
  margin: 8px 0;
}

@media print{
  /* Remove typical web chrome; keep content readable */
  .site-nav{
    border: 0;
    margin: 0 0 10px;
  }
  .site-nav__inner,
  .site-nav__meta{
    padding: 0;
    border: 0;
  }

  /* Hide nav links in print, keep your print header/footer */
  .site-nav__links,
  .crumbs,
  .you-are-here{
    display: none !important;
  }

  /* Print header/footer show */
  .print-only{
    display: block;
  }

  /* Avoid wasting ink on gray rules in print */
  .site-footer{
    border-top: 0;
    padding-top: 0;
  }

  /* Make links print with their URL */
  a[href^="http"]:after,
  a[href^="/"]:after{
    content: " (" attr(href) ")";
    font-size: 0.9em;
  }

  /* Reduce large decorative footer logo in print if desired */
  .bottom-logo{
    width: 54px;
  }

  /* Keep typography clean */
  body{
    color: #000;
    background: #fff;
  }
}