/* D01: presentation of the selected design-cleverhome. No process or data rules. */
:root{--demo-ink:#29262d;--demo-accent:#6b5873;--demo-soft:#f5f4f6;--demo-line:#e4dfe7}
body.demo-site{font:16px/1.6 Arial,sans-serif;background:var(--demo-soft);color:var(--demo-ink)}
.demo-site a{color:var(--demo-accent)}.demo-site a:hover{text-decoration:underline}
.demo-site h1,.demo-site h2,.demo-site h3{font-family:Arial,sans-serif;color:var(--demo-ink);letter-spacing:-.035em;background:none;line-height:1.2}
.demo-site h1{font-size:clamp(28px,3vw,42px);padding:0;margin:0 0 24px}.demo-site h2{font-size:26px;margin:24px 0 16px}
.demo-site p{line-height:1.6;margin:0 0 16px}.demo-site :is(a,button,input,select,textarea,summary):focus-visible{outline:3px solid #91709f;outline-offset:4px}
.skip-link{position:absolute;left:16px;top:-100px;z-index:20;background:#fff;padding:12px;color:#29262d}.skip-link:focus{top:12px}
.demo-label{padding:8px 24px;color:#625768;background:#eeebf0;font-size:12px;text-align:center;letter-spacing:.04em}
.demo-site #header{height:auto;position:static;background:#fff;border:0;padding:24px max(24px,calc((100vw - 1280px)/2));display:flex;align-items:center;gap:32px}
.demo-site #header .brand{position:static;display:flex;gap:22px;align-items:center;font:12px/1.4 Arial,sans-serif;color:var(--demo-ink);flex:1;min-width:0}
.demo-site #header .brand img{width:216px;height:60px;max-width:100%;object-fit:contain}
.demo-site .header-search{position:static;display:flex;width:240px;border:1px solid var(--demo-line);padding:4px;margin:0;border-radius:4px;flex-shrink:0}
.demo-site .header-search input{font:14px Arial,sans-serif}.demo-site .header-search button{background:#fff;color:var(--demo-accent);min-height:36px}
.demo-account{font-size:14px;white-space:nowrap}.demo-navigation{padding:14px max(24px,calc((100vw - 1280px)/2));border-top:1px solid var(--demo-line);border-bottom:1px solid var(--demo-line);background:#fff;gap:12px 24px;font-size:14px}
.demo-hero{position:relative;background:#29262d;color:#fff;isolation:isolate}.demo-hero-image{position:absolute;width:100%;height:100%;object-fit:cover;z-index:-2}.demo-hero:before{content:'';position:absolute;inset:0;background:linear-gradient(90deg,#28232be6,#28232b40);z-index:-1}
.demo-hero-inner{max-width:1280px;margin:auto;padding:64px 24px 20px}.demo-site .demo-hero h1{color:#fff;font-size:clamp(36px,4.5vw,64px);line-height:1.06;max-width:740px;margin:24px 0}.demo-site .demo-hero h2{color:#fff;font-size:clamp(36px,4.5vw,64px);margin:16px 0}.demo-site .demo-hero p{line-height:1.5}
.demo-eyebrow{font-size:11px;letter-spacing:.14em;text-transform:uppercase}.demo-site .demo-white{background:#fff;color:#29262d}.demo-services{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px;margin-top:48px}.demo-services a{display:flex;flex-direction:column;padding:24px;background:#ffffff21;border:1px solid #ffffff40;color:#fff;border-radius:4px;backdrop-filter:blur(8px)}.demo-services span{font-size:12px;margin-bottom:22px;color:#e0d9e4}.demo-services strong{font-size:20px}.demo-services small{margin-top:4px}.demo-site .demo-caption{font-size:11px;color:#e0d9e4;margin:16px 0 0}.demo-hero-documents .demo-hero-inner{padding-top:48px;padding-bottom:28px}
.demo-site #wrp{display:grid;grid-template-columns:240px minmax(0,1fr);gap:40px;max-width:1280px;margin:40px auto;padding:0 24px;min-height:520px;background:none}
.demo-site #menbl{margin:0;padding:0;border:0}.demo-site #menbl nav{display:block}.demo-site #menbl li{margin:0}.demo-site #menbl a{display:block;background:none;font:14px/1.5 Arial,sans-serif;color:var(--demo-accent);padding:10px 12px;min-height:0;border:0;overflow-wrap:anywhere}.demo-site #menbl a.crnt{background:#eeebf0;color:#4e395a;padding:10px 12px;border-radius:4px}.demo-site #menbl .menu-level-2,.demo-site #menbl .menu-level-3{width:100%}.demo-site #menbl .menu-level-2>a{padding-left:24px}.demo-site #menbl .menu-level-3>a{padding-left:36px}
.demo-site .public-groups summary{font-size:14px;padding:12px;border-bottom:1px solid var(--demo-line)}.demo-site #menbl>nav>ul>li>details>summary{font-size:14px;padding:12px;cursor:pointer}.demo-site .public-groups ul{padding-left:10px!important}
.demo-site #cntbl,.demo-site .workspace{background:#fff;border-radius:6px;padding:32px;margin:0;min-width:0;min-height:0}.demo-site .workspace{max-width:1000px;margin:40px auto;min-height:55vh}
.demo-site .content{padding:0}.demo-site .content,.demo-site td,.demo-site th{overflow-wrap:anywhere}.demo-site article a{text-decoration:underline;color:var(--demo-accent)}
.demo-site .quick-actions{gap:10px;margin-bottom:32px}.demo-site .quick-actions a{padding:12px 16px;border:1px solid var(--demo-line);background:var(--demo-soft);border-radius:4px;text-decoration:none;font-size:14px}
.demo-site #banbar{display:grid;gap:16px;margin:20px 0 32px}.demo-site #banbar img{width:100%;max-width:378px}
.demo-site .home-news{grid-template-columns:repeat(2,minmax(0,1fr));gap:24px}.demo-site .home-news h2{font-size:22px;padding:0 0 16px;margin:0 0 20px;border-color:var(--demo-line);letter-spacing:-.035em}.demo-site .home-news td{padding:0 0 18px;line-height:1.5}.demo-site .home-news td.news-date{padding-right:16px;color:#776c7c}.demo-site .home-news a{color:var(--demo-accent)!important}.demo-site .home-news #lawcol{grid-column:1/-1}.demo-site .last-modification{font-size:12px;color:#776c7c;margin-top:24px}
.demo-site .compact-list,.demo-site .sro-docs-list{color:var(--demo-ink);margin:16px 0;padding:0;list-style:none}.demo-site .compact-list li,.demo-site .sro-docs-list li{padding:16px 0 16px 22px;border-bottom:1px solid var(--demo-line);line-height:1.5}.demo-site .compact-list a,.demo-site .sro-docs-list a{color:var(--demo-accent);font-size:15px}.demo-site .registry-list{list-style:decimal;padding-left:30px}.demo-site .registry-list li{padding:16px 4px}.demo-site .sro-docs-list .folder img{top:20px}.demo-site .compact-list time{color:#776c7c}
.demo-site table{border-color:var(--demo-line);font-size:14px}.demo-site td,.demo-site th{border-color:var(--demo-line);padding:12px}.demo-site th{background:var(--demo-soft)}.demo-site article>table{table-layout:fixed}.demo-site article>table th{width:38%}
.demo-site .card{background:var(--demo-soft);padding:24px;margin-bottom:12px;border:1px solid var(--demo-line);border-radius:4px}.demo-site .muted{color:#736779}.demo-site .notice,.demo-site .error{color:#9b302b}.demo-site [role=alert]:not(:empty){padding:16px;background:#fff2f0;border-left:3px solid #9b302b}
.demo-site input,.demo-site select,.demo-site textarea{border-color:#b5aabb;border-radius:4px;padding:10px;font:inherit;min-width:0}.demo-site button,.demo-site .button{background:var(--demo-accent);border:1px solid var(--demo-accent);color:#fff;border-radius:4px;padding:10px 16px;line-height:1.4;min-height:40px}.demo-site .paging a{border:1px solid var(--demo-line);padding:10px 16px;border-radius:4px}
.demo-site .legacy-login{max-width:620px;margin:0}.demo-site .login-grid{grid-template-columns:180px minmax(0,1fr);gap:16px;align-items:center}.demo-site .login-grid label{font:inherit}.demo-site .login-grid input:not([type=checkbox]){width:100%;height:44px;padding:10px;font:inherit;border-color:#b5aabb}.demo-site .login-grid input[type=checkbox]{width:18px;height:18px}.demo-site .login-grid .login-submit{background:var(--demo-accent);color:#fff;padding:10px 24px;line-height:1.4;border:0;min-height:44px;font:inherit}.demo-site .legacy-login .login-reset{color:var(--demo-accent);font:inherit;margin:24px 0 0;padding:0;background:none;border:0}
.demo-site #footer{background:#eeebf0;padding:40px max(24px,calc((100vw - 1280px)/2));font:14px/1.6 Arial,sans-serif;color:#625768}.demo-site #footer .zpl{background:none;display:grid;grid-template-columns:1fr 1fr;gap:48px;min-height:0}.demo-site #footer .footer-links{padding:0;line-height:2}.demo-site #footer .contacts{background:none;justify-self:start;text-align:left;padding:0;width:auto}.demo-site #footer a{color:var(--demo-accent)}.demo-site .account-links{justify-content:flex-start;flex-wrap:wrap;gap:20px;padding:24px 0 0;font-size:14px}.demo-site .account-links button{font:inherit;padding:8px 16px;color:#fff}
/* The admin tree, field groups and editor keep their existing geometry/contracts. */
.demo-site.admin-site{font-size:14px}.demo-site .admin-header{background:#fff;border:0;border-bottom:1px solid var(--demo-line);padding:20px 24px;gap:24px}.demo-site .admin-header nav{gap:12px 20px;font-size:13px}.demo-site .admin-shell{height:calc(100vh - 116px);grid-template-columns:290px minmax(0,1fr)}.demo-site .admin-sidebar{background:#eeebf0;border-color:var(--demo-line)}.demo-site .admin-sidebar h2{background:#e4dee9;color:#4e395a;padding:12px;font-size:14px}.demo-site .admin-workspace{padding:28px;background:#fff}.demo-site .admin-workspace h1{font-size:30px;padding-bottom:16px;border-color:var(--demo-line)}.demo-site .admin-breadcrumbs{color:#736779}.demo-site .admin-site a,.demo-site .object-tree a{color:var(--demo-accent)}.demo-site .object-tree .selected>details>summary,.demo-site .object-tree .selected>.tree-leaf{background:#ded3e5;outline-color:#b5aabb}.demo-site .object-tree a:hover{background:#e4dee9}.demo-site .admin-savebar{border-color:var(--demo-line);top:-28px}.demo-site .admin-workspace details:not([data-branch-id])>summary,.demo-site .profile-card h2,.demo-site .toolbar{background:var(--demo-soft);border-color:var(--demo-line)}.demo-site .tree-search button{padding:6px 10px}.demo-site .tree-search input{font-size:13px}.demo-site .tree-navigation a{border:0}.demo-site .profile-card input:not([type=checkbox]){padding:4px 8px;font-size:12px}.demo-site .object-sections a{background:var(--demo-soft);border-color:var(--demo-line)}
@media(max-width:1100px){.demo-site #header .brand span{display:none}.demo-site #header{gap:20px}.demo-services{gap:10px}.demo-services a{padding:20px 14px}.demo-site #wrp{gap:24px;grid-template-columns:210px minmax(0,1fr)}}
@media(max-width:800px){.demo-site #header{flex-wrap:wrap;padding:20px}.demo-site #header .brand{flex:1}.demo-site .header-search{order:3;width:100%;flex-basis:100%}.demo-navigation{padding:14px 20px;gap:10px 18px}.demo-services{grid-template-columns:repeat(2,minmax(0,1fr));margin-top:32px}.demo-hero-inner{padding:40px 20px 20px}.demo-site #wrp{display:block;margin:24px 0;padding:0 20px}.demo-site #menbl{margin-bottom:24px}.demo-site #menbl .public-groups{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:0 12px}.demo-site #cntbl{padding:24px}.demo-site .workspace{margin:24px 20px;padding:24px}.demo-site .admin-shell{display:block;height:auto}.demo-site .admin-sidebar{max-height:35vh}.demo-site .admin-workspace{padding:20px}.demo-site .admin-header{display:block}.demo-site .admin-header nav{margin-top:16px}.demo-site .admin-savebar{top:-20px}.demo-site .home-news{grid-template-columns:1fr}.demo-site .home-news #lawcol{grid-column:1}.demo-site #footer .zpl{grid-template-columns:1fr;gap:24px}.demo-site #footer{padding:32px 20px}}
@media(max-width:480px){.demo-site #header .brand img{width:170px;height:auto}.demo-account{font-size:12px}.demo-site #header{gap:16px}.demo-site .demo-hero h1{font-size:38px}.demo-services strong{font-size:17px}.demo-services a{padding:16px 12px}.demo-site .demo-hero p{font-size:14px}.demo-site #cntbl,.demo-site .workspace{padding:20px}.demo-site .login-grid{grid-template-columns:1fr;gap:6px}.demo-site .login-grid input:not([type=checkbox]){margin-bottom:12px}.demo-site .login-grid>span{display:none}.demo-site .demo-label{font-size:10px;padding:8px 12px}.demo-site article>table th{width:42%}.demo-site td,.demo-site th{padding:8px}.demo-site #menbl .public-groups{grid-template-columns:1fr}}
@media(prefers-reduced-transparency:reduce){.demo-services a{background:#4e4259;backdrop-filter:none}}
.demo-site .demo-hero .demo-white{background:#fff;color:#29262d;border-color:#fff}
.demo-entry{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:32px;align-items:center;margin:32px 0}.demo-entry h2{font-size:30px}.demo-entry figure{margin:0}.demo-entry img{display:block;width:100%;height:240px;object-fit:cover;border-radius:4px}.demo-entry figcaption{font-size:11px;color:#736779;margin-top:8px}.demo-site .section-materials{list-style:none;padding:0;margin:24px 0}.demo-site .section-materials li{padding:18px 0;border-top:1px solid var(--demo-line)}
@media(max-width:800px){.demo-entry{grid-template-columns:1fr;gap:20px}.demo-entry h2{font-size:26px}}
/* Service icons follow the thin outline style of the selected reference. */
.demo-service-top{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-bottom:24px}.demo-service-icon{display:block;width:28px;height:28px;flex:0 0 28px;color:#fff}.demo-services .demo-service-top span{margin:0;color:#eee8f1;font-weight:600;font-size:11px}