/* 2000s: Web 2.0 in Mac OS X Aqua colours. Blue gel, graphite and pinstripes, reflections, a fixed centred column, rounded tabs, Verdana. */
html[data-decade="2000s"] body { background: repeating-linear-gradient(#ececec 0 2px, #f6f6f6 2px 4px); color: #333; }
html[data-decade="2000s"] .site {
  max-width: 960px; margin: 20px auto; background: #fff; font: 13px/1.6 Verdana, Geneva, Tahoma, sans-serif;
  box-shadow: 0 6px 22px rgba(0, 0, 0, .28); border: 1px solid #a8a8a8; border-radius: 10px; overflow: hidden;
  display: grid; grid-template-columns: 1fr 240px; grid-template-areas: "head head" "nav nav" "main foot";
}
html[data-decade="2000s"] .site-head {
  grid-area: head; position: relative; display: flex; align-items: center; justify-content: space-between; gap: 12px; padding: 22px 24px 30px;
  background: linear-gradient(#8fc3f7 0%, #4a97e8 49%, #1f6fd4 51%, #3d8fe6 100%); color: #fff; border-bottom: 1px solid #0f4f9e;
}
html[data-decade="2000s"] .site-head::after { content: ""; position: absolute; left: 0; right: 0; top: 0; height: 50%; background: linear-gradient(rgba(255, 255, 255, .45), rgba(255, 255, 255, .1)); pointer-events: none; }
html[data-decade="2000s"] .site-title { margin: 0; font: bold 30px "Trebuchet MS", Arial, sans-serif; letter-spacing: -1px; text-shadow: 0 -1px 0 #0f4f9e; -webkit-box-reflect: below -6px linear-gradient(transparent 55%, rgba(255, 255, 255, .35)); }
html[data-decade="2000s"] .site-tagline { margin: 26px 0 0; font-size: 12px; opacity: .9; }
html[data-decade="2000s"] .beta { position: relative; z-index: 1; display: inline-block; transform: rotate(12deg); background: linear-gradient(#e8e8e8 0%, #bdbdbd 50%, #a7a7a7 51%, #d0d0d0 100%); color: #333; text-shadow: 0 1px 0 #fff; font: bold 13px "Lucida Grande", Arial, sans-serif; padding: 6px 12px; border-radius: 12px; border: 2px solid #fff; box-shadow: 0 2px 4px rgba(0, 0, 0, .3); }
html[data-decade="2000s"] .site-nav { grid-area: nav; background: linear-gradient(#f2f2f2, #d9d9d9); border-bottom: 1px solid #a8a8a8; padding: 8px 16px 0; }
html[data-decade="2000s"] .site-nav ul { list-style: none; margin: 0; padding: 0; display: flex; flex-wrap: wrap; gap: 4px; }
html[data-decade="2000s"] .site-nav a { display: flex; gap: 6px; align-items: center; padding: 6px 14px; border-radius: 8px 8px 0 0; background: linear-gradient(#ffffff 0%, #e9e9e9 50%, #dcdcdc 51%, #f4f4f4 100%); border: 1px solid #a8a8a8; border-bottom: 0; color: #333; text-decoration: none; font-weight: bold; font-size: 12px; }
html[data-decade="2000s"] .site-nav a:hover { background: linear-gradient(#cfe6ff 0%, #78b4f2 50%, #4a97e8 51%, #9fd0ff 100%); color: #fff; text-shadow: 0 -1px 0 #1f6fd4; }
html[data-decade="2000s"] .site-main { grid-area: main; padding: 18px 24px; }
html[data-decade="2000s"] .card { margin-bottom: 22px; padding-bottom: 14px; border-bottom: 1px dashed #c4ccd6; }
html[data-decade="2000s"] .card-title { font: bold 20px "Trebuchet MS", Arial, sans-serif; color: #1f6fd4; margin: 0 0 8px; }
html[data-decade="2000s"] .stat { display: inline-block; padding: 8px 16px; border-radius: 12px; background: linear-gradient(#e8f4ff, #bcdcff); border: 1px solid #8bbbe8; color: #124a80; }
html[data-decade="2000s"] .stat-value { font: bold 22px "Trebuchet MS", sans-serif; }
html[data-decade="2000s"] .terms dt { color: #1f6fd4; }
html[data-decade="2000s"] a { color: #1f6fd4; }
html[data-decade="2000s"] .site-foot { grid-area: foot; padding: 18px; background: linear-gradient(90deg, #ececec, #f6f6f6); border-left: 1px solid #c8c8c8; font-size: 12px; }
html[data-decade="2000s"] .tagcloud { line-height: 1.8; margin-bottom: 14px; }
html[data-decade="2000s"] .tagcloud a { text-decoration: none; }
html[data-decade="2000s"] .rss { display: inline-block; background: linear-gradient(#ffa64d, #f60); color: #fff; font: bold 10px Verdana, sans-serif; padding: 2px 5px; border-radius: 3px; }
html[data-decade="2000s"] .w3c { display: inline-block; border: 1px solid #369; color: #369; font: bold 10px Verdana, sans-serif; padding: 1px 4px; background: #fff; margin-top: 4px; }

@media (max-width: 760px) {
  html[data-decade="2000s"] .site { grid-template-columns: 1fr; grid-template-areas: "head" "nav" "main" "foot"; margin: 0; border-radius: 0; }
  html[data-decade="2000s"] .site-foot { border-left: 0; }
}