@charset "UTF-8";
/*
 * legacy.css — div+CSS reproduction of the old table-based "720px gray frame" chrome
 * (header band / menu bar / content / teal footer band) used by the legacy pages
 * (link, profile, bibliography, works, year pages, photo pages …).
 * Goal: pixel-identical to the original nested-table markup, no <table> for layout.
 *
 * Original frame: <table width=720 cellpadding=1 bgcolor=#666> → 1px gray border, white inside.
 * Inner usable width = 718px. All dimensions below come from the original spacer.gif sizes
 * and explicit img width/height attributes.
 */

body.legacy {
  margin: 10px 0 0 0;           /* topmargin="10" leftmargin="0"; font comes from kf01.css */
  background: #ffffff;
  color: #333333;
}

.l-center { text-align: center; }            /* <div align="center"> */

.l-frame {                                    /* 720 outer, 1px #666 frame */
  width: 720px;
  margin: 0 auto;
  background: #666666;
  padding: 1px;
  box-sizing: border-box;
  text-align: left;
}
.l-inner { background: #ffffff; }            /* white interior (718px) */

/* ---- header band ------------------------------------------------------- */
.l-header { line-height: 0; font-size: 0; }
.l-header img { display: block; border: 0; }
.l-header .titlerow { display: flex; height: 57px; }   /* 570 + 148 = 718, exactly 57 tall */
.l-header .hr { height: 4px; background: #666666; font-size: 0; line-height: 0; }

/* ---- menu bar (718) : 19px gutter + nav (flex) + 124 right image ----------
 * Original was <table width="575"> whose auto-layout spread its slack across the 7
 * inter-button gaps -> exact gaps 26/27/32/28/29/29/35px (same values main.css uses
 * for the modern .navi). Buttons sit 3px below the bar top (old cell baseline). */
.l-menu { display: flex; align-items: flex-start; }
.l-menu__gutter { flex: 0 0 19px; width: 19px; }
.l-nav { display: flex; align-items: flex-start; list-style: none; margin: 0; padding: 0; line-height: 0; }
.l-nav li { line-height: 0; }
.l-nav a { display: block; font-size: 0; }
.l-nav img { display: block; border: 0; }
.l-nav li:nth-child(2) { margin-left: 26px; }
.l-nav li:nth-child(3) { margin-left: 27px; }
.l-nav li:nth-child(4) { margin-left: 32px; }
.l-nav li:nth-child(5) { margin-left: 28px; }
.l-nav li:nth-child(6) { margin-left: 29px; }
.l-nav li:nth-child(7) { margin-left: 29px; }
.l-nav li:nth-child(8) { margin-left: 35px; }
.l-menu__rimg { display: block; border: 0; margin-left: auto; }

/* ---- content row : 19px gutter + main column + (optional) right image --- */
.l-content { display: flex; align-items: flex-start; }
.l-content .gutter { flex: 0 0 19px; width: 19px; }
.l-content .main { width: 531px; }
.l-content .rgutter { flex: 0 0 20px; width: 20px; }
.l-content .rimg { display: block; border: 0; }       /* main_img 148x447 */

.l-content img { border: 0; }

/* vertical spacer helper (replaces <img spacer height=N>) */
.l-sp { font-size: 0; line-height: 0; }

/* section title image row */
.l-title { padding: 30px 0; }
.l-title img { display: block; border: 0; }

/* ---- footer bands (replaces footer.php spacer rows) -------------------- */
.l-foot-line { height: 4px; background: #666666; font-size: 0; line-height: 0; }
.l-foot-band { height: 38px; background: #BDD3D4; font-size: 0; line-height: 0; }

/* copyright image under the frame */
.l-copyright { display: block; margin: 0 auto; border: 0; }

/* ---- link page content ------------------------------------------------- */
.l-indent { display: flex; align-items: flex-start; }
.l-rail { flex: 0 0 21px; width: 21px; }
.l-col510 { width: 510px; }
.l-col510 > img { display: block; border: 0; }
/* link list: original was a table (mark | name | 30px gap | url) so URLs align in a
 * column. Reproduce with CSS grid; row-height/line matches the old .log cells. */
.linklist { display: grid; grid-template-columns: max-content max-content 30px max-content; }
.linklist .row { display: contents; }
.linklist .mk { color: #6E71AF; }
.linklist .nm { white-space: nowrap; }
.linklist .sp30 { width: 30px; }
.linklist a { color: #0000ff; }
.linklist .mk, .linklist .nm, .linklist .sp30, .linklist .row > a {
  line-height: 140%; padding-bottom: 0.5em;   /* old .log cell metrics */
}