/* Contextual planning resources for existing service and editorial pages. */
.visibility-guides{background:#f4f0e7;color:#2e2b25;border-top:1px solid #ded5c6;border-bottom:1px solid #ded5c6}
.visibility-guides .visibility-intro{max-width:720px;margin-bottom:26px}.visibility-guides h2{font:400 clamp(32px,3.5vw,48px)/1.12 var(--serif,Georgia,serif);margin:8px 0 16px}.visibility-guides p{line-height:1.7}
.visibility-guide-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}
.visibility-guide{display:flex;flex-direction:column;padding:24px;border:1px solid #d6cbbb;border-radius:12px;background:#fffdf8;color:#302c24;text-decoration:none;min-width:0;transition:transform .2s,border-color .2s,box-shadow .2s}
.visibility-guide:hover{transform:translateY(-3px);border-color:#aa8447;box-shadow:0 10px 24px #6c532013}.visibility-guide:focus-visible{outline:3px solid #8c6c36;outline-offset:4px}
.visibility-guide small{text-transform:uppercase;font-size:10px;letter-spacing:.12em;color:#785d32}.visibility-guide h3{font:400 clamp(25px,2.1vw,31px)/1.15 var(--serif,Georgia,serif);margin:14px 0 10px}.visibility-guide p{font-size:14px;margin:0 0 18px}.visibility-guide>span{font-size:13px;font-weight:600;margin-top:auto}
.visibility-guides .visibility-note{font-size:13px;margin:18px 0 0;max-width:780px}.visibility-note a{text-decoration:underline;text-underline-offset:3px}
.article-toc{border-block:1px solid #d9ccba;padding:20px 0;margin:26px 0}.article-toc ul{display:flex;flex-wrap:wrap;gap:12px 20px;list-style:none;padding:0!important;margin:12px 0 0}.article-toc li{margin:0!important}.article-toc a{font-size:14px}.seo-article-copy [id]{scroll-margin-top:130px}.seo-article-copy details{border-bottom:1px solid #d9ccba;padding:18px 0}.seo-article-copy summary{cursor:pointer;font-weight:600;line-height:1.6}.seo-article-copy details p{font-size:15px}
.seo-article-copy .visibility-print{border:1px solid #a17d43;background:#eee3cf;border-radius:6px;padding:12px 18px;font:500 14px/1.5 var(--sans,Arial,sans-serif);color:#392c1b;cursor:pointer}.visibility-print:hover{background:#e4d1ae}.visibility-print:focus-visible{outline:3px solid #8c6c36;outline-offset:3px}
@media(max-width:900px){.visibility-guide-grid{grid-template-columns:1fr}.visibility-guide{padding:22px}.visibility-guides .visibility-intro{margin-bottom:20px}}
@media(prefers-reduced-motion:reduce){.visibility-guide{transition:none}.visibility-guide:hover{transform:none}}
@media print{
 body.is-checklist-print .site-header,body.is-checklist-print .site-footer,body.is-checklist-print .mobile-action-bar,body.is-checklist-print .whatsapp-float,body.is-checklist-print .project-cta,body.is-checklist-print .enquiry-section,body.is-checklist-print .company-profile-section,body.is-checklist-print .ui-project-launch,body.is-checklist-print .ui-project-teaser,body.is-checklist-print .page-progress,body.is-checklist-print .skip-link{display:none!important}
 body.is-checklist-print .article-page>img,body.is-checklist-print .article-page>.design-render-label,body.is-checklist-print .article-body>aside,body.is-checklist-print .seo-article-copy>*:not([data-print-checklist]),body.is-checklist-print [data-visibility-print]{display:none!important}
 body.is-checklist-print,body.is-checklist-print .article-page,body.is-checklist-print .article-body,body.is-checklist-print .seo-article-copy{background:#fff!important;color:#000!important;padding:0!important;margin:0!important;max-width:none!important;display:block!important;transform:none!important;overflow:visible!important}
 body.is-checklist-print .article-page>header{background:#fff!important;color:#000!important;padding:0 0 20px!important}body.is-checklist-print .article-page>header *{color:#000!important}body.is-checklist-print .article-page>header h1{font-size:28pt!important}body.is-checklist-print .article-page>header>a{display:none}
 body.is-checklist-print [data-print-checklist]{display:block!important}body.is-checklist-print [data-print-checklist] li{break-inside:avoid}
}
