/* Clean look for every site page: white ground, colour only as accents.
   Loaded after site.css; pages opt in with <body class="clean">. */
.clean .f-aqua, .clean .f-lemon, .clean .f-deep { background: var(--flx-bg); color: var(--flx-ink); }
.clean .f-aqua { --acc: var(--flx-field-aqua); } .clean .f-lemon { --acc: var(--flx-field-lemon); } .clean .f-deep { --acc: var(--flx-navy-900); }
.clean :is(.f-aqua, .f-lemon, .f-deep) > .wrap::before { content: ""; display: block; width: 64px; height: 8px; background: var(--acc); margin-block-end: 24px; grid-column: 1 / -1; }
.clean .f-deep .btn.quiet { background: var(--flx-surface); border-color: var(--flx-surface); }
.clean .f-deep :focus-visible { outline-color: var(--flx-focus); }
.clean .phead.sec { padding-block-end: clamp(32px, 4vw, 64px); }
.clean .sec + .sec { padding-block-start: 0; }
/* Phone bar: white, phones as quiet pills */
.clean .bar { background: var(--flx-bg); color: var(--flx-ink); }
.clean .bar .wrap { border-top: 2px solid var(--flx-surface); }
.clean .bar-phone { color: var(--flx-ink); background: var(--flx-surface); border-radius: var(--flx-radius-full); font-size: clamp(18px, 1.8vw, 22px); }
.clean .bar-phone:hover { background: var(--flx-field-lemon); color: var(--flx-on-field); }
.clean .bar-phone:focus-visible { outline-color: var(--flx-focus); }
/* Panels: surface with an accent rule on top instead of a full colour fill */
.clean .price, .clean .sent { background: var(--flx-surface); color: var(--flx-ink); border-top: 6px solid var(--flx-field-aqua); }
.clean .offer .panel { background: var(--flx-surface); }
.clean .badge.demo { background: var(--flx-field-lemon); }
/* Footer: light surface */
.clean .site-footer { background: var(--flx-surface); color: var(--flx-ink); }
.clean .site-footer .wordmark { color: var(--flx-ink); }
.clean .site-footer :focus-visible { outline-color: var(--flx-focus); }
/* Agents' sign-in link in the header */
.hdr-login { font-weight: 600; text-decoration: none; white-space: nowrap; }
.hdr-login:hover { text-decoration: underline; }
/* 20% smaller on desktop and tablet, same as the clean home */
@media (min-width: 861px) { body.clean { zoom: 0.8; } }
.nav-login { display: none; }
@media (max-width: 960px) { .hdr-login { display: none; } .nav-login { display: list-item; } }