/* This is what is needed for a standalone site */

.content-wrapper{display:grid;grid-template-columns:280px 1fr;gap:20px;padding:20px;}
.main-content{min-width:0;grid-column:2;grid-row:1;} /* Place main content in second column */
.site-container { max-width:100%; width:100%; margin:0 auto; padding-left:0; padding-right:0; overflow-x: hidden; }
body { margin:0; padding:0; background-color:#f5f5f5; font-family:'Roboto', sans-serif; overflow-x: hidden; }
@media (max-width: 768px){
  .content-wrapper{grid-template-columns:1fr;padding:0;gap:0;}
  .main-content{grid-column:1 / -1;padding:20px;}
}

/* SPECIFIC CODED CANGES WITHOUT CLASSES */

	blockquote br { display: block; content: ""; margin-top: 16px; }
	blockquote p { margin: 0 0 12px 0; }
	blockquote p:last-child { margin-bottom: 0; }
	blockquote { border-left: 4px solid #039; border-radius: 0 8px 8px 0; padding: 16px 20px; margin: 20px 0; color: #333; font-size: 1em; line-height: 1.4; }
	p		{ color:black; font-size: inherit; }
	li		{ color:black; font-size: inherit; }
	ol		{ color:black; font-size: inherit; }
	pre		{ font-family: "Courier New", "Courier", monospace; width:auto; }
	span		{ color:black; font-size: inherit; }
	ul		{ color:black; font-size: inherit; }
	a 		{ color: black; font-weight:bold; text-decoration: none; }
	kbd { background: rgb(80, 80, 80); background: -moz-linear-gradient(top, rgb(60, 60, 60), rgb(80, 80, 80)); background: -webkit-gradient(linear, left top, left bottom, from(rgb(60, 60, 60)), to(rgb(80, 80, 80))); color: rgb(250, 250, 250); text-shadow: -1px -1px 0 rgb(70, 70, 70); -moz-box-shadow: inset 0 0 1px rgb(150, 150, 150), inset 0 -.05em .4em rgb(80, 80, 80), 0 .1em 0 rgb(30, 30, 30), 0 .1em .1em rgba(0, 0, 0, .3); -webkit-box-shadow: inset 0 0 1px rgb(150, 150, 150), inset 0 -.05em .4em rgb(80, 80, 80), 0 .1em 0 rgb(30, 30, 30), 0 .1em .1em rgba(0, 0, 0, .3); box-shadow: inset 0 0 1px rgb(150, 150, 150), inset 0 -.05em .4em rgb(80, 80, 80), 0 .1em 0 rgb(30, 30, 30), 0 .1em .1em rgba(0, 0, 0, .3); }
	input[type=checkbox] { -webkit-appearance:checkbox !important; }
	button.navbar-toggle { display: none !important; } 
	div.saadv 					{ clear: both; margin:0 0 5px 0; padding: 0px; zoom:1; /* For IE 6/7 */ }
	div.saadv div 					{ display: block; float:left; margin:0; }
	div.saadv div:first-child			{ width: 36%; margin-left:0px; text-align: justify; }
	div.saadv div:nth-child(2)			{ width: 20%; margin-left:2%; border-radius: 3px;  padding: 1px 2px 0; border: 1px solid gray; background-color:#E6E6E6; color:red; font-family: "Lucida Console", "Courier New", monospace; }
	div.saadv div:nth-child(3)			{ width: 36%; margin-left:2%; text-align: justify; font-style: italic; }
	div.saadv:after 				{ content:""; display:table; clear:both; }
	div.saadv:before 				{ content:""; display:table; }
	div.saadv:nth-child(2n+0) 			{ background-color:floralwhite; }
	h3.subsection-titlev2{font-size:2.4rem;color:#039;margin:0 0 12px 0;font-weight:700;border-bottom: 2px solid red; padding-bottom: 8px;}
	p.donatev2 a { display: inline-block; background: linear-gradient(135deg, #dc3545 0%, #c82333 100%); color: #fff !important; padding: 10px 20px; border-radius: 6px; text-decoration: none; font-size: 1.2em; font-weight: 700; transition: all 0.3s ease; box-shadow: 0 2px 4px rgba(220, 53, 69, 0.3); }
	p.donatev2 a:hover { background: linear-gradient(135deg, #c82333 0%, #bd2130 100%); transform: translateY(-2px); box-shadow: 0 4px 8px rgba(220, 53, 69, 0.4); }
	p.donatev2 { text-align: center; margin: 16px 0 0 0; }
	p.subsection-titlev2{font-size:1.65rem;color:#039;margin:0 0 12px 0;font-weight:700}

/* SPECIFIC CODED CANGES WITHOUT CLASSES */

/* Universal rule: Add "Click to Enlarge" before any <p> that follows img.hrefme */
img.hrefme + p::before {
    content: "\2B11 Click to Enlarge";
    display: block;
    font-size: 0.8em;
    color: gray;
    text-align: center;
    margin: 4px 0;
    padding: 0;
    line-height: 1;
    grid-column: 1 / -1; /* Span all columns if p is a grid */
    width: 100%; /* Ensure full width */
}


/* Lower the header z-index on mobile */
@media (max-width: 768px) {
    header, .site-header, #masthead { z-index: 100 !important; }
    .mobile-menu, .menu-toggle, .primary-menu { z-index: 999 !important; }
}

/* This is side by side breakdown of 2 choices */
.dual-column-container { display: grid; grid-template-columns: 1fr 1fr; column-gap: 20px; margin: 20px 0; }
.dual-column-entry { display: contents; }
.dual-column-entry > div { padding: 16px; border-left: 2px solid #039; border-right: 2px solid #039; }
.dual-column-entry:first-child > div { background: #EDEDED; font-weight: 700; text-align: center; padding: 12px 16px; border-top: 2px solid #039; border-top-left-radius: 8px; border-top-right-radius: 8px; }
.dual-column-entry:last-child > div { background: #fff; border-bottom: 2px solid #039; border-bottom-left-radius: 8px; border-bottom-right-radius: 8px; }

.column-list > .column-2-sl-plus-picture > div:first-child { font-weight: 700; color: #039; }
.column-list > .column-2-sl-plus-picture > div:last-child { text-align: right; justify-self: end; }
.column-list > .column-2-sl-plus-picture > div:nth-child(2) { color: #333; line-height: 1.6; }
.column-list > .column-2-sl-plus-picture img { width: 150px; margin-bottom:10px; height: auto; border: 2px solid #a9b4c2; border-radius: 6px; box-shadow: 0 1px 3px rgba(50, 50, 60, 0.1); }
.column-list > .column-2-sl-plus-picture { grid-template-columns: 5ch 1fr auto; }
.column-list > .column-2e { grid-template-columns: repeat(2, 1fr); }
.column-list > .column-2lt { grid-template-columns: 1fr 10ch; }
.column-list > .column-2ml { grid-template-columns: .55fr 1fr; }
.column-list > .column-2tl { grid-template-columns: 8ch 1fr; }

.column-list > .column-3-software a.catno::after  { content: "\2B11 Click for Catalog"; display: block; font-size: 0.8em; color: gray; text-align: center; padding-left: 0; margin: 2px 0 0 0; padding: 0; line-height: 1; white-space: normal; }
.column-list > .column-3-software a[href$=".dmg"] { display: inline-block; background: #87CEEB; color: #000; padding: 3px 8px; border-radius: 4px; text-decoration: none; font-weight: 700; font-size: 1.1em; margin-bottom: 2px;}
.column-list > .column-3-software a[href$=".dmg"]:hover { background: #4682B4; color: #fff; }
.column-list > .column-3-software a[href$=".gz"] { display: inline-block; background: #87CEEB; color: #000; padding: 3px 8px; border-radius: 4px; text-decoration: none; font-weight: 700; font-size: 1.1em; margin-bottom: 2px;}
.column-list > .column-3-software a[href$=".gz"]:hover { background: #4682B4; color: #fff; }
.column-list > .column-3-software a[href$=".zip"] { display: inline-block; background: #87CEEB; color: #000; padding: 3px 8px; border-radius: 4px; text-decoration: none; font-weight: 700; font-size: 1.1em; margin-bottom: 2px;}
.column-list > .column-3-software a[href$=".zip"]:hover { background: #4682B4; color: #fff; }
.column-list > .column-3-software a[href^="mailto:"]::after { content:"\2B11 Click to Email"; display:block; font-size:0.8em; color:gray; text-align:left; padding-left:0; margin:2px 0 0 0; padding:0; line-height:1; white-space:normal; }
.column-list > .column-3-software { grid-template-columns: 1fr 150px 150px; }
.column-list > .column-3-software:nth-child(even) + p.bq { background-color: #f8f9fa; }

.column-list > .column-3e { grid-template-columns: repeat(3, 1fr); }
.column-list > .column-3lss { grid-template-columns: 1fr 10ch 10ch; }
.column-list > .column-3slp img { width:175px; }
.column-list > .column-3slp { grid-template-columns: 15ch 1fr 200px; }
.column-list > .column-3ssl { grid-template-columns: 15ch 15ch 1fr; }
.column-list > .column-3sssl { grid-template-columns: 18ch 15ch 1fr; }
.column-list > .column-4-software a.catno::after  { content: "\2B11 Click for Catalog"; display: block; font-size: 0.8em; color: gray; text-align: center; padding-left: 0; margin: 2px 0 0 0; padding: 0; line-height: 1; white-space: normal; }
.column-list > .column-4-software a[href$=".bin"] { display: inline-block; background: #87CEEB; color: #000; padding: 3px 8px; border-radius: 4px; text-decoration: none; font-weight: 700; font-size: 1.1em; margin-bottom: 2px; }
.column-list > .column-4-software a[href$=".bin"]:hover { background: #4682B4; color: #fff; }
.column-list > .column-4-software a[href$=".dmg"] { display: inline-block; background: #87CEEB; color: #000; padding: 3px 8px; border-radius: 4px; text-decoration: none; font-weight: 700; font-size: 1.1em; margin-bottom: 2px; }
.column-list > .column-4-software a[href$=".dmg"]:hover { background: #4682B4; color: #fff; }
.column-list > .column-4-software a[href$=".gz"] { display: inline-block; background: #87CEEB; color: #000; padding: 3px 8px; border-radius: 4px; text-decoration: none; font-weight: 700; font-size: 1.1em; margin-bottom: 2px; }
.column-list > .column-4-software a[href$=".gz"]:hover { background: #4682B4; color: #fff; }
.column-list > .column-4-software a[href$=".hqx"] { display: inline-block; background: #87CEEB; color: #000; padding: 3px 8px; border-radius: 4px; text-decoration: none; font-weight: 700; font-size: 1.1em; margin-bottom: 2px; }
.column-list > .column-4-software a[href$=".hqx"]:hover { background: #4682B4; color: #fff; }
.column-list > .column-4-software a[href$=".lha"] { display: inline-block; background: #87CEEB; color: #000; padding: 3px 8px; border-radius: 4px; text-decoration: none; font-weight: 700; font-size: 1.1em; margin-bottom: 2px; }
.column-list > .column-4-software a[href$=".lha"]:hover { background: #4682B4; color: #fff; }
.column-list > .column-4-software a[href$=".tgz"] { display: inline-block; background: #87CEEB; color: #000; padding: 3px 8px; border-radius: 4px; text-decoration: none; font-weight: 700; font-size: 1.1em; margin-bottom: 2px; }
.column-list > .column-4-software a[href$=".tgz"]:hover { background: #4682B4; color: #fff; }
.column-list > .column-4-software a[href$=".zip"] { display: inline-block; background: #87CEEB; color: #000; padding: 3px 8px; border-radius: 4px; text-decoration: none; font-weight: 700; font-size: 1.1em; margin-bottom: 2px; }
.column-list > .column-4-software a[href$=".zip"]:hover { background: #4682B4; color: #fff; }
.column-list > .column-4-software a[href^="mailto:"]::after { content:"\2B11 Click to Email"; display:block; font-size:0.8em; color:gray; text-align:left; padding-left:0; margin:2px 0 0 0; padding:0; line-height:1; white-space:normal; }
.column-list > .column-4-software { grid-template-columns: 2.2fr 150px 150px 2fr; }
.column-list > .column-4-software:nth-child(even) + p.bq { background-color: #f8f9fa; }
.column-list > .column-4e { grid-template-columns: repeat(4, 1fr); }
.column-list > .column-4sbsb { grid-template-columns: 15ch 1fr 15ch 1fr; }
.column-list > .column-4sssl { grid-template-columns: 15ch 15ch 15ch 1fr; }
.column-list > .column-4zap { grid-template-columns: 13ch 11ch 8ch 1fr; }
.column-list > .column-5e { grid-template-columns: repeat(5, 1fr); }
.column-list > .column-5ssssl { grid-template-columns: 8ch 10ch 10ch 20ch 1fr; }
.column-list > .column-6e { grid-template-columns: repeat(6, 1fr); gap: 8px; }
.column-list > .column-6emulator { grid-template-columns: 80px 120px 2fr 120px 1fr 120px; }
.column-list > .column-6lssssss { grid-template-columns: 1fr 10ch 10ch 10ch 10ch 10ch; }
.column-list > .column-6sssssl { grid-template-columns: 10ch 10ch 10ch 10ch 10ch 1fr; }
.column-list > .column-7e { grid-template-columns: repeat(7, 1fr); gap: 8px; }
.column-list > .column-7lssssss { grid-template-columns: 1fr 10ch 10ch 10ch 12ch 12ch 12ch; }
.column-list > .column-7multidos { grid-template-columns: 100px 1fr 80px 2fr 80px 80px 80px; }
.column-list > .column-8e { grid-template-columns: repeat(8, 1fr); gap: 8px; }
.column-list > .column-info { grid-template-columns: 180px 1fr; }
.column-list > .column-info-sl { grid-template-columns: 180px 1fr; }
.column-list > .column-overlay { grid-template-columns: 80px 80px 120px 80px 2fr 2fr; }
.column-list > div > div { overflow-wrap: break-word; }
.column-list > div.clear { background-color: transparent !important; }
.column-list > div.header { padding: 4px 0; line-height: 1; background-color: #d3d3d3; margin: 0; }
.column-list > div:first-child:not(.main-entry-holder-image) { padding: 4px 0; line-height: 1; background-color: #d3d3d3; margin: 0; }
.column-list > div:first-child:not(.main-entry-holder-image) { padding: 4px 0; line-height: 1; background-color: #d3d3d3; margin: 0; }
.column-list > div:not(.main-entry-holder-image) { display: grid; gap: 16px; padding: 4px 0; font-size: 1em; line-height: 1.3; }
.column-list > div:nth-child(even):not(:first-child):not(.main-entry-holder-image) { background-color: floralwhite; }
.column-list p.bq br { display: block; margin-top: 16px; }
.column-list p.bq { border-left: 4px solid #039; border-radius: 0 8px 8px 0; padding: 16px 20px; margin: 0; color: #333; font-size: 1em; line-height: 1.4; }
.column-list.bold-first > div:not(.main-entry-holder-image) > div:first-child { font-weight: 700; }
.column-list.no-header > div:first-child:not(.main-entry-holder-image) { padding: 8px 0; line-height: 1.5; background-color: transparent; margin: 0; }


.main-entry-holder > blockquote br {display:block;content:"";margin-top:8px}
.main-entry-holder > blockquote {border-left:4px solid #039;border-radius:0 8px 8px 0;padding:16px 20px;margin:8px 0;color:#333;font-size:1em;line-height:1.4}
.main-entry-holder div.catno a::after {content:"\2B11 Click for Catalog";display:block;font-size:0.8em;color:gray;text-align:center;padding-left:0;margin:2px 0 0 0;padding:0;line-height:1;white-space:normal}
.main-entry-holder h2 {font-size:2em;line-height:1;color:#039;margin:0 0 12px 0;font-weight:700;border-bottom:2px solid red;padding-bottom:8px;}
.main-entry-holder h2::after { content: ""; display: block; clear: both; }
.main-entry-holder h2:first-of-type { color: white;  background-color: #039;  border-bottom: none;   padding-bottom: 0;  font-weight: 700;  font-size: 2em;  line-height: 1;  margin: -26px -25px 12px -25px;   padding: 15px 24px;           border-top-left-radius: 10px;  border-top-right-radius: 10px;  border-bottom-left-radius: 0;  border-bottom-right-radius: 0; }
.main-entry-holder h2:first-of-type::after { content: none !important; }
.main-entry-holder h3 {font-size:1.75em;line-height:1.2;color:green;margin:0 0 15px 0;font-weight:600;display:inline;padding-bottom:6px; }
.main-entry-holder h3::after { content: ""; display: block; clear: both; }
.main-entry-holder h4 {font-size:1.5em;line-height:1.3;color:purple;margin:0 0 8px 0;font-weight:500;padding-bottom:4px;border:none; }
.main-entry-holder h4::after { content: ""; display: block; clear: both; }
.main-entry-holder hr {border:1px solid #039;width:85%;margin:1em auto;content:"";clear:both;display:table}
.main-entry-holder li {margin-bottom:4px;}
.main-entry-holder ol {padding-left:1em; padding-bottom:1em !important}
.main-entry-holder p {text-align:justify}
.main-entry-holder span.catno {display:none;font-size:inherit}
.main-entry-holder span.fieldname {display:none;font-size:inherit}
.main-entry-holder span.price {display:none;font-size:inherit}
.main-entry-holder ul {padding-left:.5em; padding-bottom:.5em !important}
.main-entry-holder {background:#fff; border:2px solid #039; border-radius:12px; padding:24px; margin-bottom:24px; box-shadow:0 4px 8px rgba(0,0,0,0.15)}
.main-entry-holder-3-item > div:first-child { font-weight: 700; }
.main-entry-holder-3-item a[href^="mailto:"]::after { content:"\2B11 Click to Email"; display:block; font-size:0.8em; color:gray; text-align:left; padding-left:0; margin:2px 0 0 0; padding:0; line-height:1; white-space:normal; }
.main-entry-holder-3-item { display: grid; grid-template-columns: 2fr 120px 150px; gap: 16px; padding: 8px 0; font-size: 1em; line-height: 1.5; }
.main-entry-holder-3-item.header { padding: 4px 0; line-height: 1; background-color: #d3d3d3; margin: 0; }
.main-entry-holder-image img {max-width:150px;width:150px;height:auto;margin-bottom:4px;position:relative;display:block}
.main-entry-holder-image img.border {border:2px solid #a9b4c2;border-radius:6px;box-shadow:0 1px 3px rgba(50,50,60,0.1)}
.main-entry-holder-image p {text-align:center;font-size:0.85em;color:#666;margin:4px 0 8px 0;line-height:1.2}
.main-entry-holder-image p::before {content:"\2B11 Click to Enlarge";display:block;font-size:0.8em;color:gray;text-align:center;margin:2px 0 4px 0;padding:0;line-height:1;white-space:normal}
.main-entry-holder-image { float: right; margin-left: 20px; margin-bottom: 10px; display: flex; flex-direction: column; align-items: flex-end; }
.main-entry-holder-image-centered img {max-width:100%;height:auto;display:block}
.main-entry-holder-image-centered p {text-align:center;font-size:0.85em;color:#666;margin:4px 0 8px 0;line-height:1.2}
.main-entry-holder-image-centered p::before {content:"\2B11 Click to Enlarge";display:block;font-size:0.8em;color:gray;text-align:center;margin:4px 0 4px 0;padding:0;line-height:1;white-space:normal}
.main-entry-holder-image-centered {display:flex;flex-direction:column;align-items:center;margin:24px 0;clear:both}
.main-entry-holder.green h3 {margin-top:0px !important;}
.main-entry-holder.green {border-color:green}
.main-entry-holder.no-border {border:none; border-radius:0; padding:0; box-shadow:none}
.main-entry-holder::after {content:"";clear:both;display:table}
@media (max-width: 768px) {
	.main-entry-holder > blockquote { padding: 12px 16px; margin: 6px 0; font-size: 0.95em; }
	.main-entry-holder h2 { font-size: 1.5em; margin-bottom: 8px; padding-bottom: 6px; }
	.main-entry-holder h2:first-of-type { margin: -26px -17px 12px -17px !important; }
	.main-entry-holder p { text-align: left; }
	.main-entry-holder { padding: 16px; margin-bottom: 16px; }
	.main-entry-holder-3-item > div { padding: 4px 0; }
	.main-entry-holder-3-item > div:nth-child(2)::before { content: "Price: "; font-weight: 600; }
	.main-entry-holder { box-sizing: border-box; }  /* Add this */
	.main-entry-holder-image { float: none; text-align: center; margin: 0 auto 20px auto; }
	.main-entry-holder-3-item > div:nth-child(3)::before { content: "Catalog: "; font-weight: 600; }
	.main-entry-holder-3-item { grid-template-columns: 1fr; gap: 8px; padding: 12px 8px; }
	.main-entry-holder-3-item.header { display: none; }
	.main-entry-holder-image img { max-width: 200px; width: 200px; }
	.main-entry-holder-image { float: none; margin: 16px auto; align-items: center; }
	.main-entry-holder-image-centered { margin: 16px 0; }
	.main-entry-holder.no-border { padding: 0; }
}

.main-entry-holder-v2 { background-color: #fff; border: 2px solid #e0e0e0; border-radius: 10px; box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1); margin-bottom: 20px; display: grid; grid-template-columns: 1fr; grid-template-rows: auto 1fr;  padding: 0 !important; }
.main-entry-holder-v2 .main-content-body { min-width: 0; grid-row: 2; grid-column: 1; padding: 24px; /* A consistent padding for desktop view */ }
.main-entry-holder-v2 > blockquote br {display:block;content:"";margin-top:8px}
.main-entry-holder-v2 > blockquote {border-left:4px solid #039;border-radius:0 8px 8px 0;padding:16px 20px;margin:8px 0;color:#333;font-size:1em;line-height:1.4}
.main-entry-holder-v2 div.catno a::after {content:"\2B11 Click for Catalog";display:block;font-size:0.8em;color:gray;text-align:center;padding-left:0;margin:2px 0 0 0;padding:0;line-height:1;white-space:normal}
.main-entry-holder-v2 h2 {font-size:2em;line-height:1;color:#039;margin:0 0 12px 0;font-weight:700;border-bottom:2px solid red;padding-bottom:8px;}
.main-entry-holder-v2 h2::after { content: ""; display: block; clear: both; }
.main-entry-holder-v2 h2:first-of-type { grid-row: 1; grid-column: 1; color: white;  background-color: #039; font-weight: 700 !important;  font-size: 2em !important;  line-height: 1;  border-bottom: none !important; margin: 0 !important;  padding: 15px 24px !important;  border-top-left-radius: 8px !important;  border-top-right-radius: 8px !important;  border-bottom-left-radius: 0 !important;  border-bottom-right-radius: 0 !important; }
.main-entry-holder-v2 h2:first-of-type::after { content: none !important; }
.main-entry-holder-v2 h3 {font-size:1.75em;line-height:1.2;color:green;margin:0 0 15px 0;font-weight:600;display:inline;padding-bottom:6px; }
.main-entry-holder-v2 h3::after { content: ""; display: block; clear: both; }
.main-entry-holder-v2 h4 {font-size:1.5em;line-height:1.3;color:purple;margin:0 0 8px 0;font-weight:500;padding-bottom:4px;border:none; }
.main-entry-holder-v2 h4::after { content: ""; display: block; clear: both; }
.main-entry-holder-v2 hr {border:1px solid #039;width:85%;margin:1em auto;content:"";clear:both;display:table}
.main-entry-holder-v2 li {margin-bottom:4px;}
.main-entry-holder-v2 ol {padding-left:1em; padding-bottom:1em !important}
.main-entry-holder-v2 p {text-align:justify}
.main-entry-holder-v2 span.catno {display:none;font-size:inherit}
.main-entry-holder-v2 span.fieldname {display:none;font-size:inherit}
.main-entry-holder-v2 span.price {display:none;font-size:inherit}
.main-entry-holder-v2 ul {padding-left:.5em; padding-bottom:.5em !important}
.main-entry-holder-v2-3-item > div:first-child { font-weight: 700; }
.main-entry-holder-v2-3-item a[href^="mailto:"]::after { content:"\2B11 Click to Email"; display:block; font-size:0.8em; color:gray; text-align:left; padding-left:0; margin:2px 0 0 0; padding:0; line-height:1; white-space:normal; }
.main-entry-holder-v2-3-item { display: grid; grid-template-columns: 2fr 120px 150px; gap: 16px; padding: 8px 0; font-size: 1em; line-height: 1.5; }
.main-entry-holder-v2-3-item.header { padding: 4px 0; line-height: 1; background-color: #d3d3d3; margin: 0; }
.main-entry-holder-v2-image img {max-width:150px;width:150px;height:auto;margin-bottom:4px;position:relative;display:block}
.main-entry-holder-v2-image img.border {border:2px solid #a9b4c2;border-radius:6px;box-shadow:0 1px 3px rgba(50,50,60,0.1)}
.main-entry-holder-v2-image p {text-align:center;font-size:0.85em;color:#666;margin:4px 0 8px 0;line-height:1.2}
.main-entry-holder-v2-image p::before {content:"\2B11 Click to Enlarge";display:block;font-size:0.8em;color:gray;text-align:center;margin:2px 0 4px 0;padding:0;line-height:1;white-space:normal}
.main-entry-holder-v2-image { float: right; margin-left: 20px; margin-bottom: 10px; display: flex; flex-direction: column; align-items: flex-end; }
.main-entry-holder-v2-image-centered img {max-width:100%;height:auto;display:block}
.main-entry-holder-v2-image-centered p {text-align:center;font-size:0.85em;color:#666;margin:4px 0 8px 0;line-height:1.2}
.main-entry-holder-v2-image-centered p::before {content:"\2B11 Click to Enlarge";display:block;font-size:0.8em;color:gray;text-align:center;margin:4px 0 4px 0;padding:0;line-height:1;white-space:normal}
.main-entry-holder-v2-image-centered {display:flex;flex-direction:column;align-items:center;margin:24px 0;clear:both}
.main-entry-holder-v2.green h3 {margin-top:0px !important;}
.main-entry-holder-v2.green {border-color:green}
.main-entry-holder-v2.no-border {border:none; border-radius:0; padding:0; box-shadow:none}
.main-entry-holder-v2::after {content:"";clear:both;display:table}
@media (max-width: 768px) {
	.main-entry-holder-v2 .main-content-body { padding: 16px; }
	.main-entry-holder-v2 > blockquote { padding: 12px 16px; margin: 6px 0; font-size: 0.95em; }
	.main-entry-holder-v2 h2 { font-size: 1.5em; margin-bottom: 8px; padding-bottom: 6px; }
	.main-entry-holder-v2 h2:first-of-type { font-size: 1.5em !important; padding: 12px 18px !important; }
	.main-entry-holder-v2 p { text-align: left; }
	.main-entry-holder-v2 { box-sizing: border-box; }  /* Add this */
	.main-entry-holder-v2 { margin-bottom: 15px;  }
	.main-entry-holder-v2-3-item > div { padding: 4px 0; }
	.main-entry-holder-v2-3-item > div:nth-child(2)::before { content: "Price: "; font-weight: 600; }
	.main-entry-holder-v2-3-item > div:nth-child(3)::before { content: "Catalog: "; font-weight: 600; }
	.main-entry-holder-v2-3-item { grid-template-columns: 1fr; gap: 8px; padding: 12px 8px; }
	.main-entry-holder-v2-3-item.header { display: none; }
	.main-entry-holder-v2-image img { max-width: 200px; width: 200px; }
	.main-entry-holder-v2-image { float: none; margin: 16px auto; align-items: center; }
	.main-entry-holder-v2-image { float: none; text-align: center; margin: 0 auto 20px auto; }
	.main-entry-holder-v2-image-centered { margin: 16px 0; }
	.main-entry-holder-v2.no-border { padding: 0; }
}

.main-image-grid > div { background: #fff;  padding: 16px;  border: 1px solid #000000;  border-radius: 8px;  transition: box-shadow .2s ease; }
.main-image-grid a[href*=".gz"]:not(.download-link)::after { content: "\2B11 Click to Download"; display: block; font-size: 0.8em; color: gray; text-align: center; margin: 0; margin-top:-10px; padding: 0; line-height: 1; white-space: normal; }
.main-image-grid a[href*=".zip"]:not(.download-link)::after { content: "\2B11 Click to Download"; display: block; font-size: 0.8em; color: gray; text-align: center; margin: 0; margin-top:-10px; padding: 0; line-height: 1; white-space: normal; }
.main-image-grid div.shadedlight { background-color: lightgray; border-color: lightgray; }
.main-image-grid div:hover { box-shadow: 0 4px 8px rgba(0,0,0,.15); }
.main-image-grid div:nth-child(10n+1) { border-color: blue; }
.main-image-grid div:nth-child(10n+10) { border-color: brown; }
.main-image-grid div:nth-child(10n+2) { border-color: green; }
.main-image-grid div:nth-child(10n+3) { border-color: red; }
.main-image-grid div:nth-child(10n+4) { border-color: purple; }
.main-image-grid div:nth-child(10n+5) { border-color: orange; }
.main-image-grid div:nth-child(10n+6) { border-color: teal; }
.main-image-grid div:nth-child(10n+7) { border-color: maroon; }
.main-image-grid div:nth-child(10n+8) { border-color: navy; }
.main-image-grid div:nth-child(10n+9) { border-color: olive; }
.main-image-grid img { display: block; margin-left: auto; margin-right: auto; width: 200px; height: auto; max-height: 350px; object-fit: cover; object-position: top; border: 2px solid #a9b4c2; border-radius: 6px; box-shadow: 0 1px 3px rgba(50,50,60,.1); margin-bottom: 12px; }
.main-image-grid p { text-align: left;  font-size: 1.1em;  color: black;  margin: 2px auto;  line-height: 1.2;  display: inline-block; max-width: fit-content; }
.main-image-grid p.centered { text-align: center; font-size: 0.85em; color: #666; margin: 2px 0; line-height: 1.2; }
.main-image-grid p.two-column span.header { font-weight: bold; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.main-image-grid p.two-column span:last-child { word-wrap: break-word; overflow-wrap: break-word; }
.main-image-grid p.two-column { display: grid; grid-template-columns: 11ch 1fr; gap: 10px; align-items: start; text-align: left; line-height: 1.4; margin-top: 8px; }
.main-image-grid { display: grid;  grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));  gap: 20px; }

@media (max-width: 768px) {
	.column-list > .column-2-sl-plus-picture > div:last-child { text-align: left; justify-self: start; }
	.column-list > .column-2-sl-plus-picture img { width: 100%; max-width: 200px; }
	.column-list > .column-2-sl-plus-picture { grid-template-columns: 1fr; }
	.column-list > .column-2e { grid-template-columns: 1fr; }
	.column-list > .column-2lt { grid-template-columns: 1fr; }
	.column-list > .column-2ml { grid-template-columns: 1fr; }
	.column-list > .column-2tl { grid-template-columns: 1fr; }
	.column-list > .column-3-software { grid-template-columns: 1fr; }
	.column-list > .column-3e { grid-template-columns: 1fr; }
	.column-list > .column-3lss { grid-template-columns: 1fr; }
	.column-list > .column-3slp img { width: 100%; max-width: 200px; }
	.column-list > .column-3slp { grid-template-columns: 1fr; }
	.column-list > .column-3ssl { grid-template-columns: 1fr; }
	.column-list > .column-3sssl { grid-template-columns: 1fr; }
	.column-list > .column-4-software { grid-template-columns: 1fr 1fr; }
	.column-list > .column-4e { grid-template-columns: 1fr 1fr; }
	.column-list > .column-4sbsb { grid-template-columns: 1fr 1fr; }
	.column-list > .column-4sssl { grid-template-columns: 1fr; }
	.column-list > .column-4zap { grid-template-columns: 1fr; }
	.column-list > .column-5e { grid-template-columns: 1fr 1fr; }
	.column-list > .column-5ssssl { grid-template-columns: 1fr; }
	.column-list > .column-6e { grid-template-columns: 1fr 1fr; gap: 6px; }
	.column-list > .column-6emulator { grid-template-columns: repeat(2, 1fr); gap: 6px; }
	.column-list > .column-6lssssss { grid-template-columns: 1fr; }
	.column-list > .column-6sssssl { grid-template-columns: 1fr; }
	.column-list > .column-7e { grid-template-columns: 1fr 1fr; gap: 6px; }
	.column-list > .column-7lssssss { grid-template-columns: 1fr; }
	.column-list > .column-7multidos { grid-template-columns: 1fr; }
	.column-list > .column-8e { grid-template-columns: 1fr 1fr; gap: 6px; }
	.column-list > .column-info { grid-template-columns: .4fr 1fr; }
	.column-list > .column-info-sl { grid-template-columns: 120px 1fr; }
	.column-list > .column-overlay { grid-template-columns: 1fr 1fr; }
	.column-list > div.header { padding: 3px 0; }
	.column-list > div:first-child:not(.main-entry-holder-image) { padding: 3px 0; }
	.column-list > div:not(.main-entry-holder-image) { gap: 8px; padding: 3px 0; font-size: 0.95em; }
	.column-list p.bq br { margin-top: 12px; }
	.column-list p.bq { padding: 12px 16px; font-size: 0.95em; }
	.column-list { font-size: 0.75em; }
	.command-syntax { font-size: 1em; padding: 6px 10px; margin: 12px 0 6px 0; }
	.download-link { font-size: 1em; padding: 3px 6px; }
	.dual-column-container { grid-template-columns: 1fr; row-gap: 0; }
	.dual-column-entry > div { border-left: 2px solid #039; border-right: 2px solid #039; }
	.dual-column-entry:first-child > div:first-child { border-top-right-radius: 0; }
	.dual-column-entry:first-child > div:last-child { border-top-left-radius: 0; border-top-right-radius: 8px; border-top: 2px solid #039; }
	.dual-column-entry:last-child > div:first-child { border-bottom-right-radius: 0; }
	.dual-column-entry:last-child > div:last-child { border-bottom-left-radius: 0; border-bottom-right-radius: 8px; }
	.image200 { width: 150px !important; }
	.indent05 { margin-left: 3% !important; }
	.indent025 { margin-left: 1.5% !important; }
	.indent10 { margin-left: 5% !important; }
	.indent15 { margin-left: 10% !important; }
	.infinitely-flexible-grid-container > div { padding: 8px; font-size: 0.95em; }
	.infinitely-flexible-grid-container { grid-template-columns: repeat(auto-fit, minmax(80px, 1fr)); gap: 8px; padding: 8px; }
	.info-rowv2 > div:first-child { width: auto; }
	.info-rowv2 { flex-direction: column; gap: 8px; }
	.main-image-grid div { padding: 12px; }
	.main-image-grid img { width: 150px; }
	.main-image-grid p.two-column span.header { padding-left: 0; margin-left: -2.5em; }
	.main-image-grid p.two-column { grid-template-columns: 1fr; gap: 0; text-align: left; padding-left: 2.5em; }
	.main-image-grid { grid-template-columns: 1fr; grid-gap: 15px; }
	.main-page-container { width: 100%; font-size: 100%; }
	.width200 { width: 150px !important; }
}

.assembly-row-combinedv2 .codev2{background:#f7f7f9;padding:2px 6px;border-radius:3px;font-family:'Courier New',monospace;color:#d63384;border:1px solid #e1e1e8}
.assembly-row-combinedv2 .memory-linkv2::after { content: "\2B11 Click to Jump"; display: block; font-size: 0.8em; color: gray; text-align: center; margin: 4px 0 0 0; padding: 0; line-height: 1; white-space: normal; }
.assembly-row-combinedv2 .inst { color: #d63384; font-weight: 700; font-family: 'Courier New', monospace; }
.assembly-row-combinedv2 .span2and3 { grid-column: 2 / 4; color: #d63384; font-weight: 700; font-size: 1em; }
.assembly-row-combinedv2 > div.span2and3 { grid-column: 2 / 4; }
.assembly-row-combinedv2 {display:grid;grid-template-columns:110px 140px 1fr;gap:12px;padding:4px 0;border-bottom:1px solid #f0f0f0;font-family:'Courier New',monospace;font-size:1em;line-height:1.4}
.assembly-row-combinedv2:nth-child(even){background-color:#f8f9fa}
.assembly-row-combinedv2>div:nth-child(1){color:#039;font-weight:700;font-size:1em}
.assembly-row-combinedv2>div:nth-child(2):last-child{grid-column:2 / 4}
.assembly-row-combinedv2>div:nth-child(2){color:#d63384;font-weight:700;font-size:1em}
.assembly-row-combinedv2>div:nth-child(3){color:#333;font-size:1em;line-height:1.5}
.assembly-section-titlev2{font-size:1.5rem;color:#039;margin:0 0 8px 0;font-weight:700}
.assembly-tablev2{margin:20px 0;font-family:'Courier New',monospace;font-size:1em;line-height:1.4}
.
bold 		{ color:blue; font-weight: bold; font-size:inherit; }
.border		{ border:1px solid #000000 !important; }
.card-itemv2{background:#f8f9fa;border-left:4px solid #039;padding:16px 20px;margin-bottom:16px;border-radius:0 8px 8px 0}
.checkbox-rowv2 input[type="checkbox"] { margin-right: 8px; }
.checkbox-rowv2 { margin-left: 5%; margin-bottom: 8px; font-size: 1em; }
.clear		{ clear: both; }
.code			{ border-radius:2px; font-family: Monaco, Menlo, Consolas, "Courier New", monospace; padding: 2px 4px; color: #d14; background-color: #f7f7f9; border: 1px solid #e1e1e8; }
.code-block-containerv2 pre { margin: 0; font-family: 'Courier New', monospace; font-size: 1em; line-height: 1.4; white-space: pre; border:none; }
.code-block-containerv2 { background: #f5f5f5; border: 1px solid #ddd; border-radius: 6px; padding: 12px 16px; margin: 16px 0; overflow-x: auto; }
.code-blockv2 {background:#f5f5f5;padding:12px 16px;border-radius:6px;font-family:'Courier New',monospace;border-left:4px solid #039;font-size:1em;line-height:1.4}
.codev2			{ background:#f7f7f9;padding:4px 8px;border-radius:3px;font-family:'Courier New',monospace;color:#d63384;border:1px solid #e1e1e8;font-size:1em }
.command-syntax { display: block; width: auto; font-weight: 700; color: #039; font-size: 1.1em; background: #f5f5f5; border: 1px solid #ddd; border-radius: 6px; padding: 8px 12px; margin: 16px 0 8px 0; }
.comparison-table-10colv2 > div { color: #333;  line-height: 1.5;  text-align: center; }
.comparison-table-10colv2 > div:first-child { text-align: left; font-family: 'Courier New', monospace; font-weight: 700; color: #039; }
.comparison-table-10colv2 { display: grid;  grid-template-columns: 80px repeat(8, 1fr);  gap: 8px;  padding: 8px 4px;  border-bottom: 1px solid #e0e0e0;  font-size: 1em;  }
.comparison-table-10colv2:first-of-type { background: #EDEDED;  font-weight: 700;  color: #039;  border-radius: 6px 6px 0 0;  }
.comparison-table-10colv2:nth-child(even):not(:first-child) { background-color: #f8f9fa;  }
.debug-notev2 { background: #fff3cd; border: 2px solid #ffeaa7; border-radius: 8px; padding: 16px; margin: 16px 0; color: #856404; font-size: 1em; line-height: 1.6; }
.decimal2 { color: #2c7a7b;  font-style: italic;  }
.download-link { display:inline-block; background:#87CEEB; color:#000; padding:3px 8px; border-radius:4px; text-decoration:none; font-weight:700; font-size:1.1em }
.download-link:hover { background:#4682B4;color:#fff }
.empty-cellv2{background:#f5f5f5;color:#ccc}
.form-button-primaryv2 { background: linear-gradient(135deg, #039 0%, #06c 100%); color: #fff; }
.form-button-primaryv2:hover { transform: translateY(-2px); box-shadow: 0 5px 15px rgba(0, 51, 153, 0.3); }
.form-button-secondaryv2 { background: #f8f9fa; color: #333; border: 2px solid #e0e0e0; }
.form-button-secondaryv2:hover { background: #e9ecef; border-color: #adb5bd; }
.form-buttonsv2 { display: flex; justify-content: center; gap: 16px; margin: 20px 0; }
.form-buttonv2 { padding: 12px 30px; border: none; border-radius: 8px; font-size: 1.1em; font-weight: 600; cursor: pointer; transition: all 0.3s ease; }
.form-inputv2 { flex: 1; padding: 8px 12px; border: 2px solid #e0e0e0; border-radius: 4px; font-size: 1em; max-width: 500px; }
.form-inputv2:focus { outline: 0; border-color: #039; box-shadow: 0 0 0 3px rgba(0, 51, 153, 0.1); }
.form-labelv2 { display: inline-block; width: 200px; text-align: right; font-weight: 600; font-size: 1em; color: #333; }
.form-rowv2 { display: flex; align-items: center; margin-bottom: 12px; gap: 8px; }
.form-sectionv2 { background: #f8f9fa; border: 1px solid #e0e0e0; border-radius: 8px; padding: 20px; margin: 20px 0; }
.form-selectv2 { padding: 8px 12px; border: 2px solid #e0e0e0; border-radius: 4px; font-size: 1em; background: #fff; }
.form-selectv2:focus { outline: 0; border-color: #039; box-shadow: 0 0 0 3px rgba(0, 51, 153, 0.1); }
.form-textareav2 { width: 100%; max-width: 800px; padding: 12px; border: 2px solid #e0e0e0; border-radius: 4px; font-size: 1em; font-family: inherit; line-height: 1.5; }
.form-textareav2:focus { outline: 0; border-color: #039; box-shadow: 0 0 0 3px rgba(0, 51, 153, 0.1); }
.form-warning-boxv2 { background: #fff3cd; border: 2px solid #ffeaa7; border-radius: 8px; padding: 20px; margin: 20px 0; color: #856404; font-size: 1.1em; line-height: 1.6; font-weight: 700; }
.image200	{ width: 200px !important; }
.indent05	{ margin-left: 5% !important; }
.indent10	{ margin-left: 10% !important; }
.indent15	{ margin-left: 15% !important; }
.infinitely-flexible-grid-container > div { padding: 10px; background: #EDEDED; border-radius: 6px; text-align: center; font-weight: 700; color: #039; }
.infinitely-flexible-grid-container { display: grid; grid-template-columns: repeat(auto-fit, minmax(100px, 1fr)); gap: 10px; padding: 10px; /* Optional: for some spacing around the grid */ }
.info-rowv2 > div:first-child { width: 180px; flex-shrink: 0; font-weight: 700; color: #039; font-size: 1em; }
.info-rowv2 > div:last-child { flex: 1; color: #333; line-height: 1.4; font-size: 1em; }
.info-rowv2 { display: flex; gap: 16px; margin: 8px 0; padding: 0; }
.info-rowv2.header { padding: 4px 0; line-height: 1; background-color: #d3d3d3; margin: 0; }
.info-rowv2:nth-child(even) { background-color: #f8f9fa; }
.key-cellv2:last-child{border-right:none}
.key-cellv2{border-right:1px solid #e0e0e0;font-weight:700}
.key-cellv2{padding:10px 8px;text-align:center;font-size:1em}
.keyboard-rowv2:last-child{border-bottom:none}
.keyboard-rowv2:nth-child(even){background-color:#f8f9fa}
.keyboard-rowv2{border-bottom:1px solid #e0e0e0}
.keyboard-rowv2{display:grid;grid-template-columns:100px repeat(8,1fr)}
.keyboard-tablev2{border:2px solid #039;border-radius:8px;overflow:hidden;margin:20px 0;background:#fff}
.label2 			{ color: #d97706; font-weight: 600; }
.m3v1				{ color: red;}
.m3v2				{ color: blue;}
.m3v3				{ color: orange;}
.m4v1				{ color: green;}
.main-page-container		{ color:#000;display:block;width:99%;font-size:110% }
.memory-linkv2:hover		{text-decoration:underline}
.memory-linkv2			{color:#06c;text-decoration:none;font-family:'Courier New',monospace;font-weight:700;font-size:1em}
.missing-software-page-ads 	{ width: 25px; height: 25px; overflow: hidden; display: block; margin: 0 auto; } 				/* Ad thumbnail for missing software table */
.model3				{ color:blue; }
.model3v2 			{ color: blue; }
.model4v2 			{ color: green; }
.nobottomborder			{ margin-bottom:0px !important; }
.opcode				{ color: purple !important; }
.opcode2 			{ display: none; }
.opcode2::before		{ color: purple; white-space:pre; content:"\A\1F5B3\20"; }
.origrom			{ color: green;}
.origrom2			{ color: green;}
.origrom2 			{ display: inline; }
.origrom2::before 		{ color: green;  line-height: 0.5; white-space: pre; content: "\A\2192\20";  /* Line break + arrow + space */ }
.page-titlev2			{font-size:2.2rem;color:#039;margin:0 0 16px 0;border-bottom:3px solid #039;padding-bottom:8px}
.red 				{ color:red !important; }
.shadedlight 			{ background-color:#EDEDED; }
.special-keyv2 kbd		{font-size:1em;padding:2px 6px}
.special-keyv2			{background:#fff3cd;border:1px solid #ffeaa7}
.text-dodgerbluev2 		{ color: DodgerBlue; }
.text-grayv2 			{ color: Gray; }
.text-mediumseagreenv2 		{ color: MediumSeaGreen !important; }
.text-orangev2 			{ color: Orange; }
.text-slatebluev2 		{ color: SlateBlue; }
.text-tomatov2 			{ color: Tomato; }
.text-violetv2 			{ color: Violet; }
.toggle-container 		{ background: #f8f9fa; padding: 12px 20px; border-radius: 8px; margin: 10px 0; border: 1px solid #e0e0e0; }
.toggle-label input[type="checkbox"] { width: 18px; height: 18px; cursor: pointer; }
.toggle-label 			{ display: flex; align-items: center; gap: 10px; cursor: pointer; font-weight: 600; color: #333; font-size: 1em; }
.video-embedv2 iframe 		{ max-width: 100%; border-radius: 8px; }
.video-embedv2 			{ margin: 20px 0; text-align: center; }
.warning-boxv2 h2 		{ color: #856404; margin-top: 0; }
.warning-boxv2 p 		{ font-size: 1.1em; margin-bottom: 0; color: #856404; }
.warning-boxv2 			{ background-color: #fff3cd; border: 2px solid #ffc107; padding: 20px; margin: 20px 0; border-radius: 8px; }
.width200			{ width: 200px !important; }


.years-menuv2-longer { display: grid; grid-template-columns: repeat(auto-fill, minmax(300px, 1fr)); gap: 1em 1.2em; }
.years-menuv2-longer a { text-decoration: none; color: #039; background: #f8f9fa; padding: 0.5em 0.75em; display: block; text-align: center; border: 1px solid #ddd; border-radius: 4px; box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1); font-size: 0.9em; font-weight: 500; word-wrap: break-word; overflow-wrap: break-word; hyphens: auto; }
.years-menuv2-longer a:hover { background: #fff; border-color: #039; box-shadow: 0 2px 4px rgba(0, 0, 0, 0.15); }
.years-menuv2 a { text-decoration: none; color: #039; background: #f8f9fa; padding: 0.5em 0.75em; display: flex; align-items: center; justify-content: center; text-align: center; border: 1px solid #ddd; border-radius: 4px; box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1); font-size: 0.9em; font-weight: 500; overflow-wrap: break-word; min-width: 140px; flex: 0 1 140px; min-height: 3.5em; }
.years-menuv2 a:hover { background: #fff; border-color: #039; box-shadow: 0 2px 4px rgba(0, 0, 0, 0.15); }
.years-menuv2 { display: flex; flex-wrap: wrap; gap: 1em 1.2em; }
@media (max-width: 768px) {
    .years-menuv2-longer a { padding: 0.4em 0.5em; font-size: 0.85em; }
    .years-menuv2-longer { grid-template-columns: repeat(auto-fill, minmax(180px, 1fr)); gap: 0.75em 1em; }
    .years-menuv2 a { padding: 0.4em 0.5em; font-size: 0.85em; flex: 0 1 100px; }
    .years-menuv2 { gap: 0.75em 1em; }
}

@media (max-width:768px){
	.main-entry-holder-image { float: none; text-align: center; margin: 0 auto 20px auto; }
	.assembly-row-combinedv2{grid-template-columns:60px 100px 1fr;gap:8px;font-size:.9em}
	.assembly-tablev2{font-size:.9em}
	.col-md-8 { width: auto; }
	.comparison-table-10colv2 > div:first-child { font-weight: 700; background: #f0f8ff; padding: 4px; margin-bottom: 4px; }
	.comparison-table-10colv2 { grid-template-columns: 1fr;  gap: 4px;  font-size: 0.9em; }
	.form-inputv2 { max-width: 100%; }
	.form-labelv2 { width: auto; text-align: left; }
	.form-rowv2 { flex-direction: column; align-items: stretch; gap: 4px; }
	.info-rowv2 > div:first-child { width: auto; }
	.info-rowv2 { flex-direction: column; gap: 8px; }
	.keyboard-rowv2{grid-template-columns:80px repeat(8,1fr)}
	.magazine-coverv2{width:150px}
	.main-image-grid{grid-template-columns:1fr}
	.page-titlev2{font-size:1.8rem}
	p.donatev2 a { padding: 10px 20px; font-size: 1.1em; }
}

/* TRS-80 Header Grid */
.trs80-header-grid { display: grid; grid-template-columns: repeat(3, 1fr); grid-template-rows: 1fr; grid-column-gap: 3px; grid-row-gap: 0; background-color: #003399; margin-top: 10px; }
.trs80-header-left { grid-area: 1 / 1 / 2 / 2; }
.trs80-header-center { grid-area: 1 / 2 / 2 / 3; }
.trs80-header-right { grid-area: 1 / 3 / 2 / 4; text-align: right; }
.trs80-title { color: white; font-size: 170%; text-align: center; margin: 0; }
.trs80-description { color: white; font-size: 150%; text-align: justify; background-color: #003399; margin: 0; padding: 10px; }
.trs80-header-grid img { border: 0 !important; }
.trs80-img-60 { width: 60px; }
.trs80-img-80 { width: 80px; }
.trs80-img-90 { width: 90px; }
.trs80-img-100 { width: 100px; }
@media screen and (max-width: 768px) {
    .trs80-header-grid { grid-template-columns: 1fr; grid-template-rows: auto auto auto; text-align: center; }
    .trs80-header-left { grid-area: 1 / 1 / 2 / 2; }
    .trs80-header-center { grid-area: 2 / 1 / 3 / 2; }
    .trs80-header-right { grid-area: 3 / 1 / 4 / 2; text-align: center; }
    .trs80-title { font-size: 85%; }
    .trs80-description { font-size: 85%; }
    .trs80-img-60 { width: 50px; }
    .trs80-img-80 { width: 65px; }
    .trs80-img-90 { width: 75px; }
    .trs80-img-100 { width: 80px; }
}

/* NavPanel Grid */
	#navbar{grid-column:1;grid-row:1;} /* FIX: Ensure #navbar is visible and in the grid on desktop */
	#navbar .has-submenu:hover > .submenu { display: block; }
	.has-submenu { position: relative; }
	.navigationpanelv2 .has-submenu { position: relative;  list-style: none; padding-left: 0; }
	.navigationpanelv2 .has-submenu:hover > .submenu { display: block; }
	.navigationpanelv2 .nav-entry-block h2:first-of-type { color: white; background-color: #039; font-weight: 700 !important; font-size: 1.6em !important; line-height: 1; border-bottom: none !important; margin: -16px -12px 12px -12px !important;  padding: 4px 12px 8px 12px !important;          border-top-left-radius: 8px !important; border-top-right-radius: 8px !important; border-bottom-left-radius: 0 !important;  border-bottom-right-radius: 0 !important; }
	.navigationpanelv2 .nav-entry-block h2:first-of-type::after { content: none !important;  }
	.navigationpanelv2 .nav-entry-block { background: #fff; border: 1px solid #e0e0e0;  border-radius: 8px; padding: 16px 12px 16px 12px;  margin-bottom: 14px;  }
	.navigationpanelv2 .submenu li a { padding: 5px 0; display: block; color: #003399; /* Adjust link color for readability */ }
	.navigationpanelv2 .submenu { display: none; list-style: none; padding: 10px; margin: 0; position: absolute; z-index: 100; top: 100%; left: 0; background-color: #ffffff; border: 1px solid #003399; min-width: 150%; box-shadow: 2px 2px 5px rgba(0,0,0,0.1); border-radius: 4px; }
	.navigationpanelv2 .toggle-icon { display: none; }
	.navigationpanelv2 > div { width: 100%; box-sizing: border-box; background: #f8f9fa; border-radius: 8px; border: 1px solid #e0e0e0; padding: 0px 10px 10px 10px !important; margin: 0; box-shadow: 0 1px 2px rgba(0,0,0,0.04); transition: background 0.15s; }
	.navigationpanelv2 > div:first-child { margin-top: 8px; }
	.navigationpanelv2 > div:last-child { margin-right: 0; }
	.navigationpanelv2 div[align="center"] img { margin: 4px; vertical-align: middle; }
	.navigationpanelv2 div[align="center"] { text-align: center; padding: 12px; background: #f8f9fa; border-radius: 6px; }
	.navigationpanelv2 h2 { font-size: 1.6rem !important; font-weight: bold !important; background-color: #003399 !important; color: white !important; margin-top: 0 !important; margin-left: -12px !important; margin-right: -12px !important; padding: 0 12px 8px 12px !important; box-sizing: border-box !important; display: block !important; }
	.navigationpanelv2 h2:not(:first-child) { margin-top: 16px; }
	.navigationpanelv2 li a { display: block; color: #000 !important; text-decoration: none; padding: 3px 8px 3px 0px !important; border-radius: 4px; transition: all 0.2s ease; font-size: 1em; line-height: 1.4; font-weight: normal; }
	.navigationpanelv2 li { margin-bottom: 1px; margin-top: 1px; padding-left: 2px; transition: all 0.2s ease; color: #000 !important; font-size: 1em; border-bottom: 1px solid gray !important; }
	.navigationpanelv2 li.navbumpv2 a::after { content: '\0020\261B'; color: #039; margin-left: 4px; }
	.navigationpanelv2 li:last-child { border-bottom: none !important; }
	.navigationpanelv2 p { margin: 8px 0 16px 0; line-height: 1.5; }
	.navigationpanelv2 span + ul { border-left: 3px solid #dc3545; padding-left: 6px; margin-left: 2px; }
	.navigationpanelv2 span { display: block; color: #000; font-size: 1.2em; margin: 12px 0 6px 0; font-weight: 700; }
	.navigationpanelv2 ul { list-style: none; padding: 0; margin: 0; border-bottom: none !important; margin-bottom: 0 !important; }
	.navigationpanelv2 { display: flex; flex-direction: column; gap: 6px; padding-left: 15px; padding-right: 15px; background: #fff; border: 1px solid #e0e0e0; border-radius: 8px; margin-bottom: 20px; overflow: hidden; box-shadow: 0 2px 4px rgba(0,0,0,0.1); }
	.submenu { display: none; /* Hide submenus by default */ list-style: none; padding-left: 15px; /* Indent sub-links for visual hierarchy */ margin-top: 5px; }
	.submenu-toggle { cursor: pointer; }
	.navigationpanelv2 { margin-top: 12px; }
	.navigationpanelv2 .nav-entry-block:first-child h2 { margin-top: 0 !important;  padding-top: 8px !important; }


@media (max-width: 768px) {
	.navigationpanelv2 .has-submenu:hover > .submenu { display: none; }
	.navigationpanelv2 .submenu { position: static; width: auto; border: none; box-shadow: none; background-color: transparent; padding-left: 20px; padding-top: 0; padding-bottom: 0; max-height: 0;  overflow: hidden; transition: max-height 0.3s ease-out; }
	.navigationpanelv2 .has-submenu.open > .submenu { max-height: 500px; padding-top: 5px; padding-bottom: 5px; }
	.navigationpanelv2 .toggle-icon { display: inline-block; float: right; margin-left: 5px; transition: transform 0.3s ease; content: '+'; /* Default state */ }
	.navigationpanelv2 .has-submenu.open .toggle-icon::before { content: '-'; }
	.navigationpanelv2 .submenu-toggle { position: relative; }
	.navigationpanelv2 .submenu-toggle .toggle-icon::before { content: '+'; font-weight: bold; }
	.navigationpanelv2 .has-submenu.open .submenu-toggle .toggle-icon::before { content: '-'; }
	.navigationpanelv2 > div { padding: 16px; }
	.navigationpanelv2 h2 { font-size: 1.1rem; margin: -16px -16px 12px -16px; }
	.navigationpanelv2 li a { padding: 10px; font-size: 0.95em; }
	.navigationpanelv2 { display: none; }
	.navigationpanelv2 { margin-bottom: 16px; }
	.mobile-menu, .menu-toggle, nav.toggled, .main-navigation.toggled, .primary-menu { z-index: 999 !important; }
	#navbar{display:none;}
	#navbar{ position: static; width: 0; height: 0; overflow: visible; }
}



/* SEO-specific CSS to visually hide sitemap links from users but keep them accessible to crawlers.
   This is used because the primary navigation is loaded dynamically via JavaScript. */
.seo-hidden-links { position: absolute !important; width: 1px !important; height: 1px !important; margin: -1px !important; padding: 0 !important; overflow: hidden !important; clip: rect(0, 0, 0, 0) !important; border: 0 !important; white-space: nowrap !important; }
.seo-hidden-links h2, 
.seo-hidden-links ul, 
.seo-hidden-links li {
    /* Ensures no visual bleed-through, though the parent rule should be sufficient */
    display: block !important; /* Keep display as block for crawler parsing */
    opacity: 0 !important;     /* Additional measure to hide, though not strictly necessary with the clip rule */
}


/* ===================================================================
   TRS-80 Overflow Fix - Prevents content from breaking out of containers
   =================================================================== */

.codev2, code, kbd { overflow-wrap: break-word !important; word-wrap: break-word !important; word-break: break-word !important; white-space: pre-wrap !important; max-width: 100%; display: inline-block; }
blockquote { overflow-wrap: break-word; word-wrap: break-word; word-break: break-word; max-width: 100%; overflow-x: auto; }
pre { white-space: pre-wrap !important; word-wrap: break-word !important; overflow-wrap: break-word !important; max-width: 100%; overflow-x: auto; }

@media (max-width: 768px) {
    .codev2 { font-size: 0.9em; }
}


/* Custom media query for screens 800px or less (to apply smaller font/more compact layout) */
@media (max-width: 800px) {

  /* 1. Reduce the horizontal room (for screen widths 769px to 800px) */
  /* The existing 768px media query will override this to 1fr on small phones */
  .content-wrapper {
    grid-template-columns: 220px 1fr; /* Reduces the navbar width from 280px to 220px */
  }

  /* 2. Smaller font and more compact layout for the navbar elements */
  .navigationpanelv2 h2 {
    font-size: 1.2em; /* Smaller headings */
    padding: 2px 12px 6px 12px !important; /* Reduce vertical padding on headings */
  }

  .navigationpanelv2 li a {
    font-size: 0.9em; /* Smaller link text (from 1em) */
    padding: 2px 8px 2px 0px !important; /* Reduce vertical padding on links */
    line-height: 1.3; /* Tighter line spacing */
  }
}