/* UNIQUE STYLESHEET FOR ARTICLE #0001 */

/* videos and images */
.imgL {
  float: left;
}

.imgR {
  float: right;
}

video {
  float: right;
}

/* text blocks */
.container {
	width: 100%;
}

.std {
  padding: 10px;
  margin: 0px;
	width: 100%;
}

.stdlink {
  padding: 10px;
  margin: 0px;
	width: 100%;
}

.std2 {
  padding: 10px;
  margin: 0px;
	width: 100%;
	float: right;
}

.std3 {
  padding: 10px;
  margin: 0px;
	width: 100%;
}

.std4 {
  padding: 10px;
  margin: 0px;
	width: 100%;
}

.stdx {
  padding: 10px;
  margin: 0px;
	width: 100%;
}


/* links */
a {
  color: black;
}

a:hover {
  color: white;
}


.container{
    display: flex;
}
.fixed{
    width: 50%;
}
.flex-item{
    flex-grow: 1;
}

/* Mobile overrides for any fixed artboard sizing in this file */
@media (max-width: 768px) {
  .artboard, .canvas, .stage { width: 100% !important; }
  .layer, .tile, .card { max-width: 100% !important; }
}

/* --- Full-bleed section helper (keeps your colors/formatting) --- */
.bleed {
  /* let this element escape any centered container on all screens */
  width: 100vw;
  position: relative;
  left: 50%;
  right: 50%;
  margin-left: -50vw;
  margin-right: -50vw;
}

/* Make sure nothing causes horizontal scrolling */
html { box-sizing: border-box; }
*, *::before, *::after { box-sizing: inherit; }
body { margin: 0; overflow-x: hidden; }

/* If any blocks had fixed widths/heights, relax them on mobile only */
@media (max-width: 768px) {
  .bleed { border-radius: 0; }        /* optional: square edges to the screen */
  .bleed, .bleed * { max-width: 100%; }
  [style*="width:"] { width: 100% !important; max-width: 100% !important; }
  [style*="left:"], [style*="right:"] { left: auto !important; right: auto !important; }
}