/* Service demonstrations share the portal's controls; the fictional website owns its green brand. */
.demo-summary-band{display:flex;gap:24px;align-items:center;justify-content:space-between;margin-bottom:24px;padding:24px;background:var(--surface);border:1px solid var(--line);border-radius:3px}.demo-summary-band p:last-child{margin-bottom:0;color:var(--muted)}.demo-summary-fact{flex:0 0 180px;border-left:1px solid var(--line);padding-left:24px}.demo-summary-fact strong,.demo-summary-fact span{display:block}.demo-summary-fact strong{font-size:25px}.demo-summary-fact span{font-size:12px;color:var(--muted)}.demo-actions{display:flex;flex-wrap:wrap;align-items:center;gap:12px;margin-top:22px}.demo-notice{padding:16px 18px;margin-top:24px;background:var(--raised);border:1px solid var(--line);font-size:12px;color:var(--muted)}.demo-control,.demo-date-options button,.demo-time-options button{min-height:44px;border:1px solid var(--line);border-radius:3px;padding:10px 14px;background:var(--surface);color:var(--ink)}.demo-control[aria-pressed=true],.demo-date-options button[aria-pressed=true],.demo-time-options button[aria-pressed=true]{border-color:var(--gold);background:var(--selected);color:var(--ink)}.demo-master-detail{display:grid;grid-template-columns:minmax(230px,.85fr) minmax(0,1.6fr);gap:24px;align-items:start}.demo-list{display:grid;gap:10px}.demo-list-item{display:block;width:100%;text-align:left;padding:18px;background:var(--surface);color:var(--ink);border:1px solid var(--line);border-radius:3px;min-height:44px}.demo-list-item:hover{border-color:var(--gold)}.demo-list-item[aria-pressed=true]{border-color:var(--gold);background:var(--selected)}.demo-list-item strong,.demo-list-item span{display:block}.demo-list-item strong{font-size:16px;line-height:1.4;margin:7px 0}.demo-list-item>span{font-size:12px;color:var(--muted);line-height:1.6}.demo-list-meta{font-family:Google Sans Flex,sans-serif;font-size:11px!important;font-weight:600}.demo-email{border:1px solid var(--line);border-radius:3px;background:var(--surface);overflow:hidden}.demo-email-envelope{padding:22px 26px;background:var(--raised);border-bottom:1px solid var(--line)}.demo-email-envelope>span{display:block;font-size:11px;color:var(--muted)}.demo-email-envelope h3{margin-top:16px;font-size:23px}.demo-email-envelope p{font-size:12px;color:var(--muted);margin:0}.demo-email-body{padding:30px 26px}.demo-email-body>p{line-height:1.9}.demo-email-foot{font-size:11px;margin-top:30px!important;padding-top:18px;border-top:1px solid var(--line);color:var(--muted)}.demo-definition-list{margin:22px 0 0}.demo-definition-list dt{font:600 12px Google Sans Flex,sans-serif;text-transform:uppercase;letter-spacing:.04em;color:var(--gold);margin-top:22px}.demo-definition-list dd{margin:7px 0 0;line-height:1.8}.demo-post-timeline{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;margin-bottom:24px}.demo-post-timeline button{padding:16px;text-align:left;border:1px solid var(--line);border-radius:3px;background:var(--surface);color:var(--ink);min-height:44px}.demo-post-timeline button[aria-pressed=true]{border-color:var(--gold);background:var(--selected)}.demo-post-timeline span,.demo-post-timeline strong,.demo-post-timeline small{display:block}.demo-post-timeline span{font-size:12px;color:var(--gold)}.demo-post-timeline strong{font-size:16px;line-height:1.4;margin:9px 0}.demo-post-timeline small{font-size:11px}.demo-social-detail{grid-template-columns:minmax(0,1.6fr) minmax(240px,1fr)}.demo-social-post{background:var(--surface);border:1px solid var(--line);padding:26px;border-radius:3px}.demo-profile{display:flex;align-items:center;gap:12px;margin-bottom:22px}.demo-profile strong,.demo-profile small{display:block}.demo-initials{width:44px;height:44px;border-radius:50%;background:#314d45;color:#f5f3ed;display:grid;place-items:center;font-family:Google Sans Flex,sans-serif}.demo-preserve-lines{white-space:pre-line;line-height:1.9;overflow-wrap:anywhere}.demo-form label{display:block;font-size:13px;font-weight:600;margin-bottom:18px}.demo-form input,.demo-form textarea,.demo-form select{display:block;width:100%;margin-top:7px;padding:12px;border:1px solid var(--line);border-radius:3px;background:var(--canvas);color:var(--ink);font-weight:400;min-height:44px}.demo-form textarea{min-height:105px;resize:vertical}.demo-form-note{font-size:12px;line-height:1.7;color:var(--muted);margin:14px 0 0}.demo-form-grid{display:grid;grid-template-columns:1fr 1fr;gap:4px 24px}.demo-booking-layout{display:grid;grid-template-columns:1fr 1.1fr;gap:30px;align-items:start}.demo-booking-intro{padding:24px 0}.demo-booking-intro ul{padding-left:20px;line-height:2}.demo-booking-panel{padding:28px}.demo-zone-label{display:block;font-size:12px;margin:24px 0 7px}.demo-date-options,.demo-time-options{display:flex;gap:10px;flex-wrap:wrap;margin:22px 0}.demo-selection{font-size:12px;color:var(--muted);min-height:24px}.demo-booking-complete{padding:12px 0}.demo-booking-complete h3{font-size:27px;margin:18px 0}.demo-status{display:inline-block;padding:4px 9px;font-size:11px;background:#e5eee7;color:#276244;border:1px solid #bfd1c4;border-radius:3px}.demo-media-layout{display:grid;grid-template-columns:minmax(230px,.8fr) minmax(0,1.5fr);gap:24px;align-items:start}.demo-asset-preview{background:#314d45;color:#f5f3ed;padding:35px;margin-bottom:24px;min-height:260px;display:flex;flex-direction:column;justify-content:center}.demo-asset-preview>span{font:600 11px Google Sans Flex,sans-serif;letter-spacing:.12em;color:#d5b977}.demo-asset-preview h3{font-size:31px;margin:15px 0}.demo-asset-preview p{margin:8px 0 0;font-size:12px}.demo-asset-preview ol{font-size:15px;line-height:2;margin-bottom:0;padding-left:20px}.demo-asset-brand{background:#f5f3ed;color:#314d45;min-height:220px}.demo-asset-brand>strong{font-size:40px;font-weight:550;line-height:1.15}.demo-asset-brand>span{color:#314d45;letter-spacing:.28em;margin-top:12px}.demo-support-grid{display:grid;grid-template-columns:1fr 1.15fr;gap:24px;align-items:start}.demo-ticket-list{margin-bottom:20px}.demo-ticket-reply{background:var(--raised);padding:18px;margin:22px 0}.demo-ticket-reply p{margin:8px 0 0;font-size:13px}.demo-website{--site-green:#314d45;--site-paper:#f5f3ed;--site-gold:#d5b977;--site-muted:#53635b;background:var(--site-paper);color:var(--site-green);border:1px solid var(--line);border-radius:3px;overflow:hidden}.demo-browser-line{padding:10px 24px;display:flex;flex-wrap:wrap;justify-content:space-between;gap:8px;background:#e7e7e3;color:#555c57;font-size:11px;border-bottom:1px solid #cdd1ca}.demo-site-nav{display:flex;align-items:center;justify-content:space-between;gap:24px;padding:24px 32px;border-bottom:1px solid #d2d8cf}.demo-site-nav>div{display:flex;flex-wrap:wrap;gap:4px}.demo-site-nav button{background:none;border:0;color:var(--site-green);padding:10px 12px;min-height:44px;font-size:12px}.demo-site-nav button[aria-current=page]{text-decoration:underline;text-underline-offset:7px}.demo-site-nav .demo-wordmark{padding:0;text-align:left;flex:none}.demo-wordmark strong{font-size:22px;font-weight:550;display:block}.demo-wordmark span{display:block;font-size:8px;letter-spacing:.3em;margin-top:3px}.demo-site-hero{display:grid;grid-template-columns:1.25fr 1fr;gap:32px;padding:50px 36px;background:var(--site-green);color:var(--site-paper);align-items:center}.demo-site-hero h2{font-size:42px;font-weight:550;line-height:1.08;letter-spacing:-.025em;margin:14px 0 23px}.demo-site-hero p{font-size:14px;color:#e0e6de;line-height:1.8}.demo-kicker{font:600 10px/1.6 Google Sans Flex,sans-serif!important;letter-spacing:.13em;text-transform:uppercase;margin-bottom:14px;color:var(--site-muted)}.demo-site-hero .demo-kicker,.demo-decision-board .demo-kicker{color:var(--site-gold)}.demo-website .button{background:var(--site-gold);color:#24382f;border-color:transparent}.demo-website .button:hover{background:#e5cb8e;color:#24382f}.demo-website .button.secondary{background:transparent;border-color:currentColor;color:var(--site-green)}.demo-site-text-link{display:inline-flex;min-height:44px;align-items:center;padding:8px 0;color:inherit;background:none;border:0;border-bottom:1px solid currentColor;font-size:12px;font-weight:600}.demo-site-hero .demo-quiet{font-size:11px;margin:18px 0 0;color:#ced8ce}.demo-decision-board{border:1px solid #89968b;padding:26px;background:#2b433b}.demo-decision-board h3{font-size:25px;margin:0 0 20px}.demo-decision-board ol{list-style:none;padding:0;margin:0}.demo-decision-board li{display:flex;gap:16px;padding-block:15px;border-top:1px solid #62776b}.demo-decision-board li>span{font-size:12px;color:var(--site-gold);padding-top:3px}.demo-decision-board strong,.demo-decision-board small{display:block}.demo-decision-board strong{font-size:15px}.demo-decision-board small{font-size:11px;color:#d3ddd2;margin-top:4px}.demo-board-link{padding:13px 0;margin-top:12px;background:none;border:0;color:var(--site-gold);font-size:12px;text-decoration:underline;text-underline-offset:5px;min-height:44px}.demo-site-section{padding:40px 36px}.demo-site-heading{display:grid;grid-template-columns:1fr 2.3fr;gap:30px;align-items:start;margin-bottom:28px}.demo-site-heading h2{font-size:29px;margin:0}.demo-site-heading .demo-kicker{padding-top:6px}.demo-service-lines{display:grid;grid-template-columns:1fr 1fr;gap:28px}.demo-service-lines article{padding-block:24px;border-top:1px solid #a8b5a7}.demo-service-lines article>span{font:600 10px Google Sans Flex,sans-serif;text-transform:uppercase;letter-spacing:.08em;color:#596b5e}.demo-service-lines h3{font-size:23px;line-height:1.25;margin:15px 0}.demo-service-lines p{font-size:13px;line-height:1.8;color:#4b5c50}.demo-service-lines dl{display:grid;grid-template-columns:72px 1fr;gap:8px;font-size:11px;margin:24px 0}.demo-service-lines dt{color:#596b5e}.demo-service-lines dd{margin:0}.demo-site-resource{padding:32px 36px;background:#e1e7da;display:grid;grid-template-columns:1.5fr 1fr;gap:28px;align-items:center}.demo-site-resource .button{justify-self:end}.demo-site-resource h2{font-size:28px;margin-bottom:12px}.demo-site-resource p:last-child{font-size:13px;margin:0;color:#4b5c50}.demo-site-footer{padding:25px 36px;display:flex;gap:12px;flex-wrap:wrap;align-items:center;border-top:1px solid #c9d1c4}.demo-site-footer strong{font-size:14px}.demo-site-footer span{font-size:11px;color:#53635b;flex:1}.demo-site-title{padding:44px 36px;background:#e1e7da}.demo-site-title h2{font-size:35px;margin-bottom:18px}.demo-site-title p:last-child{font-size:14px;margin:0;color:#4b5c50}.demo-site-soft{background:#e9ece3;border-top:1px solid #c9d1c4}.demo-steps{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px;padding-left:20px;margin:24px 0 0}.demo-steps li{padding-left:4px}.demo-steps strong,.demo-steps span{display:block}.demo-steps strong{font-size:15px}.demo-steps span{font-size:12px;color:#53635b;margin-top:8px;line-height:1.8}.demo-about-grid{display:grid;grid-template-columns:1.1fr 1fr;gap:36px}.demo-about-grid p{font-size:14px;line-height:1.8}.demo-principles{background:#e1e7da;padding:24px}.demo-principles ul{padding-left:18px;line-height:1.8;font-size:13px}.demo-principles .demo-fiction{font-size:11px;margin-top:22px;margin-bottom:0;color:#53635b}.demo-website .demo-form{--canvas:#fefcfd;--ink:#314d45;--line:#adb9ab;--muted:#53635b}.demo-website .demo-form input,.demo-website .demo-form textarea{background:#fefcfd}.demo-website #demo-site-content:focus{outline:none}.demo-email:focus,.demo-social-post:focus,.demo-booking-complete:focus{outline:2px solid var(--gold);outline-offset:4px}
@media(max-width:1100px){.demo-site-nav{align-items:flex-start;flex-direction:column;gap:12px}.demo-site-hero{grid-template-columns:1fr;padding:32px}.demo-site-hero h2{font-size:36px}.demo-decision-board{display:block}.demo-post-timeline{grid-template-columns:repeat(2,minmax(0,1fr))}.demo-social-detail{grid-template-columns:1fr}.demo-master-detail{grid-template-columns:minmax(200px,.9fr) minmax(0,1.4fr)}.demo-booking-layout,.demo-support-grid{grid-template-columns:1fr}.demo-booking-intro{padding-top:0}.demo-site-heading{grid-template-columns:1fr;gap:0}.demo-steps{grid-template-columns:1fr}.demo-about-grid{grid-template-columns:1fr}}
@media(max-width:760px){.demo-summary-band{padding:18px;display:block}.demo-summary-fact{margin-top:18px;border-left:0;border-top:1px solid var(--line);padding:18px 0 0}.demo-master-detail,.demo-media-layout{grid-template-columns:1fr}.demo-list-item{padding:16px}.demo-email-envelope,.demo-email-body{padding:20px}.demo-social-post{padding:20px}.demo-booking-panel{padding:20px}.demo-form-grid{grid-template-columns:1fr;gap:0}.demo-asset-preview{padding:24px;min-height:220px}.demo-asset-brand>strong{font-size:32px}.demo-asset-preview h3{font-size:26px}.demo-site-nav{padding:20px}.demo-site-nav>div{gap:0;margin-left:-8px}.demo-site-nav button{padding:10px 8px}.demo-site-hero{padding:28px 20px;gap:26px}.demo-site-hero h2{font-size:32px}.demo-decision-board{padding:20px}.demo-site-section,.demo-site-title{padding:28px 20px}.demo-site-heading h2,.demo-site-title h2{font-size:27px}.demo-service-lines{grid-template-columns:1fr;gap:4px}.demo-site-resource{padding:28px 20px;grid-template-columns:1fr;gap:18px}.demo-site-resource .button{justify-self:start}.demo-site-resource h2{font-size:25px}.demo-site-footer{padding:20px;display:grid;gap:8px}.demo-site-footer .demo-site-text-link{justify-self:start}.demo-browser-line{padding:10px 20px}.demo-post-timeline{gap:8px}.demo-post-timeline button{padding:13px}.demo-post-timeline strong{font-size:14px}.demo-booking-intro h2{font-size:26px}.demo-booking-panel .select{max-width:100%;width:100%}.demo-website{overflow-wrap:anywhere}}