:root {
	--menu-bar-height: 90px; 
	--width-chatlog-container: 750px; 
	--font-product-name: "Archivo Black";
	--min-height-msgtext: 200px;
	--min-width-msgtext: 550px;
	--top-line-icon-color: darkslategray;
	--bodytext-font-family: "Ubuntu";
	--bodytext-font-size: 16px;
	--bodytext-line-height: 150%;
	--border: 1px solid #BEBEBE;
	--opacity-enabled: 0.80;
	--opacity-disabled: 0.35;
	--body-background-color: white;
	--item-background-color: whitesmoke;
	--prompt-color: slategray;
	--debugging-border: 1px dotted lavender;  /* 10/13/24 by DW */
	--timeline-object-width: 600px; /* 9/7/25 by DW */ 
	--layout-mode: "desktop"; /* 9/10/25 by DW */
	--avatar-column-width: 64px; /* 2/4/26 by DW */ 
	--icon-width: 20px; /* 2/4/26 by DW */
	--max-height-text-boxes: 11em; /* 2/23/26 by DW */ 
	
	--page-body-width: 1280px; /* 3/31/26 by DW */
	--status-column-width: 250px; 
	--icons-column-width: 250px;
	--reader-column-width: 700px;
	--status-column-width: 250px;
	--grid-gap: 30px;
	--page-body-width: 1260px;  /* 50 + 700 + 250 + (2 * 30) + 200 */
	}

body {
	font-family: Ubuntu;
	font-size: 18px;
	background-color: white;
	}
.divPageBody {
	width: var(--page-body-width);
	margin-left: auto;
	margin-right: auto;
	margin-top: 90px;
	}

/* 2/12/26 by DW -- crumb trail */
	.divCrumbTrail {
		font-size: 16px;
		margin-bottom: 10px;
		border: var(--debugging-border);
		}
	.divCrumbTrail .spCrumb {
		cursor: pointer;
		}
	.divCrumbTrail .spCrumb:hover {
		color: green;
		}
	
	
/* 3/17/26 by DW -- icons and reader*/
	.divIconsAndReaderContainer { /* 3/17/26 by DW */
		display: grid;
		grid-template-columns:  var(--icons-column-width) var(--reader-column-width) var(--status-column-width);
		align-items: start;
		gap: var(--grid-gap);
		width: fit-content;
		margin-top: 0;
		}
	
	.divIconsContainer {
		grid-column: 1;
		position: sticky;
		top: var(--menu-bar-height);
		text-align: right;
		}
	.divIconsContainer .divIcon { /* 2/3/26 by DW */
		font-size: var(--icon-width);
		padding-bottom: 35px;
		padding-right: 10px;
		}
	.divIconsContainer .divIcon svg { /* 2/3/26 by DW */
		width: var(--icon-width);
		height: var(--icon-width);
		vertical-align: middle;
		}
	.divIconsContainer .divIcon i, .divIconsContainer .divIcon svg {
		font-size: var(--icon-width);
		cursor: pointer;
		}
	.divIconsContainer .divIcon { /* 4/6/26 by DW -- not enabled */
		opacity: 0.5;
		}
	.divIconsContainer .divIcon.enabled { /* 4/6/26 by DW */
		opacity: 0.9;
		}
	
	.divReaderContainer {
		grid-column: 2;
		margin-bottom: 400px;
		margin-top: -7px; /* 4/1/26; 12:06:36 PM by DW -- getting top of title to align with tops of other cols */
		font-size: 18px;
		}
	.divReaderContainer .divReaderTopline {
		}
	.divReaderContainer .divReaderBody {
		font-size: 18px;
		width: 100%;
		}
	.divReaderContainer .divTitle {
		font-family: "Oswald";
		font-size: 36px;
		font-weight: bold;
		letter-spacing: -1px;
		line-height: 110%;
		margin-bottom: 5px; 
		padding-top: 0;
		line-height: 1;
		}
	.divReaderContainer .divMarkdownGeneratedText img { /* 4/4/26 by DW */
		float: right;
		padding-left: 25px; 
		padding-bottom: 10px; 
		padding-top: 10px; 
		}
	
	.divReaderContainer .divCreditline { /* 4/1/26 by DW */
		font-size: 16px;
		margin-bottom: 15px;
		}
	.divReaderContainer .divSingularItem .divCreditline { /* 4/3/26 by DW */
		font-size: 18px;
		font-weight: bold;
		margin-bottom: 0px;
		}
	.divReaderContainer .divCreditline a { /* 4/2/26 by DW */
		color: inherit;
		cursor: pointer;
		}
	
	.divReaderContainer .divReaderTopline a, .divReaderContainer .divTitle a {
		color: inherit;
		cursor: pointer;
		}
	.divReaderContainer .divSingularItem, .divReaderContainer .divTitledItemBody {
		font-family: "Ubuntu";
		font-size: 18px;
		line-height: 150%;
		}
	.divReaderContainer .divReaderBottomline {
		margin-top: 15px;
		}
	.divReaderContainer .divEditorPlaceholder {/* 4/4/26 by DW */
		margin-top: 15px;
		margin-bottom: 15px;
		}
	
	.divReaderContainer .divRepliesContainer {
		margin-top: 15px;
		}
	.divReaderContainer .repliesTable {
		width: 100%;
		}
	.divReaderContainer .repliesTable tr {
		line-height: 100%;
		}
	.divReaderContainer .repliesTable td {
		font-size: 16px;
		vertical-align: top;
		}
	.divReaderContainer .repliesTable .tdText:hover {
		cursor: pointer;
		color: green;
		}
	.divReaderContainer .repliesTable .tdText {
		text-align: left;
		width: 100%;
		padding-right: 10px;
		}
	.divReaderContainer .repliesTable .tdWho {
		text-align: left;
		padding-right: 10px;
		}
	.divReaderContainer .repliesTable .tdWhen {
		text-align: left;
		white-space: nowrap;
		padding-right: 10px;
		}
	.divReaderContainer .repliesTable .tdCount {
		text-align: right;
		}
	.divReaderContainer .repliesTable th {
		padding: 0;
		}
	.divReaderContainer .repliesTable td, .divReaderContainer .repliesTable th {
		padding-bottom: 3px;
		}
	.divReaderContainer .repliesTable .trReply td {
		line-height: 140%;
		padding-top: 3px;
		padding-bottom: 3px;
		}
	
	.divReaderStatusContainer {
		grid-column: 3;
		position: sticky;
		top: var(--menu-bar-height);
		padding: 3px;
		font-size: 16px;
		line-height: 130%;
		border: 1px solid silver;
		background-color: whitesmoke;
		min-height: 750px;
		}
	
	.divEditor { /* 3/29/26 by DW */
		display: none;
		}
/* 4/5/26 by DW -- cribbed from timeline.css */
	.divWordlandDialog {
		position: fixed;
		width: 750px;
		left: 50%;
		top: 125px;
		transform: translateX(-50%); /* 9/2/25 by DW */ 
		background: white;
		border: 1px solid #ccc;
		z-index: 1050;
		box-shadow: 0 4px 15px rgba(0,0,0,0.3);
		display: none;
		}
	.divOverlay {
		position: fixed;
		top: 0;
		left: 0;
		width: 100%;
		height: 100%;
		background: rgba(0, 0, 0, 0.5);
		z-index: 1040;
		display: none;
		}
	.modal-backdrop { z-index: 1060; }
	.modal { z-index: 1070; }
	
	.tooltip, .popover { z-index: 1080; } /* keep tips/popovers above everything */
	
	.divChatlogContainer {
		width: 750px;
		margin-left: auto;
		margin-right: auto;
		display: none;
		}
	.divWordlandDialog .divChatlog .divChatItem {
		box-shadow: none;
		}