BODY {
  background-color : #092847;
  font-family : tahoma, arial, sans-serif;
  font-size : 11pt;
  color : #000000;
  margin : 0px;
}

p {			font-family : tahoma,arial,sans-serif; font-size: 10pt; color : Black; font-weight : normal; background : transparent; margin : 2px; }
p.remarks {		font-family : tahoma,arial,sans-serif; font-size: 12pt; color : Black; font-weight : normal; background : transparent; margin : 10px; }
p.fineprint  {  	font-family : tahoma,arial,sans-serif; font-size: 8pt; color : #bcbcbc; background : transparent; }

h1 {			font-family : Tahoma, Arial, sans-serif; font-size: 28pt; font-weight : bold; color : Black; background : transparent; }
h2 {			font-family : Tahoma, Arial, sans-serif; font-size: 20pt; font-weight : bold; color : Black; background : transparent; }

/*links*/
a:link  { 		color : #185898; background : transparent; font-family : Tahoma, Arial, sans-serif; font-size : 10pt; font-weight : bold; text-decoration : none; }
a:visited  {		color : #185898; background : transparent; font-family : Tahoma, Arial, sans-serif; font-size : 10pt; font-weight : bold; text-decoration : none; }
a:active  {		color : #185898; background : transparent; font-family : Tahoma, Arial, sans-serif; font-size : 10pt; font-weight : bold; text-decoration : none; }
a:hover  {		color : #185898; background : transparent; font-family : Tahoma, Arial, sans-serif; font-size : 10pt; font-weight : bold; text-decoration : underline; }
a:link.hidden  { 	color : #092847; background : transparent; font-family : Tahoma, Arial, sans-serif; font-size : 10pt; font-weight : bold; text-decoration : none; }
a:visited.hidden  {	color : #092847; background : transparent; font-family : Tahoma, Arial, sans-serif; font-size : 10pt; font-weight : bold; text-decoration : none; }
a:active.hidden  {	color : #092847; background : transparent; font-family : Tahoma, Arial, sans-serif; font-size : 10pt; font-weight : bold; text-decoration : none; }
a:hover.hidden  {	color : #092847; background : transparent; font-family : Tahoma, Arial, sans-serif; font-size : 10pt; font-weight : bold; text-decoration : underline; }
a:link.sell  { 		color : #89b1da; background : transparent; font-family : Tahoma, Arial, sans-serif; font-size : 12pt; font-weight : bold; text-decoration : none; }
a:visited.sell  {	color : #89b1da; background : transparent; font-family : Tahoma, Arial, sans-serif; font-size : 12pt; font-weight : bold; text-decoration : none; }
a:active.sell  {	color : #89b1da; background : transparent; font-family : Tahoma, Arial, sans-serif; font-size : 12pt; font-weight : bold; text-decoration : none; }
a:hover.sell  {		color : #89b1da; background : transparent; font-family : Tahoma, Arial, sans-serif; font-size : 12pt; font-weight : bold; text-decoration : underline; }
a:link.book  { 		color : #FFFFFF; background : transparent; font-family : Tahoma, Arial, sans-serif; font-size : 12pt; font-weight : bold; text-decoration : none; }
a:visited.book  {	color : #FFFFFF; background : transparent; font-family : Tahoma, Arial, sans-serif; font-size : 12pt; font-weight : bold; text-decoration : none; }
a:active.book  {	color : #FFFFFF; background : transparent; font-family : Tahoma, Arial, sans-serif; font-size : 12pt; font-weight : bold; text-decoration : none; }
a:hover.book  {		color : #FFFFFF; background : transparent; font-family : Tahoma, Arial, sans-serif; font-size : 12pt; font-weight : bold; text-decoration : underline; }
a.mail:link  {  	color : #000000; font-size : 12pt; }
a.mail:visited  {	color : #000000; font-size : 12pt; }
a.mail:active  {        color : #185898; font-size : 12pt; }
a.mail:hover  {         color : #185898; font-size : 12pt; text-decoration : underline; }
a.botmenu:link  {	font-family : Times, "Times New Roman", serif; color : #ffffff; font-size : 14pt; font-weight : normal;	text-decoration : none; }
a.botmenu:visited  {    font-family : Times, "Times New Roman", serif; color : #ffffff; font-size : 14pt; font-weight : normal;	text-decoration : none; }
a.botmenu:active  {     font-family : Times, "Times New Roman", serif; color : #ffee00; font-size : 14pt; font-weight : normal;	text-decoration : none; }
a.botmenu:hover  {      font-family : Times, "Times New Roman", serif; color : #ffee00; font-size : 14pt; font-weight : normal;	text-decoration : none; }
a.botmenu2:link  {	font-family : Times, "Times New Roman", serif; color : #ffffff; font-size : 14pt; font-weight : normal;	text-decoration : underline; }
a.botmenu2:visited  {   font-family : Times, "Times New Roman", serif; color : #ffffff; font-size : 14pt; font-weight : normal;	text-decoration : underline; }
a.botmenu2:active  {    font-family : Times, "Times New Roman", serif; color : #ffee00; font-size : 14pt; font-weight : normal;	text-decoration : underline; }
a.botmenu2:hover  {     font-family : Times, "Times New Roman", serif; color : #ffee00; font-size : 14pt; font-weight : normal;	text-decoration : underline; }
a.select:link  {        font-family : tahoma,arial,sans-serif; color : #185898; font-size : 10pt; font-weight : normal; }
a.select:visited  {     font-family : tahoma,arial,sans-serif; color : #185898; font-size : 10pt; font-weight : normal; }
a.select:active  {      font-family : tahoma,arial,sans-serif; color : #185898; font-size : 10pt; font-weight : normal; }
a.select:hover  {       font-family : tahoma,arial,sans-serif; color : #185898; font-size : 10pt; font-weight : normal; }
a.menu:link { 		font-family:Times, "Times New Roman", serif; font-size:12pt; color:185898; }
a.menu:visited { 	font-family:Times, "Times New Roman", serif; font-size:12pt; color:185898; }
a.menu:active {		font-family:Times, "Times New Roman", serif; font-size:12pt; color:185898; }
a.menu:hover {		font-family:Times, "Times New Roman", serif; font-size:12pt; color:185898; }
a.menu2:link { 		font-family:Arial, sans-serif; font-size:8pt; color:185898; }
a.menu2:visited { 	font-family:Arial, sans-serif; font-size:10pt; color:185898; }
a.menu2:active {	font-family:Arial, sans-serif; font-size:10pt; color:185898; }
a.menu2:hover {		font-family:Arial, sans-serif; font-size:10pt; color:185898; }
a.list:link {		font-family:tahoma,arial,sans-serif; color:#185898; font-size:10pt; font-weight:normal; text-decoration:none; }
a.list:visited {	font-family:tahoma,arial,sans-serif; color:#185898; font-size:10pt; font-weight:normal; text-decoration:none; }
a.list:hover {		font-family:tahoma,arial,sans-serif; color:#185898; font-size:10pt; font-weight:normal; text-decoration:underline; }

span.date {		font-family : Tahoma, Arial, sans-serif; font-size : 12pt; color : #000000; background : transparent; }
span.big {		font-family : Tahoma, Arial, sans-serif; font-size : 20pt; color : Black; background : transparent; }
span.reverse {  	font-family : Tahoma, Arial, sans-serif; font-size: 20pt; font-weight : bold; color : FFFFCC; background : #993333; }
span.large {		font-family : Tahoma, Arial, sans-serif; font-size : 26pt; color : #993333; font-weight : bold; }
span.small {		font-family : Tahoma, Arial, sans-serif; font-size : 10pt; color : #000000; }
span.smallwhite {	font-family : Tahoma, Arial, sans-serif; font-size : 10pt; color : #7b735f; }

span.deadanchor  { 	color : #000000; background : transparent; font-family : Tahoma, Arial, sans-serif; font-size : 12pt; font-weight : bold; text-decoration : none; }
span.deadmenu {		font-family:arial,sans-serif; font-size:10pt; font-weight:bold; color:064d9f; }

font.select { 		font-family:tahoma,arial,sans-serif; color:000000; font-size:10pt; font-weight:normal; }
font.listTitle {	font-family:tahoma,arial,sans-serif; color:000000; font-size:10pt; font-weight:bold; }
font.list {		font-family:tahoma,arial,sans-serif; color:000000; font-size:10pt; font-weight:normal; }

table.SlideShow
.SlideShowContent { 	font-family:tahoma,arial,sans-serif; font-size:10pt; color:Black; font-weight:normal; background:transparent; margin:8px; }
.SlideShowViewDetails { font-family:tahoma,arial,sans-serif; font-size:10pt; color:#064d9f; font-weight:bold; background:transparent; margin:12px; }
        
/* Left navigation background simplified */
table.leftnav { 	background-color : #F9E8BC; background-image : none; }
td.leftnav { 		background-color : #F9E8BC; background-image : none; background-position : right; }
table.blue { 		background-color : #a3ceff; }
td.blue { 		background-color : #a3ceff; }
td.topmenu { 		background-image : url(image/bluebar-top.gif);) background-repeat : repeat-x; }
td.bottommenu { 	background-image : url(image/bluebar-bottom.gif);) background-repeat : repeat-x; background-color : #155596; }

select.menusearch {	width:120; }

#exclusive { 		color:#450C16; font-weight:bold; font-size:11px; line-height:1.5em;}

/* No gaps between header/menu/content rows */
#layoutTable {
	border-collapse: collapse;
	border-spacing: 0;
}
#layoutTable td.topmenu,
#layoutTable td.bottommenu {
	padding: 0;
	vertical-align: middle;
	line-height: 1.2;
}

#copyright {
	margin-left:auto;
	margin-right:auto;
	width:100%;
	max-width:800px;
	height:50px;
	overflow:hidden;
}

/* Remove cross-hatch shadow images from all layout columns */
#layoutTable td[background*="shadow"] {
	background: none !important;
	background-image: none !important;
}

/* Collapse spacer rows (black/blue strips) after header and menus */
#layoutTable tr.spacer {
	line-height:0;
	font-size:0;
}
#layoutTable tr.spacer td {
	height:0 !important;
	min-height:0 !important;
	padding:0 !important;
	border:none !important;
	overflow:hidden;
	vertical-align:top;
	background: none !important;
	background-image: none !important;
}

/* Global form/input styling for better readability */
input[type="text"],
input[type="password"],
input[type="number"],
select,
textarea {
	font-family : tahoma, arial, sans-serif;
	font-size : 10pt;
	padding:4px 6px;
	border:1px solid #777;
	border-radius:3px;
}

input[type="submit"],
input[type="button"],
button {
	font-family : tahoma, arial, sans-serif;
	font-size : 10pt;
	padding:4px 10px;
	border-radius:3px;
	border:1px solid #0d3d6c;
	background:#155596;
	color:#ffffff;
	cursor:pointer;
}

input[type="submit"]:hover,
input[type="button"]:hover,
button:hover {
	background:#0d3d6c;
}

@media (max-width: 900px) {
	html, body {
		font-size: 11pt;
		width:100%;
		margin:0;
		padding:0;
		overflow-x:hidden;
	}

	#layoutTable {
		width:100% !important;
		max-width:830px;
		table-layout:fixed;
	}

	#layoutTable img {
		max-width:100%;
		height:auto;
	}

	/* Stack outer layout rows/columns on small screens */
	#layoutTable > tbody > tr {
		display:block;
		margin:0;
		padding:0;
	}
	#layoutTable > tbody > tr > td {
		display:block;
		width:auto !important;
		margin:0;
	}
	/* Hide outer shadow columns on mobile so they don’t show as beige strips */
	#layoutTable > tbody > tr > td:first-child,
	#layoutTable > tbody > tr > td:last-child {
		display:none !important;
	}

	/* Hide duplicate bottom navigation bar on mobile for a cleaner top-focused layout */
	#layoutTable td.bottommenu {
		display:none !important;
	}

	/* Give main content some padding */
	#layoutTable td[bgcolor="DDCFAC"] {
		padding:10px;
	}

	/* Left menu styles on mobile - no top gap so no strip between admin bar and content */
	td.leftnav,
	.leftnav {
		width:100% !important;
		background-image:none;
		background-color:#F9E8BC;
		padding:6px 12px 10px 12px;
	}

	td.leftnav table,
	td.leftnav td {
		width:100% !important;
		height:auto !important;
	}

	td.leftnav form {
		margin:0 0 8px 0;
	}

	/* Forms: make inputs usable on mobile */
	input[type="text"],
	input[type="password"],
	input[type="number"],
	select,
	textarea {
		max-width:100%;
		box-sizing:border-box;
	}

	input[type="submit"],
	input[type="button"],
	button {
		font-size: 11pt;
		padding:6px 10px;
	}

	/* Long tables should shrink with the screen */
	table {
		max-width:100%;
	}

	/* Reduce spacer row heights sitewide on mobile */
	tr[height="15"],
	tr[height="10"] {
		height:4px;
	}

	/* Make form layout tables single-column on mobile */
	table.form-layout {
		width:100% !important;
	}

	table.form-layout td {
		display:block;
		width:100% !important;
	}

	/* Turn data tables into stacked cards on mobile */
	table.data-table {
		width:100% !important;
		border-collapse:collapse;
	}

	table.data-table tr {
		display:block;
		border-bottom:1px solid #ccc;
		margin-bottom:8px;
	}

	table.data-table td,
	table.data-table th {
		display:block;
		width:100% !important;
	}

	/* Tighten up table cell padding to reduce vertical scrolling */
	td, th {
		padding:4px;
	}

	/* Slightly smaller typography on mobile to fit more on screen */
	p,
	span.date,
	span.small,
	span.smallwhite,
	span.big,
	span.large,
	a.botmenu,
	a.botmenu2,
	a.list {
		font-size: 10pt;
	}
}

/* ---------- New responsive layout ---------- */

.page-wrapper {
	max-width: 1100px;
	margin: 0 auto;
	background: #DDCFAC;
	min-height: 100vh;
	display: flex;
	flex-direction: column;
}

.site-header {
	background: #155596;
	color: #fff;
}

.site-banner img {
	display: block;
	width: 100%;
	max-width: 100%;
	height: auto;
}

.nav-main {
	text-align: center;
	padding: 4px 8px;
	position: relative;
}

/* Hamburger menu wrapper (three-line icon + dropdown) */
.nav-menu-wrap {
	display: inline-block;
	vertical-align: middle;
	position: relative;
	margin-left: 8px;
}
.nav-menu-btn {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	width: 36px;
	height: 32px;
	padding: 0;
	border: none;
	background: transparent;
	cursor: pointer;
	vertical-align: middle;
}
.nav-menu-btn:hover {
	background: rgba(255,255,255,0.15);
	border-radius: 4px;
}
.nav-menu-icon {
	display: block;
	width: 22px;
	height: 16px;
	position: relative;
}
.nav-menu-icon {
	background: linear-gradient(to bottom,
		#fff 0, #fff 2px,
		transparent 2px, transparent 6px,
		#fff 6px, #fff 8px,
		transparent 8px, transparent 12px,
		#fff 12px, #fff 14px,
		transparent 14px);
	border-radius: 1px;
}

/* Dropdown panel (hidden by default) */
.nav-dropdown {
	display: none;
	position: absolute;
	top: 100%;
	right: 0;
	margin-top: 4px;
	min-width: 160px;
	background: #0d3d6c;
	border: 1px solid rgba(255,255,255,0.2);
	border-radius: 4px;
	box-shadow: 0 4px 12px rgba(0,0,0,0.25);
	z-index: 100;
	padding: 6px 0;
}
.nav-dropdown[aria-hidden="false"] {
	display: block;
}
.nav-dropdown-item {
	display: block;
	padding: 6px 14px;
	white-space: nowrap;
	text-decoration: none;
	color: #fff;
	font-size: 12pt;
}
.nav-dropdown-title {
	display: block;
	padding: 6px 14px 8px;
	font-weight: bold;
	color: #fff;
	font-size: 12pt;
	border-bottom: 1px solid rgba(255,255,255,0.3);
	margin-bottom: 4px;
}
.nav-dropdown-item:hover {
	background: rgba(255,255,255,0.15);
	color: #ffee00;
}
.nav-dropdown-sep {
	display: block;
	height: 1px;
	background: rgba(255,255,255,0.3);
	margin: 6px 10px;
}

.site-main {
	display: flex;
	gap: 6px;
	padding: 6px 8px;
	align-items: flex-start;
}

.sidebar {
	flex: 0 0 250px;
	background: #F9E8BC;
	padding: 8px 10px;
	border-radius: 4px;
}

.content-area {
	flex: 1;
	background: #DDCFAC;
	padding: 6px 8px;
	border-radius: 4px;
}

.site-footer {
	margin-top: auto;
	background: #155596;
	color: #fff;
	padding: 8px 10px;
}
.site-footer .date,
.site-footer .footer-inner,
.site-footer .footer-credit {
	color: #fff !important;
}
.site-footer a,
.site-footer a.hidden {
	color: #cce0ff !important;
	text-decoration: none;
}
.site-footer a:hover {
	text-decoration: underline;
	color: #fff !important;
}

.footer-inner {
	display: flex;
	justify-content: space-between;
	gap: 16px;
	flex-wrap: wrap;
}

.footer-credit {
	text-align: center;
	margin-top: 8px;
	font-size: 9pt;
}

.content-area table {
	width: 100%;
	border-collapse: collapse;
}

.content-area td,
.content-area th {
	padding: 4px;
	vertical-align: top;
}

@media (max-width: 900px) {
	.page-wrapper {
		max-width: 100%;
		overflow-x: hidden;
	}

	.site-main {
		flex-direction: column;
		padding: 12px;
	}

	.sidebar,
	.content-area {
		flex: 1 1 auto;
		width: 100%;
		min-width: 0;
		overflow-x: hidden;
		box-sizing: border-box;
	}

	.content-area table {
		display: block;
		max-width: 100%;
		overflow-x: hidden;
	}
	/* Keep date picker table as table so month/day/year stay in one row */
	.content-area .showlisting-datetime-row table {
		display: table !important;
	}
	.content-area .showlisting-datetime-row table tr {
		display: table-row !important;
	}
	.content-area .showlisting-datetime-row table td {
		display: table-cell !important;
	}
}

/* ---------- Page-specific layout helpers ---------- */

/* My Listings / My Activity form wrapper */
table.form-layout {
	width: 100%;
	border-collapse: collapse;
	margin-bottom: 6px;
}

table.form-layout td {
	padding: 3px 4px;
	vertical-align: top;
}

table.form-layout td:first-child[width="10"],
table.form-layout td[width="10"]:last-child {
	width: 8px;
}

/* My Activity / Listing Activity - stay within viewport, no outer box */
table.data-table {
	width: 100%;
	max-width: 100%;
	border-collapse: collapse;
	border-spacing: 0;
	table-layout: fixed;
	border: none;
}

table.data-table tr {
	border-radius: 0;
	overflow: hidden;
}

table.data-table td {
	border: 1px solid #999;
	border-left: none;
	box-sizing: border-box;
}

table.data-table td:first-child {
	border-left: 1px solid #999;
}

table.data-table td:last-child {
	border-right: 1px solid #999;
}

/* Activity pages (My Activity, Listing Activity): identical layout and width */
.content-area table.activity-feedback-table {
	width: 100%;
	max-width: 100%;
	table-layout: fixed;
}
.content-area .form-layout table.activity-feedback-table {
	overflow: hidden;
}

/* Make the listings multi-select taller on desktop */
@media (min-width: 901px) {
	select.listing-select {
		min-height: 260px;
	}
}

/* Tighten vertical spacing inside main content */
.content-area p {
	margin: 2px 0;
}

.content-area form {
	margin: 3px 0;
}

.listing-actions input[type="submit"],
.listing-actions a.listing-action-btn {
	display: inline-block;
	margin: 2px 4px 2px 0;
	padding: 4px 10px;
	font-family: tahoma, arial, sans-serif;
	font-size: 10pt;
	font-weight: normal;
	line-height: normal;
	vertical-align: middle;
	border-radius: 3px;
	border: 1px solid #0d3d6c;
	background: #155596;
	color: #ffffff;
	text-decoration: none;
	cursor: pointer;
	box-sizing: border-box;
	-webkit-appearance: none;
	appearance: none;
}

.listing-actions a.listing-action-btn:hover,
.listing-actions a.listing-action-btn:focus {
	background: #0d3d6c;
	color: #ffffff;
	text-decoration: none;
}

.listing-actions a {
	margin: 2px 0;
}

/* Office Activity: intro + legend + table; responsive, scroll only on table */
.office-activity-page {
	max-width: 100%;
}
.office-activity-page .office-activity-intro {
	word-wrap: break-word;
	overflow-wrap: break-word;
	max-width: 100%;
	margin-bottom: 0.5em;
}
.office-activity-legend-wrap {
	max-width: 100%;
	line-height: 0;
	margin: 0.5em 0;
}
.office-activity-page .office-activity-legend {
	max-width: 100%;
	width: auto;
	height: auto;
	display: block;
}
.office-activity-table-wrap {
	max-width: 100%;
	overflow-x: auto;
	-webkit-overflow-scrolling: touch;
}
.office-activity-table-wrap .data-table-office {
	display: table;
	width: 100%;
	min-width: 640px;
}

/* Office Activity: on desktop only, three columns each one-third (no spacer cells in markup) */
@media (min-width: 901px) {
	.office-activity-table-wrap .data-table-office {
		table-layout: fixed;
	}
	.office-activity-table-wrap .data-table-office td:nth-child(1),
	.office-activity-table-wrap .data-table-office td:nth-child(2),
	.office-activity-table-wrap .data-table-office td:nth-child(3) {
		width: 33.333%;
	}
}

/* MyListings: control spacing around the main list */
.content-area select.listing-select {
	margin: 4px 0;
}

/* Show Listing: date on one line (month/day/year side-by-side); time stays on next line */
.showlisting-datetime-row {
	display: flex;
	flex-wrap: nowrap;
	align-items: center;
	gap: 8px;
	margin: 6px 0;
}
.showlisting-datetime-row table {
	display: table !important;
	width: auto !important;
	vertical-align: middle;
}
.showlisting-datetime-row table tr {
	display: table-row !important;
}
.showlisting-datetime-row table td {
	display: table-cell !important;
	vertical-align: middle;
	padding: 0 2px;
}
.showlisting-datetime-row select.calendarDateInput,
.showlisting-datetime-row input.calendarDateInput {
	display: inline-block;
	vertical-align: middle;
}


@media (max-width: 900px) {
	/* Stack form-layout rows for narrow screens */
	table.form-layout tr {
		display: block;
	}

	table.form-layout td {
		display: block;
		width: 100% !important;
		max-width: 100%;
		box-sizing: border-box;
	}

	/* MyActivity: no horizontal overflow */
	.content-area .form-layout,
	.content-area .data-table {
		max-width: 100%;
	}
	.content-area .data-table td {
		word-wrap: break-word;
		overflow-wrap: break-word;
	}

	/* Make My Activity rows denser on mobile */
	table.data-table {
		border-spacing: 0;
	}

	table.data-table tr {
		display: block;
		border: 1px solid #999;
		border-radius: 0;
		margin-bottom: 2px;
	}

	table.data-table td {
		display: block;
		width: 100% !important;
		border: none;
		border-bottom: 1px solid #ccc;
	}

	table.data-table td:last-child {
		border-bottom: none;
	}

	/* My Activity: first two info columns side-by-side, feedback full-width below (mobile) */
	table.data-table:not(.data-table-office) tr {
		display: flex;
		flex-wrap: wrap;
	}

	table.data-table:not(.data-table-office) td {
		width: auto !important;
		box-sizing: border-box;
	}

	table.data-table:not(.data-table-office) td:first-child,
	table.data-table:not(.data-table-office) td:nth-child(2) {
		flex: 1 1 45%;
		min-width: 0;
		border-bottom: 1px solid #ccc;
		border-right: none;
	}

	table.data-table:not(.data-table-office) td:nth-child(2) {
		border-left: 1px solid #ccc;
	}

	table.data-table:not(.data-table-office) td:last-child {
		flex: 1 1 100%;
		border-top: 1px solid #ccc;
	}

	/* Office Activity: 3 columns only (Date/List Agent | Owner/Address | Agent/Told Seller), each one-third */
	.office-activity-table-wrap {
		overflow-x: visible;
	}
	.office-activity-table-wrap .data-table-office {
		min-width: 0;
		width: 100%;
		table-layout: fixed;
	}
	.content-area table.data-table-office tr {
		display: flex;
		flex-wrap: nowrap;
		width: 100%;
		min-width: 0;
		border: 1px solid #999;
		border-radius: 0;
		margin-bottom: 2px;
	}
	.content-area table.data-table-office td {
		display: block;
		flex: 1 1 0;
		min-width: 0;
		box-sizing: border-box;
		border: none;
		border-right: 1px solid #ccc;
		border-bottom: none;
		padding: 4px 6px;
		white-space: normal;
		word-wrap: break-word;
		overflow-wrap: break-word;
		font-size: 10px;
		line-height: 1.2;
	}
	.content-area table.data-table-office td:last-child {
		border-right: none;
	}
	.content-area table.data-table-office td small {
		font-size: 10px;
	}

	/* My Listings: buttons under form stack one after another on mobile */
	.content-area .listing-actions,
	.content-area .listing-actions input[type="submit"],
	.content-area .listing-actions a {
		display: block !important;
		width: 100%;
		max-width: 100%;
		margin: 6px 0;
		box-sizing: border-box;
	}
	.content-area .listing-actions a.listing-action-btn {
		font-size: 11pt;
		padding: 6px 10px;
		text-align: center;
	}
	.content-area form[name="new"] {
		display: block;
		margin: 6px 0;
	}
	.content-area form[name="new"] input[type="submit"] {
		display: block !important;
		width: 100%;
		max-width: 100%;
		box-sizing: border-box;
	}

	/* Office Activity: intro text wraps; table scrolls inside cell if needed */
	.office-activity-page .office-activity-intro {
		overflow-x: auto;
		max-width: 100%;
	}

	/* Show Listing: date row same as desktop – one line, no wrap */
	.showlisting-datetime-row {
		flex-wrap: nowrap;
		gap: 6px;
	}
}