/* Shared demonstration controls, separate from each property's guide design. */
:root{--sample-bar-height:62px}
html{scroll-padding-top:calc(var(--sample-bar-height) + 82px)}
.sample-enquiry-bar{position:sticky;top:0;z-index:30;background:#f8f6f0;color:#293e34;border-bottom:1px solid #d8ddd2}
.sample-enquiry-inner{max-width:1200px;height:calc(var(--sample-bar-height) - 1px);margin:auto;padding:8px 32px;display:flex;align-items:center;justify-content:space-between;gap:16px}
.sample-enquiry-label{font:600 12px/1.35 Arial,sans-serif;letter-spacing:.2px}
.sample-enquiry-label small{display:block;font-size:10px;font-weight:400;letter-spacing:.5px;margin-top:2px;color:#59655d}
.sample-enquiry-link{display:inline-flex;align-items:center;justify-content:center;gap:10px;min-height:44px;padding:10px 16px;background:#293e34;border:1px solid #293e34;border-radius:5px;color:#fff;font:600 13px/1.4 Arial,sans-serif;text-decoration:none;white-space:nowrap}
.sample-enquiry-link:hover{background:#405b4b}
.sample-enquiry-link:focus-visible{outline:3px solid #a65338;outline-offset:3px}
nav[aria-label="Guide sections"]{top:var(--sample-bar-height)}
.skip:focus{z-index:50}
body::after{content:"";position:fixed;inset:0;z-index:4;pointer-events:none;background-image:url('/sample-watermark.svg?v=2');background-repeat:repeat;background-position:center center;background-size:640px 440px}
@media(max-width:700px){
 :root{--sample-bar-height:58px}
 .sample-enquiry-inner{padding:6px 20px;gap:12px}
 .sample-enquiry-link{font-size:12px;padding:10px 12px;gap:8px}
 .sample-enquiry-label{font-size:11px}
}
@media(max-width:520px){body::after{background-size:480px 330px}}
@media(max-width:360px){
 .sample-enquiry-inner{padding-left:14px;padding-right:14px;gap:10px}
 .sample-enquiry-link{padding-left:10px;padding-right:10px}
}
@media print{
 .sample-enquiry-bar{display:none}
 nav[aria-label="Guide sections"]{position:static}
 body::after{print-color-adjust:exact;-webkit-print-color-adjust:exact}
}