@charset "utf-8";

/* reset css
   http://meyerweb.com/eric/tools/css/reset/ 
   v2.0 | 20110126
   License: none (public domain)
   Eric A. and Kathryn S. Meyer */

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center, dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed, 
figure, figcaption, footer, header, hgroup, 
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
  margin: 0em;
  padding: 0em;
  border: 0em;
  font-size: 100%;
  font: inherit;
  vertical-align: baseline;
  box-sizing: border-box;
  font-weight: normal;
  text-align: center;
  text-decoration: none;
} /* I added everything after vertical-align. */

/* core styles */

html, body         { width: 100%; height: 100%; max-width: 100%; }
body               { background-position: top center; background-repeat: no-repeat; background-size: 1024px;
                     font-family: Helvetica, "Helvetica Neue", Ariel, sans-serif; font-size: 24px; line-height: 1.75em; }
header             {  }
footer             {  }
main               {  }
article            { margin: 0em auto; width: 42em; max-width: 94%; }
section            { margin: 1.75em 0em; }
summary            {  }
details            {  }
aside              {  }
figure             { line-height: 0em; }
figcaption         { font-size: 66.6%; line-height: 1.25em; }
mark               {  }
nav                {  }
time               {  }
h1, h2, h3, h4     { font-weight: bold; }
h1                 { font-size: 150%; margin: 0.000em 0em; text-transform: none; }
h2                 { font-size: 133%; margin: 1.312em 0em; text-transform: none; }
h3                 { font-size: 125%; margin: 1.400em 0em; text-transform: lowercase;  }
h4                 { font-size: 100%; margin: 1.750em 0em; text-transform: lowercase;  }
h2, h3, h4         { text-align: left; }
p                  { margin: 1.75em 0em; text-align: justify; }
blockquote         { padding: 0em 1.5em; }
ol, ul             { text-indent: 0em; }
li                 { text-align: left; margin: 0em 0em 0em 1.5em; }
dt                 { text-align: left; margin: 1.75em 0em 0em 0em; }
dd                 { text-align: justify; margin: 0em 0em 1.75em 0em; }
table              { border-collapse: collapse; border-spacing: 0em; -webkit-column-break-inside: avoid; break-inside: avoid-column; margin: 0em auto; }
td, th             { vertical-align: middle; }
th                 {  }
caption            { caption-side: top; }
img, embed,
video, iframe      { display: block; margin: 0em auto; width: 100%; }
audio              { margin: 0em auto; height: 0.5em; }
b                  { font-weight: bold !important; }
i                  { font-style: italic !important; }
em                 { text-decoration: underline !important; font-style: inherit !important; }
sub                { vertical-align:-0.50em; }
sup                { vertical-align: 0.75em; }
sub, sup           { font-size: 66.6%; line-height: 0em; white-space: nowrap; }
code, pre          { font-family: Courier, "Courier New", monospace;
                     line-height: 1.25em; text-align: left; white-space: pre; } /* FIX? *?

/* scraps */

.container         { clear: both; text-align: left; } /* used for div and li holding aside */
.shadow            { box-shadow: 0.000em 0.125em 0.250em hsla(240,100%,  8%,0.50) } /* used for popup search box */
.vanish            { opacity: 0; } /* invisible, boo */
@media screen and (max-width:480px) {
  .tight           { display: none; } } /* Look, I've made a squeezy for you. */
table.full         { width: 100%; }
table.full66       { min-width: 66.6%; }
table.nomargin     { margin: 0em; } /* Does anything use this class anymore? */

/* headers and footers */

/* title & subtitle */
.title             { font-size: 400%; width: 9em; }
.subtitle          { font-size: 200%; overflow: visible; text-align: right; width: 32em; }
.title, .subtitle  { font-family: Palatino, "Palatino Linotype", "Palatino Nova", "Book Antiqua", serif;
                     text-shadow: 0.032em 0.032em 0.048em hsla(0,0%,0%,0.30);
                     line-height: 0.750em; margin: 0em auto 2em auto; height: 1.5em; max-width: 96%; }

/* inner 2 navs in header and footer: topics (prev/next) & sections (discussion, summary, practice, problems, resources) */
nav ul             { display: inline-flex; margin: 0em auto; max-width: 100%; }
nav ul li          { border-left: solid 1pt black; display: inline; float: left;
                     line-height: 1em; margin: 1.75em auto; padding: 0em 0.5em;
                     text-align: center; white-space: nowrap; }
nav ul li:first-child
                   { border-left: none; }
@media screen and (max-width:540px) {
  nav ul li        { padding: 0.00em 0.25em; } }

/* top nav: books (chaos, eworld, facts, get bent, physics) */
body>header nav:first-child ul
                   { opacity: 0; width: 50%; animation: fadein 3s; line-height: 0em; }
body>header nav:first-child ul li
                   { border: none; line-height: 0em; padding: 0em; width: 20%; }
@keyframes fadein  {
              from { opacity: 0; width:  50%; }
              to   { opacity: 1; width: 100%; } }
body>header nav:first-child ul
                   { opacity: 1; width: 100%; }

/* AddThis bar of 6 buttons + bespoke Google Custom Search button */
.add,
.add-hol,
.add-goo           { display: inline-block; margin: 0em auto; }
.add-yes .add-hol,
.add-yes .add-goo  { vertical-align: top; }
.add-not .add-hol,
.add-not .add-goo  { margin: 1px; vertical-align: middle; }
.add-goo           { background-color: hsla(240, 16%, 32%,1.00);
                     margin: 0px; width: 32px; height: 32px; }
.add-not           { cursor: not-allowed; }

/* Pure CSS popup without a single line of JavaScript code */
.overlay        { position: absolute; top: 0; bottom: 0; left: 0; right: 0;
                  background: hsla(  0,  0%, 50%,0.75); opacity: 0; visibility: hidden; } /* obscures the page with a transluscent gray box */
.overlay:target { opacity: 1; visibility: visible; }
.popup          { margin: 11em auto 0em auto; padding: 1em; position: relative;
                  background: hsla( 0, 0%,100%,1.00); width: 24em; max-width: 75%; } /* the hidden content in an opaque white box */
.popup .close   { position: absolute; top: 1em; right: 0.50em; font-size: 66.6%; line-height: 0em; } /* a "button" in the upper right corner */

/* signature */
.signature        { display: block; }
.signature span   { display: inline-block; vertical-align: middle; }
.signature img    { border-radius: 100%; width: 4em; height: 4em;
                    box-shadow: 0.125em 0.125em 0.250em hsla(240,100%,  8%,0.50); }

footer p          { margin: 0em; opacity: 0.00; text-align: center; } /* No condition is permanent. */

/* toe */
footer nav:nth-of-type(2) { font-size: 66.6%; }
@media screen and (max-width:1200px) {
footer nav:nth-of-type(2) { font-size: 1.25vw; } }
@media screen and (max-width:800px) {
footer nav:nth-of-type(2) { display: none; } }

footer nav ol         { margin: 0em auto; overflow: visible; text-transform: lowercase;
                        white-space: nowrap; width: 98%; max-width: 1024px;
                        column-count: 4; column-gap: 0em; column-break-inside: avoid; }
footer nav ol li      { font-weight: bold; line-height: 1.25em; list-style: none; margin: 0em;
                                                          column-break-inside: avoid; }
footer nav ol li ol   { margin: 1em 0em; width: 100%;
                       column-count: 1; }
footer nav ol li *    { font-weight: normal; }
footer nav ol li ol li ol li { margin: 0em 0em 0em 1em; }

/* galleries */

table.gallery { margin: 1.75em 0em; table-layout: fixed; width: 100%; }
table.gallery td { vertical-align: top; }
table.gallery caption { font-size: 66.6%; line-height: 1.25em; margin-bottom: 0.5em; }
table.gallery td img,
table.gallery td embed { padding: 2px; width: 100%; }
table.gallery tr.centre td { vertical-align: middle; } /* most galleries are fine top aligned, some are better middle aligned */
table.gallery.gutterless td { margin: 0em; } /* some galleries are full of images with built in margins */

table.gallery td table { line-height: 1.75em; margin: 0em auto; width: auto; } /* for tables inside of galleries */
table.gallery td table td { caption-side: top; padding: 0em; width: auto; }
table.gallery tr:last-child td { padding-bottom: 0em; }

/* columns -- get bent and salone scrapbook use .coliseum321 */

ol.coliseum21 li, ol.coliseum31 li, ol.coliseum32 li, ol.coliseum42 li, ol.coliseum53 li, ol.coliseum321 li
{ break-inside: avoid-column; }

.coliseum21 { column-count: 2; }
.coliseum31 { column-count: 3; }
.coliseum32 { column-count: 3; }
.coliseum42 { column-count: 4; }
.coliseum53 { column-count: 5; }

@media screen and (max-width:560px) {
.coliseum21 { column-count: 1; }
.coliseum31 { column-count: 1; }
.coliseum32 { column-count: 2; }
.coliseum42 { column-count: 2; }
.coliseum53 { column-count: 3; }
}
/*
.coliseum21 img:first-child,
.coliseum21 embed:first-child { margin-bottom: 1.75em; }  Is this really necessary? */

.coliseum321 { column-count: 3; column-gap: 0.666em; vertical-align: top; }
@media screen and (max-width:768px) {
.coliseum321 { column-count: 2; } }
@media screen and (max-width:480px) {
.coliseum321 { column-count: 1; } }

.breaker { -webkit-column-break-before: always; break-before: column; } /* Google Mobile Friendly test doesn't like this. */

/* figure containers */

p.inline,
p.inlame { line-height: 1.25em; text-align: center !important; }

p.inline img,
p.inline embed,
p.inline video { aspect-ratio: 16/9; } /* is aspect ratio valid css? */

p.inline img.hd,
p.inline embed.hd,
p.inline video.hd {             } /* most figures are 16x9 and are not assigned a class */
p.inline img.sd,
p.inline embed.sd,
p.inline video.sd { width: 75%; aspect-ratio: 4/3; } /* some figures are 12x9 */
p.inline img.sq,
p.inline embed.sq,
p.inline video.sq { width: 50%; aspect-ratio: 1/1; } /* some figures are square */

p.inlame img,
p.inlame embed,
p.inlame video { width: auto; max-width: 100%; aspect-ratio: none; } /* use for non-vectors smaller than either width:1008px; or height:567px; */

p iframe.hd { width: 40em;   height: 22.5em; } /* 16x9 embedded youtube videos and adobe animations */
p iframe.sd { width: 30em;   height: 22.5em; } /* 12x9 embedded youtube videos and adobe animations */
p iframe.sq { width: 22.5em; height: 22.5em; } /* rare square adobe animations */
@media screen and (max-width:1008px) {
p iframe.hd { width: 80vw;   height: 45vw; }   /* 16x9 embedded youtube videos and adobe animations */
p iframe.sd { width: 60vw;   height: 45vw; }   /* 12x9 embedded youtube videos and adobe animations */
p iframe.sq { width: 45vw;   height: 45vw; } } /* rare square adobe animations */

aside,
figure      { float: right; margin: 0em 0em 0.5em 1em; text-align: center; width: auto; max-width: 45%; min-width: 25%; }
aside img   { width: auto; max-width: 100%; }
figure table,
aside table { margin: 0em !important; }
table figure,
table figure figcaption { margin: 0em; }

@media screen and (max-width:640px) {
aside.dontfloat,
figure.dontfloat { float: none; margin: 1.75em auto; width: 100%; max-width: 100%; }
aside.dontfloat table,
figure.dontfloat table { margin: 0em auto !important; }} /* some medium-sized tables should not float on small screens */

.coliseum21 figure,
.coliseum31 figure,
.coliseum32 figure,
.coliseum42 figure,
.coliseum53 figure,
.coliseum321 figure,
table.gallery td figure { break-inside: avoid; float: none; margin: 0em auto; width: 100% !important; max-width: 100% !important; }

.kapshun     { line-height: 1.25em; margin: 0em; text-align: center; } /* faux caption for [mostly vibrant tables] split across 2 columns */
.kapshun .hi { margin-top: 1.75em; padding-bottom: 0.5em; }
.kapshun .lo { margin-bottom: 1.75em; padding-top: 0.5em; }

/*
   colorscheme
   r   0, y  60, g 120, c 180, b 240, m 300
   r 345, y  45, g 105, c 165, b 225, m 285
     8%,  16%,  32%,  50%,  68%,  84%,  92%
*/

/* text colors */

body                  { color: hsla(  0,  0%,  0%,0.92);
             background-color: hsla(  0,100%,100%,1.00); } /* semi-transparent black text on opaque white background */
nav ul li             { color: hsla(240,  8%, 68%,1.00); } /* light blue-gray to show it's not a link */
h1, 
h2, 
h3, 
h4,
header,
footer,
header a:link,
header a:visited,
footer a:link,
footer a:visited      { color: hsla(210,100%, 12%,1.00); } /* dark blue accent text - everybody had matching towels */
li.selected a:link,
li.selected a:visited { color: hsla(300,100%, 16%,1.00);
             background-color: transparent; 
  text-shadow: 0em 0em 0.125em hsla(225,100%, 50%,1.00); } /* purple text with bluish glow indicates where user is */
a:link                { color: hsla(240,100%, 32%,1.00); } /* medium blue text - somebody went under a dock */
a:visited             { color: hsla(300,100%, 16%,1.00); } /* purple text - and there they found a rock */
header a:hover,
footer a:hover,
a:hover               { color: hsla(  0,100%, 50%,1.00);
             background-color: hsla( 60,100%, 50%,0.32); } /* yellow highlighter - but it wasn't a rock */
.error,
.negative,
header a:active,
footer a:active,
a:active,
dfn,
dt                    { color: hsla(  0,100%, 50%,1.00); } /* bright red text - it was a rock lobster*/
.keyother             { color: hsla(345,100%, 16%,1.00); } /* dark red text */

/* wordpress */

.wp-post-head,
.wp-post-foot a:link,
.wp-post-foot a:visited,
.wp-post-foot a:link,
.wp-post-foot a:visited { color: hsla(240,  8%, 68%,1.00); } /* same light blue-gray as not a link */
.wp-post-head           { text-align: left; }
.wp-post-foot           { text-align: center; }

/* Let's get small. */

@media screen and (max-width:1024px) {
  body { background-size: 100%; font-size: 2.3vw; }
}
@media screen and (max-width:764px) {
  .title { font-size: 9.6vw; }
  .subtitle { font-size: 4.8vw; }
}

@media screen and (max-width:598px) {
  body {  font-size: 14px; }
  header,
  footer { margin: auto; overflow-x: hidden; width: 94%; }
  header:nth-child(1) nav:nth-child(2),
  header:nth-child(2) nav,
  footer nav { margin-left: -5em; margin-right: -5em; }
  p,
  dd { text-align: left; }
  li { margin-left: 1em; }
}

/* maths group */

     .maths                 { line-height: 1.75em !important; text-align: center; white-space: nowrap; }
table.maths caption,
table.maths th              { text-decoration: underline; }
table.maths tr,
table.maths td              { background-color: transparent !important; border-radius: 0em !important; text-transform: none !important;
                              border: none !important; padding: 0em !important; margin: 0em !important; } /* always boring, even when nested */
table.maths td.solidus      { border-bottom-style: solid !important; border-bottom-width: 0.1em !important; }
table.maths td.absleft      { border-left-style: solid !important; border-left-width: 0.1em !important; border-radius: 0em !important; }
table.maths td.absright     { border-right-style: solid !important; border-right-width: 0.1em !important; border-radius: 0em !important; }
table.maths td.spacer       { width: 4em; }

table.maths td.limupper,
table.maths td.limlower     { font-size: 66.6%; line-height: 66.6%; overflow: visible; }
table.maths td.limupper     { text-align: right; vertical-align: bottom !important; }
table.maths td.limlower     { text-align:  left; vertical-align: top    !important; }
table.maths td.split        { line-height: 1em !important; text-align: left !important; } /* two piece symbols */
table.maths td.split .limit { font-size: 66.6%; } /* NEW METHOD */

table.float-left                      { float: left;  }
table.float-right                     { float: right; }

table.where                           { margin: 1.75em 0em; width: 100%; }
table.where td                        { vertical-align: text-top; }
table.where td:nth-child(odd)         { text-align: right; white-space: nowrap; width: 4em; }
table.where td:nth-child(even)        { text-align: left;  white-space: normal; }

table.bigsymbol                       { margin: 1.75em auto; min-width: 66.6%; }
table.bigsymbol tr:nth-child(odd)  td { font-size: 4em; line-height: 1em; }
table.bigsymbol tr:nth-child(even) td { line-height: 1em; vertical-align: top; }

/* No condition is permanent. */

/*
     FILE ARCHIVED ON 21:53:58 Jan 24, 2022 AND RETRIEVED FROM THE
     INTERNET ARCHIVE ON 15:48:14 Feb 04, 2026.
     JAVASCRIPT APPENDED BY WAYBACK MACHINE, COPYRIGHT INTERNET ARCHIVE.

     ALL OTHER CONTENT MAY ALSO BE PROTECTED BY COPYRIGHT (17 U.S.C.
     SECTION 108(a)(3)).
*/
/*
playback timings (ms):
  captures_list: 0.587
  exclusion.robots: 0.025
  exclusion.robots.policy: 0.012
  esindex: 0.011
  cdx.remote: 69.402
  LoadShardBlock: 536.574 (3)
  PetaboxLoader3.datanode: 468.591 (5)
  PetaboxLoader3.resolve: 311.097 (3)
  load_resource: 408.084 (2)
*/