/* css/styles.css  (SITE-WIDE) */



html, body{
  margin: 5px; /* put this in hoping to fix 0 margins problem */ 
  padding: 0;
}

body{
  font-family: Arial, Helvetica, sans-serif;
  font-size: 16px;
  line-height: 1.35;
}

hr.hr-dashed{
  border: none;
  border-top: 1px dashed #777;
  margin: 5px 0;
}
hr.hr-dotted{
  border: none;
  border-top: 1px dotted #777;
  margin: 5px 0;
}
hr.hr-dashed-thin{
  border: none;
  border-top: 1px dashed #999;
  margin: 5px 0;
}


/* common helper classes */
.tip{
  font-weight: 700;
  white-space: nowrap;
}

/* =========================
   Tip Pages  ChatGPT said to place these at the bottom of Styles
========================= */

.tip-page{
  max-width: 980px;
  margin: 0 auto;
}

.tip-kicker{
  margin: 8px 0 6px 0;
  font-size: 16px;
  font-weight: bold;
}

.tip-nav{
  margin: 0 0 14px 0;
  font-size: 14px;
}

.sep{
  margin: 0 6px;
  color: #666;
}

.tip-title{
  margin: 10px 0 8px 0;
  font-size: 26px;
  font-style: italic;
  font-weight: bold;
  color: #00f; /* matches your original inline blue */
}

.tip-byline{
  margin: 0 0 14px 0;
}

.tip-figure{
  margin: 14px 0 14px 0;
}

.tip-figure img{
  display: block;
  max-width: 100%;
  height: auto;    /* makes large images scale down on smaller screens */
  border: 1px solid #999;
}

.tip-figure figcaption{
  margin: 0 0 6px 0;
  font-size: 14px;
}

.tip-figure-source{
  margin-top: 6px;
  color: #444;
}

.tip-signoff{
  margin-top: 18px;
  font-size: 18px;
}

.tip-copyright{
  margin-top: 8px;
  font-size: 14px;
}
/*  ----------------------------- above from ChapGPT  20260119  ---------------------*/


/* additions by ChatGPT after conversion of html */
/* =========================
   Decision Precision layout
========================= */

.dp-page{
  max-width: 1100px;
  margin: 0 auto;
  padding: 10px;
}

/* HEADER */
.dp-header{
  display: grid;
  grid-template-columns: 152px 1fr;
  gap: 10px;
  align-items: start;
}

.dp-logo{
  /* border: 1px solid #999; */
  width: 152px;
  height: 145px;
  display: block;
}

.dp-banner img{
  max-width: 100%;
  height: auto;
}

.dp-quote{
  margin: 4px 0 0 0;
  text-align: center;
  color: #008080;
  font-size: 18px;
}

/* BODY */
.dp-body{
  display: grid;
  grid-template-columns: 200px 1fr;
  gap: 20px;
  margin-top: 10px;
}

/* NAV */
.dp-nav a{
  display: block;
  margin: 6px 0;
}

.dp-note{
  color: #008000;
  margin: 12px 0;
}

.dp-subnav{
  font-size: 14px;
  margin-top: 6px;
}

/* MAIN */
.dp-main{
  padding-left: 10px;
}

.dp-main .lead{
  font-size: 18px;
}

/* FOOTER */
.dp-footer{
  text-align: center;
  margin-top: 20px;
  font-size: 14px;
}
/*  end of styles.css extension by ChatGPT  20260120 */