/* boracetin.com / rockefsaneleri.com - shared layout for the de-framed pages.
   Deliberately minimal: it restores the old two-frame layout as one document
   and makes it usable on small screens. Page colours stay inline, per page. */

*, *::before, *::after { box-sizing: border-box; }

html { -webkit-text-size-adjust: 100%; }

body {
  margin: 0;
  padding: 0;
  background-attachment: fixed;
}

.bc-layout {
  display: flex;
  align-items: stretch;
  min-height: 100vh;
}

.bc-nav {
  flex: 0 0 var(--bc-nav-w, 190px);
  width: var(--bc-nav-w, 190px);
  padding: 6px 4px 24px;
  background-attachment: fixed;
  background-repeat: repeat;
  overflow-wrap: anywhere;
}

.bc-nav p { margin: 0.65em 0; }

.bc-main {
  flex: 1 1 auto;
  min-width: 0;
  padding: 4px 10px 28px;
}

/* wide tables / pre blocks scroll inside the column instead of the page */
.bc-main > table,
.bc-scroll { display: block; max-width: 100%; overflow-x: auto; }

.bc-top {
  padding: 4px 8px;
  background-attachment: fixed;
}

img { max-width: 100%; height: auto; }
img[width][height] { height: auto; }

.bc-skip {
  position: absolute; left: -9999px;
  top: auto; width: 1px; height: 1px; overflow: hidden;
}
.bc-skip:focus {
  position: static; width: auto; height: auto;
  padding: 4px 8px; background: #000; color: #FF9900;
}

@media (max-width: 760px) {
  .bc-layout { display: block; }
  .bc-nav {
    width: auto; flex: none;
    display: flex; flex-wrap: wrap; align-items: center;
    gap: 2px 14px;
    padding: 8px 10px;
    border-bottom: 2px solid #FF9900;
    /* the old menus are long - keep them from pushing the page off screen */
    max-height: 45vh;
    overflow-y: auto;
  }
  .bc-nav p { margin: 0; }
  .bc-nav br { display: none; }
  .bc-main { padding: 8px; }
  marquee { max-width: 100%; }
}