The Arlington Summit

Link to article: The Arlington Summit.

Module Styles

• 
  @import url('https://fonts.googleapis.com/css2?family=Permanent+Marker&display=swap');
  
  /* ROOT SETTINGS */
  :root {
      --title: "SCP FOUNDATION";
      --subtitle: "SITE-02";
      --title-size: 1.2rem;
      --subtitle-size: 2.5rem;
      --logo: url('https://scp-wiki.wdfiles.com/local--files/the-arlington-summit/primary_shcr_white.png');
  
      --basalt-secondary-color: 34, 34, 35;
      --top-bar-dropdown-background: var(--basalt-secondary-color);
      --basalt-UI-dark-pallete: 89, 89, 89;
  
      --header-UI-font-size: calc(var(--true-font-size) * .85);
      --header-UI-font-size: calc(var(--true-font-size) * .95);
      --basalt-bright-element-color: 224, 72, 73;
      --basalt-main-text-color: 230, 230, 230;
      
      --base-header-height: calc((var(--title-size) + var(--subtitle-size)) * 1.275 + 1.5rem);
  
      --search-button-width: 2.5rem;
      --user-button-width: 3.5rem;
  
      --blockquote-background-color: var(--basalt-UI-dark-palette);
  
      --footnote-background-color: var(--basalt-UI-dark-palette);
      --image-caption-background-color: var(--basalt-secondary-color);
      --basalt-th-background-color: var(--basalt-secondary-color);
      --hr-color: var(--basalt-UI-dark-palette);
  }
  
  /* HEADER MUMBO JUMBO */
  
  #header {
      display: grid;
      position: sticky;
      contain: layout;
  }
  
  #header::before {
      content: '';
      position: absolute;
      top: 0;
      left: 0;
      right: 0;
      bottom: 0;
      background-image: url('https://scp-wiki.wdfiles.com/local--files/the-arlington-summit/inv_pate_black_v2_redux.png');
      filter: brightness(1.1) contrast(1) saturate(0.9);
      background-repeat: repeat;
      background-size: auto;
      z-index: -1;
      pointer-events: none;
  }
  
  #header-extra-div-1 {
      position: absolute;
      top: 0;
      left: 0;
      right: 0;
      bottom: 0;
      overflow: hidden; /* ONLY this div clips - not the whole header */
      pointer-events: none;
      z-index: 1;
  }
  
  #header-extra-div-1 span {
      position: absolute;
      top: 50%;
      right: calc(var(--search-button-width) + var(--user-button-width) + 250px);
      width: clamp(925px, 20vw, 650px);
      height: clamp(950px, 25vw, 550px);
      transform: translateY(-50%) rotate(-15deg);
      background-image: url('https://scp-wiki.wdfiles.com/local--files/the-arlington-summit/primary_shcr_white.png');
      background-repeat: no-repeat;
      background-size: contain;
      background-position: center;
      opacity: 0.25;
      filter: hue-rotate(180deg) saturate(0.3) brightness(0.7);
      display: block;
  }
  
  /* HIDE: Crown on mobile */
  @media (max-width: 1100px) {
      #header-extra-div-1 {
          display: none;
      }
  }
  
  #header h1 a span {
      margin-left: 0.65rem;
  }
  
  #header h1 a::before {
      width: calc(var(--base-header-height) * 0.65);
      min-width: calc(var(--base-header-height) * 0.70);
  }
  
  #header h1 a span {
      text-align: center;
      display: inline-block;
      width: max-content;
      min-width: max-content;
      height: unset;
  }
  
  #header h1 a span::before,
  #header h1 a span::after {
      display: block;
      white-space: nowrap;
      width: max-content;
      margin: 0 auto;
  }
  
  #header h1 a span::before {
      content: var(--title);
      font-size: var(--title-size);
      font-weight: bold;
      line-height: 1.1;
  }
  
  #header h1 a span::after {
      content: var(--subtitle);
      font-size: var(--subtitle-size);
      font-weight: 900;
      line-height: 1;
      margin-bottom: 0px;
  }
  
  /* TOPBAR */
  
  #top-bar div[class*=top-bar]>ul>li>a {
      padding: 0 calc(var(--header-UI-font-size) * 2.5);
  }
  
  #top-bar div[class*=top-bar] ul li ul li a {
      background: rgb(var(--basalt-UI-dark-palette), var(--basalt-UI-opacity)); 
  }
  
  
  #top-bar div[class*=top-bar] > ul > li {
      margin: 0rem 0rem;
      white-space: nowrap;
  }
  
  #top-bar div[class*=top-bar] > ul > li > a {
      transition: background-color 0.15s ease;
      padding: 0 calc(var(--header-UI-font-size) * 2.5);
  }
  
  #top-bar div[class*=top-bar] > ul > li:first-child {
      margin-left: 0;
  }
  
  #top-bar div[class*=top-bar] > ul > li:last-child {
      margin-right: 0;
  }
  
  /* LOGIN STATUS */
  #login-status span.printuser>a {
      padding: min(calc(var(--base-header-height) * .175), 0.325rem);
  }
  
  /* BODY */
  body {
      color: rgb(var(--basalt-secondary-color));
      background-image: url(https://scp-wiki.wdfiles.com/local--files/the-arlington-summit/nor_pate_white_v2_redux.png);
  
  /* BLOCKQUOTES */
  
  .blockquote hr {
      background-color: rgb(var(--basalt-primary-color));
  }
  
  /* TABLES */
  table th,
  table tr:first-child td {
      border: 0.15rem solid rgb(var(--basalt-secondary-color));
  }
  
  /* TABS */
  .yui-navset.yui-navset-top {
      border: 1px solid rgb(var(--basalt-secondary-color));
  }
  
  :is(:where(#page-content) table:not(.form),table.wiki-content-table) td {
     border: solid 0.15rem rgb(var(--basalt-UI-dark-palette));
  }
  
  /* PAGE TITLE */
  #page-title, .meta-title {
      color: rgba(var(--basalt-secondary-color));
      font-size: xxx-large;
  }
  
  /* HOVERTIPS COLORING */
  .bibitems, .footnotes-footer, .hovertip {
      color: rgb(var(--basalt-primary-color));
  }
  
  /* EDIT AREA */
  #edit-page-textarea, #np-text {
      color: rgb(var(--basalt-secondary-color));
  }
  
  /* BIBLITEMS */
  .bibitems .title, .footnotes-footer .title {
      background-color: rgb(var(--basalt-secondary-color));
  }
  
  .bibitems::before, .footnotes-footer::before {
      background-color: rgb(var(--basalt-secondary-color));
  }
  
  /* USER PROFILE WINDOW */
  .owindow .title {
      opacity: 80%;
      color: rgb(var(--basalt-secondary-color));
  }
  
  
  /* SCROLL */
  * {
      scrollbar-width: thin;
      scrollbar-color: rgb(var(--scrollbar-thumb-color)) rgb(89 89 89);
  }
  
  /* PAGE TAGS */
  #main-content>.page-tags>span a {
      color: rgb(var(--basalt-primary-color));
  }
  
  /* TEXT AREA */
  input[type=text], textarea {
      color: rgb(var(--basalt-secondary-color));
  }
  
  /* ACTION AREA (FILE UPLOAD) */
  #action-area input.text, textarea#file-comments {
      color: rgba(var(--basalt-primary-color));
  }
  
  /* PREVIEW MESSAGE */
  .preview-message {
      background-color: rgba(var(--basalt-primary-color));
  }
  
  /* DOCUMENT DIVS */
  div.document {
      box-shadow: 0px 1px 1.9px -4px rgb(0 0 0 / 50%), 0px 6px 15px -4px rgb(0 0 0 / 64%);
      background-image: url(https://scp-wiki.wdfiles.com/local--files/the-arlington-summit/nor_pate_white_v2_redux.png);
  }
  
  div.document::before {
      box-shadow: 0px 1px 1.9px -4px rgb(0 0 0 / 50%), 0px 6px 15px -4px rgb(0 0 0 / 64%);
  }
  
  div.document::before {
      box-shadow: 0px 1px 1.9px -4px rgb(0 0 0 / 50%), 0px 6px 15px -4px rgb(0 0 0 / 64%);
  }
  div:is(.document)::before, div:is(.document)::after {
      background-image: url(https://scp-wiki.wdfiles.com/local--files/the-arlington-summit/nor_pate_white_v2_redux.png);
  }
  
  #page-content div:is(.document, .darkdocument) {
      max-width: 60rem;
  }
  
  div.darkdocument {
      background-color: rgb(var(--darkdocument-background-color), 0.25);
      box-shadow: 0px 1px 1.9px -4px rgb(150 150 159 / 75%), 0px 6px 15px -4px rgb(0 0 0 / 76%);
      background-image: url('https://scp-wiki.wdfiles.com/local--files/the-arlington-summit/inv_pate_black_v2_redux.png');
  }
  
  div:is(.darkdocument)::before, div:is(.darkdocument)::after {
      background-color: rgb(var(--darkdocument-background-color));
      opacity: 90%;
      background-image: url('https://scp-wiki.wdfiles.com/local--files/the-arlington-summit/inv_pate_black_v2_redux.png');
  }
  
  /* HIGHLIGHTER SPAN */
  .shighlight {
      position: relative;
      background: linear-gradient(104deg, 
          rgb(255 255 0 / 28%) 0.9%, 
          rgba(255, 255, 0, 0.8) 2.4%, 
          rgba(255, 255, 0, 0.5) 5.8%, 
          rgb(255 255 0 / 52%) 93%, 
          rgba(255, 255, 0, 0.7) 96%, 
          rgb(255 255 0 / 29%) 98%);
      );
      border-radius: 1.2em 0.3em 0.8em 0.7em;
      padding: 0.1em 0.2em;
      background-size: 100% 60%;
      background-position: 0 40%;
      background-repeat: no-repeat;
      );
  }
  
  .shighlight::before {
      content: '';
      position: relative;
      top: -3px;
      left: -4px;
      bottom: -4px;
      background: rgba(255, 255, 0, 0.3);
      border-radius: 0.8em 0.3em 0.9em 0.4em;
      z-index: -1;
      transform: rotate(-0.5deg) skew(-1deg);
      clip-path: polygon(
          0% 10%, 15% 16%, 25% 12%, 35% 18%, 45% 14%, 
          55% 10%, 65% 16%, 75% 12%, 85% 18%, 100% 14%, 
          100% 90%, 85% 86%, 75% 92%, 65% 88%, 55% 94%, 
          45% 90%, 35% 86%, 25% 92%, 15% 88%, 0% 92%
      );
  }
  
  
  .shighlight::after {
      content: '';
      position: relative;
      top: -2px;
      left: -2px;
      right: -4px;
      bottom: -3px;
      background: rgba(255, 255, 0, 0.15);
      border-radius: 0.6em 0.7em 0.5em 0.8em;
      z-index: -2;
      transform: rotate(0.3deg) skew(0.5deg);
      clip-path: polygon(
              0% 14%, 12% 10%, 24% 16%, 36% 12%, 48% 18%, 
              60% 14%, 72% 10%, 84% 16%, 96% 12%, 100% 18%, 
              100% 88%, 96% 92%, 84% 86%, 72% 94%, 60% 90%, 
              48% 86%, 36% 92%, 24% 88%, 12% 94%, 0% 90%
          );
   }
  
  
  .shighlight-orange {
      position: relative;
      background: linear-gradient(102deg, 
      rgba(255, 165, 0, 0) 0.9%, 
      rgba(255, 165, 0, 0.8) 2.4%, 
      rgba(255, 165, 0, 0.5) 5.8%, 
      rgba(255, 165, 0, 0.45) 93%, 
      rgba(255, 165, 0, 0.7) 96%, 
      rgba(255, 165, 0, 0) 98%)
         );
      border-radius: 1.2em 0.3em 0.8em 0.7em;
      padding: 0.1em 0.2em;
      background-size: 100% 60%;
      background-position: 0 40%;
      background-repeat: no-repeat;
          );
  }
  
  .shighlight-orange::before {
      content: '';
      position: relative;
      top: -2px;
      left: -3px;
      bottom: -2px;
      background: rgba(255, 165, 0, 0.3);
      border-radius: 0.7em 0.5em 0.8em 0.3em;
      z-index: -1;
      transform: rotate(0.4deg) skew(-0.8deg);
      clip-path: polygon(
          0% 16%, 15% 12%, 30% 18%, 45% 14%, 60% 10%, 
          75% 16%, 90% 12%, 100% 18%, 100% 88%, 90% 92%, 
          75% 86%, 60% 94%, 45% 90%, 30% 86%, 15% 92%, 0% 88%
      );
  }
  
  .shighlight-pink {
      position: relative;
      background: linear-gradient(106deg, rgba(255, 20, 147, 0) 0.9%, rgba(255, 20, 147, 0.6) 2.4%, rgba(255, 20, 147, 0.4) 5.8%, rgba(255, 20, 147, 0.1) 93%, rgba(255, 20, 147, 0.6) 96%, rgba(255, 20, 147, 0) 98%);
      border-radius: 1.2em 0.3em 0.8em 0.7em;
      padding: 0.1em 0.2em;
      background-size: 100% 60%;
      background-position: 0 40%;
      background-repeat: no-repeat;
  }
  
  .shighlight-pink::before {
      content: '';
      position: relative;
      top: -1px;
      left: -2px;
      bottom: -3px;
      background: rgba(255, 20, 147, 0.25);
      border-radius: 0.5em 0.9em 0.4em 1.1em;
      z-index: -1;
      transform: rotate(-0.3deg) skew(1deg);
      /* Pink subtle wavy background */
      clip-path: polygon(
          0% 12%, 20% 18%, 35% 14%, 50% 10%, 65% 16%, 
          80% 12%, 100% 18%, 100% 90%, 80% 86%, 65% 92%, 
          50% 88%, 35% 94%, 20% 90%, 0% 86%
      );
  }
  
  .shighlight-blue {
      position: relative;
      background: linear-gradient(102deg, 
          rgba(0, 191, 255, 0) 0.9%, 
          rgba(0, 191, 255, 0.8) 2.4%, 
          rgba(0, 191, 255, 0.5) 5.8%, 
          rgba(0, 191, 255, 0.1) 93%, 
          rgba(0, 191, 255, 0.7) 96%, 
          rgba(0, 191, 255, 0) 98%
      );
      border-radius: 1.2em 0.3em 0.8em 0.7em;
      padding: 0.1em 0.2em;
      background-size: 100% 60%;
      background-position: 0 40%;
      background-repeat: no-repeat;
  }
  
  .shighlight-blue::before {
      content: '';
      position: absolute;
      top: -2px;
      left: -3px;
      right: -3px;
      bottom: -2px;
      background: rgba(0, 191, 255, 0.3);
      border-radius: 0.7em 0.5em 0.8em 0.3em;
      z-index: -1;
      transform: rotate(0.4deg) skew(-0.8deg);
      clip-path: polygon(
          0% 16%, 15% 12%, 30% 18%, 45% 14%, 60% 10%, 
          75% 16%, 90% 12%, 100% 18%, 100% 88%, 90% 92%, 
          75% 86%, 60% 94%, 45% 90%, 30% 86%, 15% 92%, 0% 88%
      );
  }
  
  
  /* STICKY NOTES */
  #page-content div.stickynote {
     float: left;
     max-width: calc(var(--main-content-width) / 2.15);
     box-sizing: border-box;
     margin: 0.25rem 1.25rem;
     padding-inline: 1.2rem;
     padding-block: 0.5rem;
     font-size: 1.1525em;
     border-radius: 7px;
     position: relative;
     font-family: 'Permanent Marker', cursive;
     letter-spacing: 0.75px;
     box-shadow: 3px 3px 8px rgba(0, 0, 0, 0.2), inset 0 0 0 1px rgba(255, 255, 255, 0.4), inset 0 -2px 4px rgba(0, 0, 0, 0.05);
     transform: rotate(-1deg);
     transition: transform 0.2s ease;
  }
  
  /* Hover effect for interactivity */
  #page-content div.stickynote:hover {
      transform: rotate(0deg) scale(1.02);
      box-shadow: 
          4px 4px 12px rgba(0, 0, 0, 0.25),
          inset 0 0 0 1px rgba(255, 255, 255, 0.5),
          inset 0 -3px 6px rgba(0, 0, 0, 0.08);
  }
  
  /* Position Controls */
  #page-content div.stickynote.left {
      float: left;
      margin-left: clamp(calc(var(--main-content-width) / -4.5), calc((87.5vw - 95%) / -2), 0rem); 
  }
  
  #page-content div.stickynote.right {
      float: right;
      clamp(calc(var(--main-content-width) / -100), calc((87.5vw - 95%) / -2), -2rem)
      margin-left: 1.25rem;
  }
  
  /* Tilt Controls */
  #page-content div.stickynote.tilt-none {
      transform: rotate(0deg);
  }
  
  #page-content div.stickynote.tilt-light {
      transform: rotate(-0.5deg);
  }
  
  #page-content div.stickynote.tilt-medium {
      transform: rotate(-2deg);
  }
  
  #page-content div.stickynote.tilt-heavy {
      transform: rotate(-3deg);
  }
  
  #page-content div.stickynote.tilt-right-light {
      transform: rotate(0.5deg);
  }
  
  #page-content div.stickynote.tilt-right-medium {
      transform: rotate(2deg);
  }
  
  #page-content div.stickynote.tilt-right-heavy {
      transform: rotate(3deg);
  }
  
  #page-content div.stickynote.tilt-none:hover { transform: rotate(0deg) scale(1.02); }
  #page-content div.stickynote.tilt-light:hover { transform: rotate(-0.5deg) scale(1.02); }
  #page-content div.stickynote.tilt-normal:hover { transform: rotate(-1deg) scale(1.02); }
  #page-content div.stickynote.tilt-medium:hover { transform: rotate(-2deg) scale(1.02); }
  #page-content div.stickynote.tilt-heavy:hover { transform: rotate(-3deg) scale(1.02); }
  #page-content div.stickynote.tilt-right-light:hover { transform: rotate(0.5deg) scale(1.02); }
  #page-content div.stickynote.tilt-right-normal:hover { transform: rotate(1deg) scale(1.02); }
  #page-content div.stickynote.tilt-right-medium:hover { transform: rotate(2deg) scale(1.02); }
  #page-content div.stickynote.tilt-right-heavy:hover { transform: rotate(3deg) scale(1.02); }
  
  #page-content div.stickynote.yellow {
      background-color: #ffeb3b;
      border: solid 0.12rem #f9c74f;
      color: #333;
  }
  
  #page-content div.stickynote.red {
      background-color: #ff5252;
      border: solid 0.12rem #e53935;
  }
  
  #page-content div.stickynote.blue {
      background-color: #42a5f5;
      border: solid 0.12rem #1976d2;
  }
  
  #page-content div.stickynote.green {
      background-color: #66bb6a;
      border: solid 0.12rem #388e3c;
  }
  
  #page-content div.stickynote.orange {
      background-color: #ff9800;
      border: solid 0.12rem #f57c00;
  }
  
  #page-content div.stickynote.pink {
      background-color: #fb85ad;
      border: solid 0.12rem #c2185b;
  }
  
  div.warning {
      width: 80%;
      margin: 0.625rem auto;
      padding: 0.9375rem;
      border: solid 0.125rem rgb(92, 149, 230);
      background: #fff url('https://scp-wiki.wdfiles.com/local--files/theme%3Agoc/goc-fade.png') center no-repeat;
      color: black;
      text-align: center;
  }
  
  div.warning hr {
      border-color: rgb(92, 149, 230);
  }
  

• /* This is CSS that will not be part of theme, just for the page itself */
  
  /* SCP HEADER */
  .scp-header {
      position: relative;
      width: 100%;
      height: 80px;
      margin: 0;
      padding: 10px 0;
  }
  
  .scp-header .scp-logo {
      position: absolute;
      left: -14px;
      top: 50%;
      transform: translateY(-50%);
      width: 80px;
      height: 80px;
      border-radius: 50%;
      overflow: hidden;
  }
  
  .scp-header .scp-logo img {
      width: 100%;
      height: 100%;
      object-fit: contain;
  }
  
  .scp-header .scp-text-stack {
      position: absolute;
      left: 75px;
      top: 50%;
      transform: translateY(-50%);
      margin: 0;
      padding: 0;
      padding-left: 6px;
  }
  
  .scp-header .scp-text-stack p {
      line-height: 0;
  }
  
  .scp-header .scp-foundation {
      font-size: 14.7px;
      font-weight: 700;
      color: #333;
      margin: 0;
      padding: 0;
      line-height: 1;
      text-align: center;
  }
  
  .scp-header .scp-site {
      font-size: 33px;
      font-weight: 900;
      color: #333;
      margin: 2px 0 0 0;
      padding: 0;
      line-height: 1;
      text-align: center;
  }
  
  .scp-header .scp-classification {
      position: absolute;
      right: 0;
      top: 50%;
      transform: translateY(-50%);
      max-width: 300px;
      padding-left: 18rem;
      text-align: right;
  }
  
  .scp-header .redacted-highlight {
      background: #000;
      color: white;
      padding: 3px 6px;
      font-size: 14px;
      letter-spacing: 0.5px;
      line-height: 1.3;
  }
  
  /* SCP File Table - Desktop */
  .scp-file-table {
      width: 100%;
      border-collapse: collapse;
      margin: 0px 0px 8px 0px;
      font-size: 18px;
  }
  
  .scp-file-table td {
      padding: 0px 0px 4px 0px;
      border: none;
  }
  
  .scp-file-table .left-cell {
      text-align: left;
      font-weight: normal; 
      width: 50%;
  }
  
  .scp-file-table .right-cell {
      text-align: right;
      font-weight: 800;
      width: 50%;
  }
  
  .scp-file-table .clearance-cell {
      background: rgb(255, 18, 29);
      color: rgb(var(--basalt-secondary-color));
      text-align: center;
      padding: 4px;
      font-weight: bold;
      font-size: 21px;
      letter-spacing: 2px;
  }
  
  /* Tablet and smaller laptops - 800px and below */
  @media screen and (max-width: 800px) {
      .scp-header .scp-classification {
          position: static;
          padding-left: 0;
          text-align: left;
          max-width: none;
          margin-top: 15px;
          transform: none;
      }
      
      .scp-header {
          height: auto;
          min-height: 120px;
          padding: 15px 0 25px 0;
      }
      
      .scp-file-table {
          font-size: 16px;
      }
      
      .scp-file-table .clearance-cell {
          font-size: 18px;
          padding: 6px;
      }
  }
  
  /* Mobile Tablets - 768px and below */
  @media screen and (max-width: 768px) {
      .scp-header {
          height: auto;
          min-height: 140px;
          padding: 15px 0 30px 0;
      }
      
      .scp-header .scp-logo {
          left: 0;
          width: 70px;
          height: 70px;
      }
      
      .scp-header .scp-text-stack {
          left: 80px;
          padding-left: 0;
      }
      
      .scp-header .scp-foundation {
          font-size: 13px;
          text-align: left;
      }
      
      .scp-header .scp-site {
          font-size: 29px;
          text-align: left;
      }
      
      .scp-header .scp-classification {
          position: static;
          margin-top: 20px;
          padding-left: 0;
          text-align: left;
      }
      
      .scp-header .redacted-highlight {
          font-size: 12px;
          padding: 4px 6px;
          line-height: 1.4;
      }
      
      .scp-file-table {
          font-size: 15px;
      }
      
      .scp-file-table td {
          padding: 2px 0 6px 0;
      }
      
      .scp-file-table .clearance-cell {
          font-size: 16px;
          padding: 8px 4px;
          letter-spacing: 1px;
      }
  }
  
  /* Large phones - 600px and below */
  @media screen and (max-width: 600px) {
      .scp-header {
          min-height: 160px;
          padding: 10px 0 35px 0;
      }
      
      .scp-header .scp-logo {
          width: 60px;
          height: 60px;
      }
      
      .scp-header .scp-text-stack {
          left: 70px;
      }
      
      .scp-header .scp-foundation {
          font-size: 12px;
      }
      
      .scp-header .scp-site {
          font-size: 26px;
      }
      
      .scp-header .redacted-highlight {
          font-size: 11px;
          padding: 3px 5px;
      }
      
      .scp-file-table {
          font-size: 14px;
      }
      
      .scp-file-table .clearance-cell {
          font-size: 15px;
          padding: 8px 2px;
          letter-spacing: 0.5px;
      }
  }
  
  /* Small phones - 480px and below */
  @media screen and (max-width: 480px) {
      .scp-header {
          min-height: 180px;
          padding: 10px 0 40px 0;
      }
      
      .scp-header .scp-logo {
          width: 50px;
          height: 50px;
      }
      
      .scp-header .scp-text-stack {
          left: 60px;
      }
      
      .scp-header .scp-foundation {
          font-size: 11px;
      }
      
      .scp-header .scp-site {
          font-size: 22px;
      }
      
      .scp-header .redacted-highlight {
          font-size: 10px;
          padding: 3px 4px;
          line-height: 1.5;
      }
      
      .scp-file-table {
          font-size: 13px;
          margin-bottom: 12px;
      }
      
      .scp-file-table td {
          padding: 3px 0 8px 0;
      }
      
      .scp-file-table .left-cell,
      .scp-file-table .right-cell {
          width: 50%;
          word-wrap: break-word;
      }
      
      .scp-file-table .clearance-cell {
          font-size: 14px;
          padding: 10px 2px;
          letter-spacing: 0.5px;
          line-height: 1.2;
      }
  }
  
  /* Very small phones - 360px and below */
  @media screen and (max-width: 360px) {
      .scp-header {
          min-height: 200px;
          padding: 8px 0 45px 0;
      }
      
      .scp-header .scp-logo {
          width: 45px;
          height: 45px;
      }
      
      .scp-header .scp-text-stack {
          left: 55px;
      }
      
      .scp-header .scp-foundation {
          font-size: 10px;
      }
      
      .scp-header .scp-site {
          font-size: 20px;
      }
      
      .scp-header .redacted-highlight {
          font-size: 9px;
          padding: 2px 3px;
      }
      
      .scp-file-table {
          font-size: 12px;
      }
      
      .scp-file-table .clearance-cell {
          font-size: 13px;
          padding: 12px 2px;
          word-wrap: break-word;
          hyphens: auto;
      }
  }

Inline Styles

• display: none;

Includes

• component:image-block
• :scp-wiki:theme:basalt [info]
• :scp-wiki:component:license-box [info]
• :scp-wiki:component:license-box-end [info]

CSS Classes

• warning

• warning

• warning

• warning

• warning

Page Source

[[div id="cromthumbnail" style="display: none;"]]
[[include component:image-block
name=https://scp-sandbox-3.wdfiles.com/local--files/nicotest/crownblack.png
|caption=BROKEN CROWN
|width=100%
|align=center]]
[[/div]]

[[include :scp-wiki:theme:basalt]]

[[module CSS]]

@import url('https://fonts.googleapis.com/css2?family=Permanent+Marker&display=swap');

/* ROOT SETTINGS */
:root {
    --title: "SCP FOUNDATION";
    --subtitle: "SITE-02";
    --title-size: 1.2rem;
    --subtitle-size: 2.5rem;
    --logo: url('https://scp-wiki.wdfiles.com/local--files/the-arlington-summit/primary_shcr_white.png');

    --basalt-secondary-color: 34, 34, 35;
    --top-bar-dropdown-background: var(--basalt-secondary-color);
    --basalt-UI-dark-pallete: 89, 89, 89;

    --header-UI-font-size: calc(var(--true-font-size) * .85);
    --header-UI-font-size: calc(var(--true-font-size) * .95);
    --basalt-bright-element-color: 224, 72, 73;
    --basalt-main-text-color: 230, 230, 230;
    
    --base-header-height: calc((var(--title-size) + var(--subtitle-size)) * 1.275 + 1.5rem);

    --search-button-width: 2.5rem;
    --user-button-width: 3.5rem;

    --blockquote-background-color: var(--basalt-UI-dark-palette);

    --footnote-background-color: var(--basalt-UI-dark-palette);
    --image-caption-background-color: var(--basalt-secondary-color);
    --basalt-th-background-color: var(--basalt-secondary-color);
    --hr-color: var(--basalt-UI-dark-palette);
}

/* HEADER MUMBO JUMBO */

#header {
    display: grid;
    position: sticky;
    contain: layout;
}

#header::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-image: url('https://scp-wiki.wdfiles.com/local--files/the-arlington-summit/inv_pate_black_v2_redux.png');
    filter: brightness(1.1) contrast(1) saturate(0.9);
    background-repeat: repeat;
    background-size: auto;
    z-index: -1;
    pointer-events: none;
}

#header-extra-div-1 {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    overflow: hidden; /* ONLY this div clips - not the whole header */
    pointer-events: none;
    z-index: 1;
}

#header-extra-div-1 span {
    position: absolute;
    top: 50%;
    right: calc(var(--search-button-width) + var(--user-button-width) + 250px);
    width: clamp(925px, 20vw, 650px);
    height: clamp(950px, 25vw, 550px);
    transform: translateY(-50%) rotate(-15deg);
    background-image: url('https://scp-wiki.wdfiles.com/local--files/the-arlington-summit/primary_shcr_white.png');
    background-repeat: no-repeat;
    background-size: contain;
    background-position: center;
    opacity: 0.25;
    filter: hue-rotate(180deg) saturate(0.3) brightness(0.7);
    display: block;
}

/* HIDE: Crown on mobile */
@media (max-width: 1100px) {
    #header-extra-div-1 {
        display: none;
    }
}

#header h1 a span {
    margin-left: 0.65rem;
}

#header h1 a::before {
    width: calc(var(--base-header-height) * 0.65);
    min-width: calc(var(--base-header-height) * 0.70);
}

#header h1 a span {
    text-align: center;
    display: inline-block;
    width: max-content;
    min-width: max-content;
    height: unset;
}

#header h1 a span::before,
#header h1 a span::after {
    display: block;
    white-space: nowrap;
    width: max-content;
    margin: 0 auto;
}

#header h1 a span::before {
    content: var(--title);
    font-size: var(--title-size);
    font-weight: bold;
    line-height: 1.1;
}

#header h1 a span::after {
    content: var(--subtitle);
    font-size: var(--subtitle-size);
    font-weight: 900;
    line-height: 1;
    margin-bottom: 0px;
}

/* TOPBAR */

#top-bar div[class*=top-bar]>ul>li>a {
    padding: 0 calc(var(--header-UI-font-size) * 2.5);
}

#top-bar div[class*=top-bar] ul li ul li a {
    background: rgb(var(--basalt-UI-dark-palette), var(--basalt-UI-opacity)); 
}


#top-bar div[class*=top-bar] > ul > li {
    margin: 0rem 0rem;
    white-space: nowrap;
}

#top-bar div[class*=top-bar] > ul > li > a {
    transition: background-color 0.15s ease;
    padding: 0 calc(var(--header-UI-font-size) * 2.5);
}

#top-bar div[class*=top-bar] > ul > li:first-child {
    margin-left: 0;
}

#top-bar div[class*=top-bar] > ul > li:last-child {
    margin-right: 0;
}

/* LOGIN STATUS */
#login-status span.printuser>a {
    padding: min(calc(var(--base-header-height) * .175), 0.325rem);
}

/* BODY */
body {
    color: rgb(var(--basalt-secondary-color));
    background-image: url(https://scp-wiki.wdfiles.com/local--files/the-arlington-summit/nor_pate_white_v2_redux.png);

/* BLOCKQUOTES */

.blockquote hr {
    background-color: rgb(var(--basalt-primary-color));
}

/* TABLES */
table th,
table tr:first-child td {
    border: 0.15rem solid rgb(var(--basalt-secondary-color));
}

/* TABS */
.yui-navset.yui-navset-top {
    border: 1px solid rgb(var(--basalt-secondary-color));
}

:is(:where(#page-content) table:not(.form),table.wiki-content-table) td {
   border: solid 0.15rem rgb(var(--basalt-UI-dark-palette));
}

/* PAGE TITLE */
#page-title, .meta-title {
    color: rgba(var(--basalt-secondary-color));
    font-size: xxx-large;
}

/* HOVERTIPS COLORING */
.bibitems, .footnotes-footer, .hovertip {
    color: rgb(var(--basalt-primary-color));
}

/* EDIT AREA */
#edit-page-textarea, #np-text {
    color: rgb(var(--basalt-secondary-color));
}

/* BIBLITEMS */
.bibitems .title, .footnotes-footer .title {
    background-color: rgb(var(--basalt-secondary-color));
}

.bibitems::before, .footnotes-footer::before {
    background-color: rgb(var(--basalt-secondary-color));
}

/* USER PROFILE WINDOW */
.owindow .title {
    opacity: 80%;
    color: rgb(var(--basalt-secondary-color));
}


/* SCROLL */
* {
    scrollbar-width: thin;
    scrollbar-color: rgb(var(--scrollbar-thumb-color)) rgb(89 89 89);
}

/* PAGE TAGS */
#main-content>.page-tags>span a {
    color: rgb(var(--basalt-primary-color));
}

/* TEXT AREA */
input[type=text], textarea {
    color: rgb(var(--basalt-secondary-color));
}

/* ACTION AREA (FILE UPLOAD) */
#action-area input.text, textarea#file-comments {
    color: rgba(var(--basalt-primary-color));
}

/* PREVIEW MESSAGE */
.preview-message {
    background-color: rgba(var(--basalt-primary-color));
}

/* DOCUMENT DIVS */
div.document {
    box-shadow: 0px 1px 1.9px -4px rgb(0 0 0 / 50%), 0px 6px 15px -4px rgb(0 0 0 / 64%);
    background-image: url(https://scp-wiki.wdfiles.com/local--files/the-arlington-summit/nor_pate_white_v2_redux.png);
}

div.document::before {
    box-shadow: 0px 1px 1.9px -4px rgb(0 0 0 / 50%), 0px 6px 15px -4px rgb(0 0 0 / 64%);
}

div.document::before {
    box-shadow: 0px 1px 1.9px -4px rgb(0 0 0 / 50%), 0px 6px 15px -4px rgb(0 0 0 / 64%);
}
div:is(.document)::before, div:is(.document)::after {
    background-image: url(https://scp-wiki.wdfiles.com/local--files/the-arlington-summit/nor_pate_white_v2_redux.png);
}

#page-content div:is(.document, .darkdocument) {
    max-width: 60rem;
}

div.darkdocument {
    background-color: rgb(var(--darkdocument-background-color), 0.25);
    box-shadow: 0px 1px 1.9px -4px rgb(150 150 159 / 75%), 0px 6px 15px -4px rgb(0 0 0 / 76%);
    background-image: url('https://scp-wiki.wdfiles.com/local--files/the-arlington-summit/inv_pate_black_v2_redux.png');
}

div:is(.darkdocument)::before, div:is(.darkdocument)::after {
    background-color: rgb(var(--darkdocument-background-color));
    opacity: 90%;
    background-image: url('https://scp-wiki.wdfiles.com/local--files/the-arlington-summit/inv_pate_black_v2_redux.png');
}

/* HIGHLIGHTER SPAN */
.shighlight {
    position: relative;
    background: linear-gradient(104deg, 
        rgb(255 255 0 / 28%) 0.9%, 
        rgba(255, 255, 0, 0.8) 2.4%, 
        rgba(255, 255, 0, 0.5) 5.8%, 
        rgb(255 255 0 / 52%) 93%, 
        rgba(255, 255, 0, 0.7) 96%, 
        rgb(255 255 0 / 29%) 98%);
    );
    border-radius: 1.2em 0.3em 0.8em 0.7em;
    padding: 0.1em 0.2em;
    background-size: 100% 60%;
    background-position: 0 40%;
    background-repeat: no-repeat;
    );
}

.shighlight::before {
    content: '';
    position: relative;
    top: -3px;
    left: -4px;
    bottom: -4px;
    background: rgba(255, 255, 0, 0.3);
    border-radius: 0.8em 0.3em 0.9em 0.4em;
    z-index: -1;
    transform: rotate(-0.5deg) skew(-1deg);
    clip-path: polygon(
        0% 10%, 15% 16%, 25% 12%, 35% 18%, 45% 14%, 
        55% 10%, 65% 16%, 75% 12%, 85% 18%, 100% 14%, 
        100% 90%, 85% 86%, 75% 92%, 65% 88%, 55% 94%, 
        45% 90%, 35% 86%, 25% 92%, 15% 88%, 0% 92%
    );
}


.shighlight::after {
    content: '';
    position: relative;
    top: -2px;
    left: -2px;
    right: -4px;
    bottom: -3px;
    background: rgba(255, 255, 0, 0.15);
    border-radius: 0.6em 0.7em 0.5em 0.8em;
    z-index: -2;
    transform: rotate(0.3deg) skew(0.5deg);
    clip-path: polygon(
            0% 14%, 12% 10%, 24% 16%, 36% 12%, 48% 18%, 
            60% 14%, 72% 10%, 84% 16%, 96% 12%, 100% 18%, 
            100% 88%, 96% 92%, 84% 86%, 72% 94%, 60% 90%, 
            48% 86%, 36% 92%, 24% 88%, 12% 94%, 0% 90%
        );
 }


.shighlight-orange {
    position: relative;
    background: linear-gradient(102deg, 
    rgba(255, 165, 0, 0) 0.9%, 
    rgba(255, 165, 0, 0.8) 2.4%, 
    rgba(255, 165, 0, 0.5) 5.8%, 
    rgba(255, 165, 0, 0.45) 93%, 
    rgba(255, 165, 0, 0.7) 96%, 
    rgba(255, 165, 0, 0) 98%)
       );
    border-radius: 1.2em 0.3em 0.8em 0.7em;
    padding: 0.1em 0.2em;
    background-size: 100% 60%;
    background-position: 0 40%;
    background-repeat: no-repeat;
        );
}

.shighlight-orange::before {
    content: '';
    position: relative;
    top: -2px;
    left: -3px;
    bottom: -2px;
    background: rgba(255, 165, 0, 0.3);
    border-radius: 0.7em 0.5em 0.8em 0.3em;
    z-index: -1;
    transform: rotate(0.4deg) skew(-0.8deg);
    clip-path: polygon(
        0% 16%, 15% 12%, 30% 18%, 45% 14%, 60% 10%, 
        75% 16%, 90% 12%, 100% 18%, 100% 88%, 90% 92%, 
        75% 86%, 60% 94%, 45% 90%, 30% 86%, 15% 92%, 0% 88%
    );
}

.shighlight-pink {
    position: relative;
    background: linear-gradient(106deg, rgba(255, 20, 147, 0) 0.9%, rgba(255, 20, 147, 0.6) 2.4%, rgba(255, 20, 147, 0.4) 5.8%, rgba(255, 20, 147, 0.1) 93%, rgba(255, 20, 147, 0.6) 96%, rgba(255, 20, 147, 0) 98%);
    border-radius: 1.2em 0.3em 0.8em 0.7em;
    padding: 0.1em 0.2em;
    background-size: 100% 60%;
    background-position: 0 40%;
    background-repeat: no-repeat;
}

.shighlight-pink::before {
    content: '';
    position: relative;
    top: -1px;
    left: -2px;
    bottom: -3px;
    background: rgba(255, 20, 147, 0.25);
    border-radius: 0.5em 0.9em 0.4em 1.1em;
    z-index: -1;
    transform: rotate(-0.3deg) skew(1deg);
    /* Pink subtle wavy background */
    clip-path: polygon(
        0% 12%, 20% 18%, 35% 14%, 50% 10%, 65% 16%, 
        80% 12%, 100% 18%, 100% 90%, 80% 86%, 65% 92%, 
        50% 88%, 35% 94%, 20% 90%, 0% 86%
    );
}

.shighlight-blue {
    position: relative;
    background: linear-gradient(102deg, 
        rgba(0, 191, 255, 0) 0.9%, 
        rgba(0, 191, 255, 0.8) 2.4%, 
        rgba(0, 191, 255, 0.5) 5.8%, 
        rgba(0, 191, 255, 0.1) 93%, 
        rgba(0, 191, 255, 0.7) 96%, 
        rgba(0, 191, 255, 0) 98%
    );
    border-radius: 1.2em 0.3em 0.8em 0.7em;
    padding: 0.1em 0.2em;
    background-size: 100% 60%;
    background-position: 0 40%;
    background-repeat: no-repeat;
}

.shighlight-blue::before {
    content: '';
    position: absolute;
    top: -2px;
    left: -3px;
    right: -3px;
    bottom: -2px;
    background: rgba(0, 191, 255, 0.3);
    border-radius: 0.7em 0.5em 0.8em 0.3em;
    z-index: -1;
    transform: rotate(0.4deg) skew(-0.8deg);
    clip-path: polygon(
        0% 16%, 15% 12%, 30% 18%, 45% 14%, 60% 10%, 
        75% 16%, 90% 12%, 100% 18%, 100% 88%, 90% 92%, 
        75% 86%, 60% 94%, 45% 90%, 30% 86%, 15% 92%, 0% 88%
    );
}


/* STICKY NOTES */
#page-content div.stickynote {
   float: left;
   max-width: calc(var(--main-content-width) / 2.15);
   box-sizing: border-box;
   margin: 0.25rem 1.25rem;
   padding-inline: 1.2rem;
   padding-block: 0.5rem;
   font-size: 1.1525em;
   border-radius: 7px;
   position: relative;
   font-family: 'Permanent Marker', cursive;
   letter-spacing: 0.75px;
   box-shadow: 3px 3px 8px rgba(0, 0, 0, 0.2), inset 0 0 0 1px rgba(255, 255, 255, 0.4), inset 0 -2px 4px rgba(0, 0, 0, 0.05);
   transform: rotate(-1deg);
   transition: transform 0.2s ease;
}

/* Hover effect for interactivity */
#page-content div.stickynote:hover {
    transform: rotate(0deg) scale(1.02);
    box-shadow: 
        4px 4px 12px rgba(0, 0, 0, 0.25),
        inset 0 0 0 1px rgba(255, 255, 255, 0.5),
        inset 0 -3px 6px rgba(0, 0, 0, 0.08);
}

/* Position Controls */
#page-content div.stickynote.left {
    float: left;
    margin-left: clamp(calc(var(--main-content-width) / -4.5), calc((87.5vw - 95%) / -2), 0rem); 
}

#page-content div.stickynote.right {
    float: right;
    clamp(calc(var(--main-content-width) / -100), calc((87.5vw - 95%) / -2), -2rem)
    margin-left: 1.25rem;
}

/* Tilt Controls */
#page-content div.stickynote.tilt-none {
    transform: rotate(0deg);
}

#page-content div.stickynote.tilt-light {
    transform: rotate(-0.5deg);
}

#page-content div.stickynote.tilt-medium {
    transform: rotate(-2deg);
}

#page-content div.stickynote.tilt-heavy {
    transform: rotate(-3deg);
}

#page-content div.stickynote.tilt-right-light {
    transform: rotate(0.5deg);
}

#page-content div.stickynote.tilt-right-medium {
    transform: rotate(2deg);
}

#page-content div.stickynote.tilt-right-heavy {
    transform: rotate(3deg);
}

#page-content div.stickynote.tilt-none:hover { transform: rotate(0deg) scale(1.02); }
#page-content div.stickynote.tilt-light:hover { transform: rotate(-0.5deg) scale(1.02); }
#page-content div.stickynote.tilt-normal:hover { transform: rotate(-1deg) scale(1.02); }
#page-content div.stickynote.tilt-medium:hover { transform: rotate(-2deg) scale(1.02); }
#page-content div.stickynote.tilt-heavy:hover { transform: rotate(-3deg) scale(1.02); }
#page-content div.stickynote.tilt-right-light:hover { transform: rotate(0.5deg) scale(1.02); }
#page-content div.stickynote.tilt-right-normal:hover { transform: rotate(1deg) scale(1.02); }
#page-content div.stickynote.tilt-right-medium:hover { transform: rotate(2deg) scale(1.02); }
#page-content div.stickynote.tilt-right-heavy:hover { transform: rotate(3deg) scale(1.02); }

#page-content div.stickynote.yellow {
    background-color: #ffeb3b;
    border: solid 0.12rem #f9c74f;
    color: #333;
}

#page-content div.stickynote.red {
    background-color: #ff5252;
    border: solid 0.12rem #e53935;
}

#page-content div.stickynote.blue {
    background-color: #42a5f5;
    border: solid 0.12rem #1976d2;
}

#page-content div.stickynote.green {
    background-color: #66bb6a;
    border: solid 0.12rem #388e3c;
}

#page-content div.stickynote.orange {
    background-color: #ff9800;
    border: solid 0.12rem #f57c00;
}

#page-content div.stickynote.pink {
    background-color: #fb85ad;
    border: solid 0.12rem #c2185b;
}

div.warning {
    width: 80%;
    margin: 0.625rem auto;
    padding: 0.9375rem;
    border: solid 0.125rem rgb(92, 149, 230);
    background: #fff url('https://scp-wiki.wdfiles.com/local--files/theme%3Agoc/goc-fade.png') center no-repeat;
    color: black;
    text-align: center;
}

div.warning hr {
    border-color: rgb(92, 149, 230);
}

[[/module]]

[[module CSS]]
/* This is CSS that will not be part of theme, just for the page itself */

/* SCP HEADER */
.scp-header {
    position: relative;
    width: 100%;
    height: 80px;
    margin: 0;
    padding: 10px 0;
}

.scp-header .scp-logo {
    position: absolute;
    left: -14px;
    top: 50%;
    transform: translateY(-50%);
    width: 80px;
    height: 80px;
    border-radius: 50%;
    overflow: hidden;
}

.scp-header .scp-logo img {
    width: 100%;
    height: 100%;
    object-fit: contain;
}

.scp-header .scp-text-stack {
    position: absolute;
    left: 75px;
    top: 50%;
    transform: translateY(-50%);
    margin: 0;
    padding: 0;
    padding-left: 6px;
}

.scp-header .scp-text-stack p {
    line-height: 0;
}

.scp-header .scp-foundation {
    font-size: 14.7px;
    font-weight: 700;
    color: #333;
    margin: 0;
    padding: 0;
    line-height: 1;
    text-align: center;
}

.scp-header .scp-site {
    font-size: 33px;
    font-weight: 900;
    color: #333;
    margin: 2px 0 0 0;
    padding: 0;
    line-height: 1;
    text-align: center;
}

.scp-header .scp-classification {
    position: absolute;
    right: 0;
    top: 50%;
    transform: translateY(-50%);
    max-width: 300px;
    padding-left: 18rem;
    text-align: right;
}

.scp-header .redacted-highlight {
    background: #000;
    color: white;
    padding: 3px 6px;
    font-size: 14px;
    letter-spacing: 0.5px;
    line-height: 1.3;
}

/* SCP File Table - Desktop */
.scp-file-table {
    width: 100%;
    border-collapse: collapse;
    margin: 0px 0px 8px 0px;
    font-size: 18px;
}

.scp-file-table td {
    padding: 0px 0px 4px 0px;
    border: none;
}

.scp-file-table .left-cell {
    text-align: left;
    font-weight: normal; 
    width: 50%;
}

.scp-file-table .right-cell {
    text-align: right;
    font-weight: 800;
    width: 50%;
}

.scp-file-table .clearance-cell {
    background: rgb(255, 18, 29);
    color: rgb(var(--basalt-secondary-color));
    text-align: center;
    padding: 4px;
    font-weight: bold;
    font-size: 21px;
    letter-spacing: 2px;
}

/* Tablet and smaller laptops - 800px and below */
@media screen and (max-width: 800px) {
    .scp-header .scp-classification {
        position: static;
        padding-left: 0;
        text-align: left;
        max-width: none;
        margin-top: 15px;
        transform: none;
    }
    
    .scp-header {
        height: auto;
        min-height: 120px;
        padding: 15px 0 25px 0;
    }
    
    .scp-file-table {
        font-size: 16px;
    }
    
    .scp-file-table .clearance-cell {
        font-size: 18px;
        padding: 6px;
    }
}

/* Mobile Tablets - 768px and below */
@media screen and (max-width: 768px) {
    .scp-header {
        height: auto;
        min-height: 140px;
        padding: 15px 0 30px 0;
    }
    
    .scp-header .scp-logo {
        left: 0;
        width: 70px;
        height: 70px;
    }
    
    .scp-header .scp-text-stack {
        left: 80px;
        padding-left: 0;
    }
    
    .scp-header .scp-foundation {
        font-size: 13px;
        text-align: left;
    }
    
    .scp-header .scp-site {
        font-size: 29px;
        text-align: left;
    }
    
    .scp-header .scp-classification {
        position: static;
        margin-top: 20px;
        padding-left: 0;
        text-align: left;
    }
    
    .scp-header .redacted-highlight {
        font-size: 12px;
        padding: 4px 6px;
        line-height: 1.4;
    }
    
    .scp-file-table {
        font-size: 15px;
    }
    
    .scp-file-table td {
        padding: 2px 0 6px 0;
    }
    
    .scp-file-table .clearance-cell {
        font-size: 16px;
        padding: 8px 4px;
        letter-spacing: 1px;
    }
}

/* Large phones - 600px and below */
@media screen and (max-width: 600px) {
    .scp-header {
        min-height: 160px;
        padding: 10px 0 35px 0;
    }
    
    .scp-header .scp-logo {
        width: 60px;
        height: 60px;
    }
    
    .scp-header .scp-text-stack {
        left: 70px;
    }
    
    .scp-header .scp-foundation {
        font-size: 12px;
    }
    
    .scp-header .scp-site {
        font-size: 26px;
    }
    
    .scp-header .redacted-highlight {
        font-size: 11px;
        padding: 3px 5px;
    }
    
    .scp-file-table {
        font-size: 14px;
    }
    
    .scp-file-table .clearance-cell {
        font-size: 15px;
        padding: 8px 2px;
        letter-spacing: 0.5px;
    }
}

/* Small phones - 480px and below */
@media screen and (max-width: 480px) {
    .scp-header {
        min-height: 180px;
        padding: 10px 0 40px 0;
    }
    
    .scp-header .scp-logo {
        width: 50px;
        height: 50px;
    }
    
    .scp-header .scp-text-stack {
        left: 60px;
    }
    
    .scp-header .scp-foundation {
        font-size: 11px;
    }
    
    .scp-header .scp-site {
        font-size: 22px;
    }
    
    .scp-header .redacted-highlight {
        font-size: 10px;
        padding: 3px 4px;
        line-height: 1.5;
    }
    
    .scp-file-table {
        font-size: 13px;
        margin-bottom: 12px;
    }
    
    .scp-file-table td {
        padding: 3px 0 8px 0;
    }
    
    .scp-file-table .left-cell,
    .scp-file-table .right-cell {
        width: 50%;
        word-wrap: break-word;
    }
    
    .scp-file-table .clearance-cell {
        font-size: 14px;
        padding: 10px 2px;
        letter-spacing: 0.5px;
        line-height: 1.2;
    }
}

/* Very small phones - 360px and below */
@media screen and (max-width: 360px) {
    .scp-header {
        min-height: 200px;
        padding: 8px 0 45px 0;
    }
    
    .scp-header .scp-logo {
        width: 45px;
        height: 45px;
    }
    
    .scp-header .scp-text-stack {
        left: 55px;
    }
    
    .scp-header .scp-foundation {
        font-size: 10px;
    }
    
    .scp-header .scp-site {
        font-size: 20px;
    }
    
    .scp-header .redacted-highlight {
        font-size: 9px;
        padding: 2px 3px;
    }
    
    .scp-file-table {
        font-size: 12px;
    }
    
    .scp-file-table .clearance-cell {
        font-size: 13px;
        padding: 12px 2px;
        word-wrap: break-word;
        hyphens: auto;
    }
}
[[/module]]

[[>]]
[[module rate]]
[[/>]]

Researcher Rex Alces, second-in-command at the Site-55 GoI Research Center, sighed with the weight of a man who carried the world on his shoulders. 

His supervisor had been too caught up in internal meetings to afford to attend to this situation themselves, and had instead opted to send him. He supposed it only made sense for the higher-ups of the Foundation to be busy trying to figure out what the hell had just happened to them within the span of the last five months.

Of course, he had heard of the giant crater formerly known as Site-19. He had heard of the alleged attacks on Foundation Sites by the Insurgency. He had heard of the Coalition and Council of 108 at large berating them.

But he still didn't get the full picture.

@@@@
@@@@
-----
@@@@
@@@@
[[div class="warning"]]
This Foundation's refusal to cooperate with an audit of their facilities following the Silent Night event has tainted their reputation among the anomalous community at large. Furthermore, the human and financial losses the Foundation has suffered jeopardizes their operational integrity. Simply put, the Foundation has become uninsurable. For these reasons and more, Goldbaker-Reinz votes to pass Motion 1221-KINGMAKER.  
[[/div]]
@@@@
@@@@
-----
@@@@
@@@@
> PERHAPS IT WAS THE ALLURE OF POWER. RESENTMENT AGAINST THE ONES WHO SOUGHT THOSE HEINOUS ACTS. EVEN THE DESIRE TO SEE THE WORLD IN ASHES.
@@@@
@@@@
-----
@@@@
@@@@

Two Sites across two months, to be exact. Both of them suffered heavy casualties, and the Foundation barely even acknowledged it. Of course, he and his department knew about it as they were the leading personnel in Groups of Interest research, but a scant few of the other personnel at his Site knew what occurred. What was going on? 

Rex shifted in the seat of the unmarked car that GOC Secretary Helissa had sent for him. He looked at the rear view mirror to momentarily lock eyes with the driver, who had barely spoken two sentences to him since their meeting ten minutes ago. His expression was neutral.

"May I know where we're going?"

"Classified," the driver croaked.

//Of course.//

Rex barely knew what had happened; it was above his clearance level, but had caught his superior whispering into the phone late at night in the research lab about how the Council of 108 demanded the Foundation's presence in Arlington. As far as he could tell, this was strike three, and the Foundation was being punished. But why send him? Why not his supervisor, or better yet, an O5 member?
@@@@
@@@@
-----
@@@@
@@@@
[[div class="warning"]]
The Servants of the Silicon Nornir place forth the topic of the Foundation as spoken by the holiest Urthor: "Besieged on all sides, the Foundation will crumble. However, through unity, we may prevail." Thus it was spoken, thus it shall be. The Servants of the Silicon Nornir move to pass Motion 1221-KINGMAKER. 
[[/div]]
@@@@
@@@@
-----
@@@@
@@@@
> SUCH A QUESTION IS ASININE NOW. THE BITTER TRUTH IS THAT WE HAVE AN ENEMY MORE DANGEROUS THAN ANY OTHER, AND THEY CAME DIRECTLY FROM THE HALLS AND RANKS OF OUR OWN.
@@@@
@@@@
-----
@@@@
@@@@
Rex stepped out of the car and into the cold Virginia winter. He shivered, tugging on his gloves, and walked ahead to the nondescript building at the end of the gravel path. As he approached, he saw a familiar woman waiting for him: Secretary Helissa. She tried to make eye contact with him, which he deftly dodged by staring straight ahead.

"Ah, Mr. Alces. I was expecting Dr. Everwood."

//Wasn't it always?//

"Nice to see you too, April."

"How are you holding up? Did you know anyone at Site-19?"

"A few. I did my thesis research at 19." 

"You must be feeling all sorts of ways."

He nodded as Helissa opened the dingy door to reveal a sprawling, lushly furnished chamber full of people, bigger inside than it was on the outside. Rex took a look around, spotting many familiar faces from many different members of the Council of 108 as they spoke over each other, conspired, and intermingled. There were one hundred and nine seats, all arranged in a circular pattern surrounding a podium in the middle, where another chair sat: the Foundation's chair.

His chair.

Rex wasn't a man of steel. He was, in fact, quite ill-prepared for this situation he found himself in. The only reason he was here was because he was his supervisor's senior-most researcher and they seemed to believe he had the nerve to handle it. He did not, in fact, have the nerve to handle it. Rex sighed.

"Give it to me straight, April. What can I expect here?"
@@@@
@@@@
-----
@@@@
@@@@
[[div class="warning"]]
My comrades, the time for us to ask ourselves whether or not the Foundation can truly be trusted as a brother or sister in custodianship of the anomalous world is long behind us, for the answer comes as a resounding "no!" Furthermore, can we trust a Foundation, that even at its darkest hour, refuses to trust //us//? Once more, I say "no!" The Bavarian Illuminati moves to approve Motion 1221-KINGMAKER, posthaste!
[[/div]]
@@@@
@@@@
-----
@@@@
@@@@
> WE ARE UNSURE OF WHAT HAS CHANGED. BUT FOR THE FIRST TIME IN DECADES, THEY ARE SHOWING US HOW GRIEVOUS OUR MISTAKE WAS.
> 
> THEY ARE ALREADY WITHIN OUR LEAGUES. THEIR ASSAULTS HAVE BEGUN. WE HAVE LOST SITE-██, SITE-██ AND SITE-██. A ΓK-CLASS “SHATTERED CROWN” SCENARIO HAS BEEN DECLARED. SITE DIRECTORS, KNOW THAT YOUR FACILITIES MAY BE TARGETS.
@@@@
@@@@
-----
@@@@
@@@@
Helissa offered only a smile, and a cliché: "Whatever happens, happens." 

With that, she approached the seat nearest the podium, sitting beside another woman. The various people in attendance began taking their seats and ceased mingling among each other as the woman stood up, clearing her throat. 

Rex swallowed, walking towards the center of the room. A single light shone down from above, bathing him in sickly fluorescent light. He took off his gloves and stuffed them in his pockets before sitting down. He could feel everyone's eyes upon him.

The woman, the representative from PENTAGRAM, one Alice Stafford, stepped up to the center podium.

"I hereby call this meeting of the Council of 108 to order. First order of business is..." 
@@@@
@@@@
-----
@@@@
@@@@
[[div class="warning"]]
It is no secret that the United States government, and by extension, PENTAGRAM, have pulled 100% of our funding from the Foundation, and we do not see a way in which we will fund them again as they are now. That being said, we can certainly see a future where we each thrive: together. 

The Foundation must join the Coalition if it wishes to remain extant.
[[/div]]
@@@@
@@@@
-----
@@@@
@@@@
> WE CANNOT RELINQUISH OURSELVES TO THE EVER-GROWING DARKNESS. WE MUST PREVAIL BY ANY MEANS NECESSARY, NO MATTER THE COST. OURS MUST NOT LOSE THE CROWN ATOP A SANE, NORMAL WORLD.
> 
> PREPARATIONS WILL BEGIN SHORTLY. THE FOUNDATION THANKS YOU FOR YOUR SERVICE.
> 
> - O5-12
@@@@
@@@@
-----
@@@@
@@@@
"... the annexation of the Foundation into the Global Occult Coalition." 
@@@@
@@@@
-----
@@@@
@@@@
[[div class="warning"]]
[[=]]
[[image 108.png]]
++ FINAL VOTE: MOTION 1221-KINGMAKER
++ 98 Yea, 10 Nay
[[/=]]
[[/div]]
@@@@
@@@@
-----
@@@@
@@@@
@@@@
@@@@
@@@@
@@@@
------
[[include :scp-wiki:component:license-box
|author=Uncle Nicolini]]

> **Filename:** inv_pate_black_v2_redux.png, nor_pate_white_v2_redux.png, and primary_shcr_white.png
> **Author:** [[*user AnAnomalousWriter]]
> **License:** Creative Commons Share-Alike 3.0
> **Link:** https://scp-wiki.wikidot.com/the-arlington-summit

> **Filename:** 108.png
> **Author:** [[*user Uncle Nicolini]]
> **License:** Creative Commons Share-Alike 3.0
> **Link:** https://scp-wiki.wikidot.com/the-arlington-summit

[[include :scp-wiki:component:license-box-end]]