/*
 * PropertyCare Desk — Manje Property Management
 * Design system: deep black ink, Manje green signature, generous white space.
 * Mobile-first. The green bar/underline is the signature device throughout.
 */

:root {
	--pcd-green: #7ed321;
	--pcd-green-600: #6bb81b;
	--pcd-green-700: #5a9c16;
	--pcd-ink: #0e0f0e;
	--pcd-ink-soft: #1b1d1b;
	--pcd-grey-900: #23272e;
	--pcd-grey-600: #5b6470;
	--pcd-grey-400: #97a0ac;
	--pcd-grey-200: #e4e8e3;
	--pcd-line: #e9ece8;
	--pcd-bg: #f6f8f4;
	--pcd-card: #ffffff;
	--pcd-white: #ffffff;
	--pcd-radius: 14px;
	--pcd-radius-sm: 10px;
	--pcd-shadow: 0 1px 2px rgba(14, 15, 14, .04), 0 6px 24px rgba(14, 15, 14, .06);
	--pcd-shadow-lg: 0 12px 40px rgba(14, 15, 14, .12);
	--pcd-font: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
	--pcd-maxw: 1180px;
}

/* ----------------------------------------------------------------------- */
/* Reset-ish within our containers                                          */
/* ----------------------------------------------------------------------- */
.pcd-root,
.pcd-root * {
	box-sizing: border-box;
}
.pcd-root {
	font-family: var(--pcd-font);
	color: var(--pcd-ink);
	line-height: 1.55;
	-webkit-font-smoothing: antialiased;
}
.pcd-root img {
	max-width: 100%;
	display: block;
}
.pcd-root a {
	color: var(--pcd-green-700);
	text-decoration: none;
}
.pcd-root a:hover {
	text-decoration: underline;
}

/* Signature device: the green bar */
.pcd-bar {
	display: inline-block;
	width: 54px;
	height: 5px;
	border-radius: 3px;
	background: var(--pcd-green);
	margin: 0 0 18px;
}

/* ----------------------------------------------------------------------- */
/* Buttons                                                                  */
/* ----------------------------------------------------------------------- */
.pcd-btn {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	gap: 8px;
	font-weight: 700;
	font-size: 15px;
	line-height: 1;
	padding: 13px 20px;
	border-radius: var(--pcd-radius-sm);
	border: 1.5px solid transparent;
	cursor: pointer;
	transition: transform .06s ease, background .15s ease, border-color .15s ease, color .15s ease;
	text-decoration: none;
	white-space: nowrap;
}
.pcd-btn:active {
	transform: translateY(1px);
}
.pcd-btn--primary {
	background: var(--pcd-green);
	color: var(--pcd-ink);
}
.pcd-btn--primary:hover {
	background: var(--pcd-green-600);
	text-decoration: none;
}
.pcd-btn--dark {
	background: var(--pcd-ink);
	color: var(--pcd-white);
}
.pcd-btn--dark:hover {
	background: var(--pcd-grey-900);
	text-decoration: none;
}
.pcd-btn--ghost {
	background: transparent;
	color: var(--pcd-ink);
	border-color: var(--pcd-line);
}
.pcd-btn--ghost:hover {
	border-color: var(--pcd-ink);
	text-decoration: none;
}
.pcd-btn--sm {
	padding: 8px 13px;
	font-size: 13px;
	border-radius: 8px;
}
.pcd-btn--block {
	width: 100%;
}
.pcd-btn--danger {
	background: #fff;
	color: #c0392b;
	border-color: #f0c9c4;
}
.pcd-btn--danger:hover {
	background: #fdf3f2;
	text-decoration: none;
}

/* ----------------------------------------------------------------------- */
/* Status badges (classes map to PCD_Helpers::status_badge)                 */
/* ----------------------------------------------------------------------- */
.pcd-badge {
	display: inline-flex;
	align-items: center;
	gap: 6px;
	font-size: 12px;
	font-weight: 700;
	padding: 4px 10px;
	border-radius: 999px;
	line-height: 1.4;
	white-space: nowrap;
}
.pcd-badge::before {
	content: "";
	width: 6px;
	height: 6px;
	border-radius: 50%;
	background: currentColor;
	opacity: .9;
}
.pcd-badge--green { background: #eafbe0; color: #3f7d12; }
.pcd-badge--amber { background: #fff4dd; color: #9a6b00; }
.pcd-badge--blue { background: #e6f0fd; color: #2563a8; }
.pcd-badge--red { background: #fdecea; color: #c0392b; }
.pcd-badge--grey { background: #eef1ee; color: #5b6470; }
.pcd-badge--orange { background: #fdeede; color: #b3590f; }
.pcd-badge--purple { background: #f0e9fc; color: #6b3fb0; }

/* ----------------------------------------------------------------------- */
/* PUBLIC SITE                                                              */
/* ----------------------------------------------------------------------- */
.pcd-public {
	background: var(--pcd-bg);
}
.pcd-wrap {
	max-width: var(--pcd-maxw);
	margin: 0 auto;
	padding: 0 20px;
}

/* Public top bar */
.pcd-topbar {
	background: var(--pcd-ink);
	color: var(--pcd-white);
	font-size: 13px;
}
.pcd-topbar .pcd-wrap {
	display: flex;
	gap: 22px;
	align-items: center;
	padding-top: 9px;
	padding-bottom: 9px;
	flex-wrap: wrap;
}
.pcd-topbar a {
	color: var(--pcd-white);
	opacity: .85;
}
.pcd-topbar .pcd-dot {
	color: var(--pcd-green);
}

/* Public header */
.pcd-header {
	background: var(--pcd-white);
	border-bottom: 1px solid var(--pcd-line);
	position: sticky;
	top: 0;
	z-index: 50;
}
.pcd-header .pcd-wrap {
	display: flex;
	align-items: center;
	justify-content: space-between;
	padding-top: 16px;
	padding-bottom: 16px;
}
.pcd-logo {
	display: flex;
	align-items: center;
	gap: 12px;
	font-weight: 800;
	font-size: 19px;
	letter-spacing: -.02em;
	color: var(--pcd-ink);
}
.pcd-logo:hover { text-decoration: none; }
.pcd-logo img { height: 42px; width: auto; }
.pcd-nav {
	display: flex;
	gap: 26px;
	align-items: center;
}
.pcd-nav a {
	color: var(--pcd-grey-600);
	font-weight: 600;
	font-size: 15px;
}
.pcd-nav a:hover { color: var(--pcd-ink); text-decoration: none; }

/* Hero */
.pcd-hero {
	position: relative;
	background: var(--pcd-ink);
	color: var(--pcd-white);
	overflow: hidden;
}
.pcd-hero__inner {
	max-width: var(--pcd-maxw);
	margin: 0 auto;
	padding: 86px 20px 96px;
	position: relative;
	z-index: 2;
}
.pcd-hero__eyebrow {
	text-transform: uppercase;
	letter-spacing: .18em;
	font-size: 12px;
	font-weight: 700;
	color: var(--pcd-green);
	margin: 0 0 18px;
}
.pcd-hero h1 {
	font-size: clamp(34px, 6vw, 60px);
	line-height: 1.04;
	font-weight: 800;
	letter-spacing: -.03em;
	margin: 0 0 18px;
	max-width: 16ch;
}
.pcd-hero p {
	font-size: clamp(16px, 2.4vw, 20px);
	color: rgba(255, 255, 255, .8);
	max-width: 52ch;
	margin: 0 0 30px;
}
.pcd-hero__cta {
	display: flex;
	gap: 12px;
	flex-wrap: wrap;
}
/* Green angular accent in hero */
.pcd-hero::after {
	content: "";
	position: absolute;
	right: -120px;
	top: -60px;
	width: 460px;
	height: 460px;
	background: radial-gradient(circle at center, rgba(126, 211, 33, .22), transparent 62%);
	z-index: 1;
}
.pcd-hero__rule {
	height: 6px;
	background: var(--pcd-green);
	width: 120px;
}

/* Filter bar */
.pcd-filters {
	background: var(--pcd-white);
	border: 1px solid var(--pcd-line);
	border-radius: var(--pcd-radius);
	box-shadow: var(--pcd-shadow);
	padding: 16px;
	margin: -44px auto 40px;
	position: relative;
	z-index: 10;
	display: grid;
	grid-template-columns: 2fr 1fr 1fr auto;
	gap: 12px;
	max-width: var(--pcd-maxw);
}
.pcd-filters input:not([type="checkbox"]),
.pcd-filters select {
	width: 100%;
	border: 1.5px solid var(--pcd-line);
	border-radius: var(--pcd-radius-sm);
	padding: 12px 14px;
	font-size: 15px;
	font-family: inherit;
	color: var(--pcd-ink);
	background: var(--pcd-white);
}
.pcd-filters input:focus,
.pcd-filters select:focus {
	outline: none;
	border-color: var(--pcd-green);
	box-shadow: 0 0 0 3px rgba(126, 211, 33, .18);
}

/* Section heading */
.pcd-section {
	padding: 18px 0 56px;
}
.pcd-section__head {
	margin: 0 0 26px;
}
.pcd-section__head h2 {
	font-size: clamp(24px, 4vw, 34px);
	font-weight: 800;
	letter-spacing: -.02em;
	margin: 0;
}
.pcd-section__head p {
	color: var(--pcd-grey-600);
	margin: 8px 0 0;
	font-size: 16px;
}

/* Property grid + cards */
.pcd-grid {
	display: grid;
	grid-template-columns: repeat(auto-fill, minmax(300px, 1fr));
	gap: 22px;
}
.pcd-card {
	background: var(--pcd-card);
	border: 1px solid var(--pcd-line);
	border-radius: var(--pcd-radius);
	overflow: hidden;
	box-shadow: var(--pcd-shadow);
	transition: transform .12s ease, box-shadow .12s ease;
	display: flex;
	flex-direction: column;
}
.pcd-card:hover {
	transform: translateY(-3px);
	box-shadow: var(--pcd-shadow-lg);
}
.pcd-card__media {
	position: relative;
	aspect-ratio: 16 / 10;
	background: #dfe4dc center/cover no-repeat;
}
.pcd-card__media-fallback {
	width: 100%;
	height: 100%;
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: center;
	gap: 7px;
	padding: 28px;
	text-align: center;
	background:
		radial-gradient(circle at 18% 18%, rgba(126,211,33,.27), transparent 34%),
		linear-gradient(135deg, rgba(255,255,255,.07), transparent 50%),
		repeating-linear-gradient(90deg, transparent 0 31px, rgba(255,255,255,.025) 32px),
		#1b1d1b;
	color: #fff;
	font-weight: 800;
	letter-spacing: .04em;
}
.pcd-card__media-mark { color: var(--pcd-green); font-size: 34px; line-height: 1; text-shadow: 0 0 18px rgba(126,211,33,.36); }
.pcd-card__media-name { font-size: 14px; line-height: 1.25; }
.pcd-card__media-fallback small { color: rgba(255,255,255,.58); font-size: 10px; text-transform: uppercase; }
.pcd-card__status {
	position: absolute;
	top: 12px;
	left: 12px;
}
.pcd-card__body {
	padding: 18px;
	display: flex;
	flex-direction: column;
	gap: 10px;
	flex: 1;
}
.pcd-card__type {
	text-transform: uppercase;
	letter-spacing: .1em;
	font-size: 11px;
	font-weight: 700;
	color: var(--pcd-green-700);
}
.pcd-card__title {
	font-size: 19px;
	font-weight: 800;
	letter-spacing: -.01em;
	margin: 0;
}
.pcd-card__meta {
	color: var(--pcd-grey-600);
	font-size: 14px;
	display: flex;
	gap: 6px;
	align-items: center;
}
.pcd-card__foot {
	margin-top: auto;
	display: flex;
	align-items: center;
	justify-content: space-between;
	padding-top: 12px;
	border-top: 1px solid var(--pcd-line);
}
.pcd-card__price {
	font-weight: 800;
	font-size: 18px;
}
.pcd-card__price span {
	font-weight: 600;
	font-size: 13px;
	color: var(--pcd-grey-400);
}

/* Single property */
.pcd-single__gallery {
	display: grid;
	grid-template-columns: 2fr 1fr;
	gap: 12px;
	margin: 24px 0 30px;
}
.pcd-single__gallery img {
	border-radius: var(--pcd-radius);
	width: 100%;
	height: 100%;
	object-fit: cover;
}
.pcd-single__hero {
	aspect-ratio: 16 / 10;
}
.pcd-single__layout {
	display: grid;
	grid-template-columns: 1fr 360px;
	gap: 30px;
	align-items: start;
}
.pcd-prose p { margin: 0 0 14px; color: var(--pcd-grey-900); }
.pcd-amenities {
	display: flex;
	flex-wrap: wrap;
	gap: 8px;
	margin: 16px 0;
	padding: 0;
	list-style: none;
}
.pcd-amenities li {
	background: #fff;
	border: 1px solid var(--pcd-line);
	border-radius: 999px;
	padding: 6px 13px;
	font-size: 13px;
	font-weight: 600;
	color: var(--pcd-grey-900);
}
.pcd-units-table {
	width: 100%;
	border-collapse: collapse;
	margin: 12px 0;
	background: #fff;
	border: 1px solid var(--pcd-line);
	border-radius: var(--pcd-radius);
	overflow: hidden;
}
.pcd-units-table th,
.pcd-units-table td {
	text-align: left;
	padding: 12px 14px;
	border-bottom: 1px solid var(--pcd-line);
	font-size: 14px;
}
.pcd-units-table th {
	background: #fafbf9;
	font-size: 12px;
	text-transform: uppercase;
	letter-spacing: .06em;
	color: var(--pcd-grey-600);
}

/* Sticky enquiry card */
.pcd-enquire {
	background: #fff;
	border: 1px solid var(--pcd-line);
	border-radius: var(--pcd-radius);
	box-shadow: var(--pcd-shadow);
	padding: 22px;
	position: sticky;
	top: 90px;
}
.pcd-enquire h3 { margin: 0 0 4px; font-size: 19px; font-weight: 800; }
.pcd-enquire p { margin: 0 0 16px; color: var(--pcd-grey-600); font-size: 14px; }

.pcd-field { margin-bottom: 13px; }
.pcd-field label {
	display: block;
	font-size: 13px;
	font-weight: 700;
	margin-bottom: 6px;
	color: var(--pcd-grey-900);
}
.pcd-field input,
.pcd-field select,
.pcd-field textarea {
	width: 100%;
	border: 1.5px solid var(--pcd-line);
	border-radius: var(--pcd-radius-sm);
	padding: 11px 13px;
	font-size: 15px;
	font-family: inherit;
	color: var(--pcd-ink);
	background: #fff;
}
.pcd-field input:focus,
.pcd-field select:focus,
.pcd-field textarea:focus {
	outline: none;
	border-color: var(--pcd-green);
	box-shadow: 0 0 0 3px rgba(126, 211, 33, .18);
}
.pcd-field textarea { min-height: 96px; resize: vertical; }

/* Public footer */
.pcd-footer {
	background: var(--pcd-ink);
	color: rgba(255, 255, 255, .75);
	padding: 46px 0 30px;
	margin-top: 30px;
}
.pcd-footer .pcd-wrap {
	display: grid;
	grid-template-columns: 2fr 1fr 1fr;
	gap: 30px;
}
.pcd-footer h4 { color: #fff; font-size: 15px; margin: 0 0 12px; }
.pcd-footer a { color: rgba(255, 255, 255, .75); display: block; margin-bottom: 7px; }
.pcd-footer__brand { font-weight: 800; font-size: 20px; color: #fff; }
.pcd-footer__brand span { color: var(--pcd-green); }
.pcd-footer__bottom {
	border-top: 1px solid rgba(255, 255, 255, .12);
	margin-top: 30px;
	padding-top: 18px;
	font-size: 13px;
	opacity: .7;
}

/* Empty + notice states */
.pcd-empty {
	text-align: center;
	padding: 60px 20px;
	color: var(--pcd-grey-600);
}
.pcd-empty__icon { font-size: 40px; margin-bottom: 10px; }
.pcd-notice {
	border-radius: var(--pcd-radius-sm);
	padding: 13px 16px;
	font-size: 14px;
	font-weight: 600;
	margin-bottom: 14px;
}
.pcd-notice--ok { background: #eafbe0; color: #3f7d12; }
.pcd-notice--err { background: #fdecea; color: #c0392b; }
.pcd-notice--info { background: #e6f0fd; color: #2563a8; }
.pcd-enquiry-guidance { margin: 0 0 16px; color: var(--pcd-grey-600); font-size: 14px; }
.pcd-enquiry-note { margin: 14px 0 0; }
.pcd-enquiry-note:focus { outline: 3px solid rgba(126, 211, 33, .38); outline-offset: 3px; }
.pcd-contact-fallback { max-width: 720px; margin: 0 auto; padding: clamp(24px, 6vw, 46px); background: var(--pcd-card); border: 1px solid var(--pcd-line); border-radius: var(--pcd-radius); box-shadow: var(--pcd-shadow); }
.pcd-contact-fallback h2 { margin-top: 0; }
.pcd-contact-fallback__actions { display: flex; flex-wrap: wrap; gap: 10px; margin-top: 22px; }
@media (max-width: 560px) {
	.pcd-contact-fallback__actions { display: grid; }
	.pcd-contact-fallback__actions .pcd-btn { width: 100%; white-space: normal; min-height: 46px; }
}

/* ----------------------------------------------------------------------- */
/* RESPONSIVE                                                               */
/* ----------------------------------------------------------------------- */
@media (max-width: 880px) {
	.pcd-filters { grid-template-columns: 1fr 1fr; }
	.pcd-single__layout { grid-template-columns: 1fr; }
	.pcd-single__gallery { grid-template-columns: 1fr; }
	.pcd-enquire { position: static; }
	.pcd-footer .pcd-wrap { grid-template-columns: 1fr; }
	.pcd-nav { display: none; }
}
@media (max-width: 560px) {
	.pcd-filters { grid-template-columns: 1fr; }
	.pcd-hero__inner { padding: 60px 20px 70px; }
}

/* ---- Supplementary public-site helpers ------------------------------- */
.pcd-topbar__inner { display: flex; align-items: center; justify-content: space-between; padding: 14px 0; }
.pcd-logo { display: inline-flex; align-items: center; gap: 10px; text-decoration: none; color: var(--pcd-ink); }
.pcd-logo img { max-height: 40px; width: auto; }
.pcd-logo__mark { display: inline-flex; align-items: center; justify-content: center; width: 34px; height: 34px; border-radius: 9px; background: var(--pcd-ink); color: var(--pcd-green); font-weight: 900; font-size: 18px; }
.pcd-logo__text { font-weight: 800; font-size: 17px; letter-spacing: -.01em; }

.pcd-muted { color: var(--pcd-grey-600); }

.pcd-single__layout { display: grid; grid-template-columns: 1fr 320px; gap: 32px; margin-top: 28px; align-items: start; }
.pcd-single__main h3 { margin: 28px 0 12px; font-size: 19px; }
.pcd-single__hero { position: relative; min-height: 340px; border-radius: var(--pcd-radius); background-size: cover; background-position: center; background-color: var(--pcd-ink); display: flex; align-items: flex-end; overflow: hidden; }
.pcd-single__hero--placeholder { background: radial-gradient(circle at 20% 20%, rgba(126,211,33,.28), transparent 32%), repeating-linear-gradient(90deg, transparent 0 47px, rgba(255,255,255,.025) 48px), #1b1d1b; }
.pcd-single__photo-placeholder { position: absolute; inset: 0 0 84px; display: flex; flex-direction: column; gap: 8px; align-items: center; justify-content: center; color: rgba(255,255,255,.66); font-size: 12px; font-weight: 700; letter-spacing: .04em; text-transform: uppercase; }
.pcd-single__photo-mark { color: var(--pcd-green); font-size: 48px; line-height: 1; text-shadow: 0 0 22px rgba(126,211,33,.35); }
.pcd-single__hero-overlay { width: 100%; padding: 28px; background: linear-gradient(transparent, rgba(14,15,14,.82)); color: #fff; }
.pcd-single__hero-overlay h1 { margin: 8px 0 4px; color: #fff; }
.pcd-single__side { position: sticky; top: 20px; }
.pcd-card__price-box { background: var(--pcd-card); border: 1px solid var(--pcd-line); border-radius: var(--pcd-radius); padding: 22px; box-shadow: var(--pcd-shadow); }
.pcd-card__price-box .pcd-card__price { font-size: 26px; margin-bottom: 6px; }
.pcd-card__cta { font-weight: 700; color: var(--pcd-green-700); }

.pcd-enquire { margin: 48px 0; padding: 32px; background: var(--pcd-card); border: 1px solid var(--pcd-line); border-radius: var(--pcd-radius); box-shadow: var(--pcd-shadow); }
.pcd-enquire__form { max-width: 640px; margin: 0 auto; }
.pcd-enquire__row { display: grid; grid-template-columns: 1fr 1fr; gap: 14px; }
.pcd-enquire .pcd-field { display: block; margin-bottom: 14px; }
.pcd-enquire .pcd-label { display: block; font-size: 12.5px; font-weight: 600; color: var(--pcd-grey-600); margin-bottom: 6px; }
.pcd-enquire input, .pcd-enquire textarea, .pcd-filters input:not([type="checkbox"]), .pcd-filters select { width: 100%; border: 1.5px solid var(--pcd-line); border-radius: var(--pcd-radius-sm); padding: 11px 13px; font: inherit; background: #fff; }
.pcd-enquire input:focus, .pcd-enquire textarea:focus { outline: none; border-color: var(--pcd-green); box-shadow: 0 0 0 3px rgba(126,211,33,.18); }
.pcd-check { display: inline-flex; align-items: center; gap: 8px; min-height: 44px; cursor: pointer; }
.pcd-check input[type="checkbox"] { width: auto; padding: 0; flex: 0 0 auto; }
.pcd-check--inline { font-size: 14px; }

.pcd-units-table td[data-label] { }

@media (max-width: 880px) {
	.pcd-single__layout { grid-template-columns: 1fr; }
	.pcd-single__side { position: static; }
	.pcd-enquire__row { grid-template-columns: 1fr; }
}

/* Bare-mode compact heading (theme provides site chrome) */
.pcd-bare-head { padding: 40px 24px 4px; }
.pcd-bare-head__title { font-size: clamp(1.8rem, 4vw, 2.6rem); margin: 0 0 4px; letter-spacing: -.02em; }
.pcd-bare-head__sub { color: var(--pcd-grey-600); margin: 8px 0 0; }

/* ---- Tenant fault report form ---- */
.pcd-report { max-width: 640px; margin: 0 auto; padding: 8px 0 32px; }
.pcd-report__grid { display: grid; grid-template-columns: 1fr 1fr; gap: 12px; }
@media (max-width: 560px){ .pcd-report__grid { grid-template-columns: 1fr; } }
.pcd-report .pcd-field { display: block; margin: 0 0 14px; }
.pcd-report__tips { background: #f6fbef; border-left: 4px solid #7ed321; border-radius: 8px; padding: 12px 14px; margin: 0 0 14px; font-size: .95rem; }
.pcd-report__tips ul { margin: 6px 0 0 18px; padding: 0; }
.pcd-report__tips li { margin: 4px 0; }
.pcd-report__file { padding: 12px; background: #fafbf9; border: 2px dashed #cfd6cc; border-radius: 10px; width: 100%; }
.pcd-report__submit { width: 100%; padding: 15px; font-size: 1.05rem; }
.pcd-report__msg { color: #c0392b; min-height: 1.2em; margin-top: 10px; }
.pcd-report__done { text-align: center; padding: 40px 16px; }
.pcd-report__tick { width: 64px; height: 64px; border-radius: 50%; background: #7ed321; color: #0e0f0e; font-size: 2rem; line-height: 64px; margin: 0 auto 14px; font-weight: 700; }

/* ---- Spacing fix: heading vs first content box on public pages -------- */
/* The page heading was sitting too tight against the filters/listing card
   below it (and the single-property hero). Give both proper breathing room
   regardless of which theme wraps us. */
.pcd-bare-head { margin: 8px auto 34px; padding-bottom: 18px; }
.pcd-bare-head__title { margin: 0 0 10px; line-height: 1.15; }
.pcd-bare-head__sub { margin: 0; }
.pcd-bare-head + .pcd-wrap,
.pcd-bare-head ~ .pcd-wrap:first-of-type { margin-top: 0; }
.pcd-filters { margin: 0 0 26px; }
.pcd-single { padding-top: 10px; }
.pcd-single__hero { margin-top: 6px; }
@media (max-width: 640px) {
	.pcd-bare-head { margin-bottom: 24px; padding-bottom: 12px; }
	.pcd-bare-head__title { font-size: 1.6rem; }
}