/* Final mobile hierarchy and compact site utilities. */
.site-footer-links .site-contact-links { gap:clamp(5px,2vw,14px); }
.site-footer-links .site-contact-links a {
  display:grid; place-items:center; width:40px; min-width:40px; height:40px;
  min-height:40px; padding:0; border-radius:50%; text-decoration:none;
}
.site-footer-links .site-contact-links a:hover,
.site-footer-links .site-contact-links a:focus-visible { background:color-mix(in srgb,currentColor 8%,transparent); }
.site-contact-links svg { display:block; width:18px; height:18px; }
.site-contact-links a:last-child svg { width:16px; height:16px; }

.live-site-utilities .site-utility-menu { position:relative; color:inherit; }
.live-site-utilities .site-utility-menu > summary {
  display:grid; place-items:center; width:32px; height:32px; padding:0;
  border:1px solid color-mix(in srgb,currentColor 24%,transparent);
  border-radius:50%; list-style:none; font:700 17px/1 Arial,sans-serif;
  letter-spacing:1px; cursor:pointer;
}
.live-site-utilities .site-utility-menu > summary::-webkit-details-marker { display:none; }
.live-site-utilities .site-utility-menu > div {
  position:absolute; top:calc(100% + 6px); right:0; z-index:30;
  display:grid; min-width:170px; padding:6px;
  border:1px solid color-mix(in srgb,currentColor 22%,transparent);
  border-radius:8px; background:#f8f3e8; color:#584e41;
  box-shadow:0 10px 26px #241b1530;
}
.live-site-utilities .site-utility-menu button {
  padding:9px 10px; border:0; background:transparent; color:inherit;
  font:12px/1.2 Arial,sans-serif; text-align:left; cursor:pointer;
}
.live-site-utilities .site-utility-menu button:hover { background:#a3503a13; }
.live-site-utilities :is(summary,button):focus-visible { outline:2px solid currentColor; outline-offset:2px; }
.live-final.live-refined[data-live-theme="sentence"] .site-utility-menu > div { background:#142027; color:#ead7ae; }
.live-final.live-refined[data-live-theme="public"] .site-utility-menu > div { background:#f8f7ee; color:#405138; }

.canvas-preview-pause-mobile { display:none; }
.final.live-final.live-refined #live-public-close .live-close-layout {
  justify-content:flex-start; gap:clamp(22px,4vh,42px);
}
#live-public-close .live-close-main { margin:0; gap:clamp(19px,3vh,30px); }
#live-public-close .live-close-information { margin-top:auto; gap:12px; }
#live-public-close .live-close-subtitle { margin-bottom:12px; }
#live-public-close .live-close-clock { flex-direction:column; align-items:center; gap:2px; }
#live-public-close .live-close-clock strong {
  font:700 clamp(26px,3vw,38px)/1.2 "Segoe UI",Arial,sans-serif;
  font-variant-numeric:tabular-nums lining-nums; letter-spacing:.025em;
}
#live-public-close .live-close-clock small { font-size:10px; letter-spacing:.08em; text-transform:uppercase; }
.live-final.live-refined #live-public-close .live-close-imprint-summary {
  width:auto; min-width:min(100%,225px); min-height:43px; padding:9px 14px;
  border-radius:7px; background:transparent;
}
#live-public-close .live-close-imprint-copy strong { font:600 12px/1.2 Arial,sans-serif; }
#live-public-close .live-close-return { font-size:clamp(13px,1.4vw,15px); line-height:1.4; }
.final.live-final.live-refined #live-public-close { overflow-y:auto; }

@media (max-width:760px) and (orientation:portrait) {
  .live-final .live-site-utilities { top:48px; right:14px; gap:9px; align-items:center; }
  .live-final .live-site-utilities .live-work-access { min-height:32px; padding:3px; font-size:11px; }
  .live-final .live-site-utilities .site-utility-menu > summary { width:30px; height:30px; }
  .live-final.live-refined .canvas-preview-section { padding-inline:7px; }
  .live-final.live-refined .canvas-preview-section .canvas-preview-layout { gap:7px; }
  .live-final.live-refined .canvas-preview-section .live-canvas-stage { grid-template-rows:auto; gap:0; }
  .live-final.live-refined .canvas-preview-section .canvas-preview-toolbar { display:none; }
  .live-final.live-refined .canvas-preview-section .canvas-preview-note { display:none; }
  .live-final.live-refined .canvas-preview-section .canvas-preview-zoom {
    right:8px; bottom:8px; transform:none; border-color:#a3503a44;
    box-shadow:0 2px 8px #59452925;
  }
  .canvas-preview-pause-mobile { display:block; }
  .canvas-preview-zoom .canvas-preview-pause-mobile { border-left:1px solid #a3503a26; font-size:15px; }
  .live-final.live-refined .canvas-preview-section .canvas-live-panel { padding:7px 10px; gap:5px; }
  .live-final.live-refined .canvas-preview-section .canvas-your-hand { padding:3px 0 5px; }
  .live-final.live-refined .canvas-preview-section .canvas-your-hand-pixel {
    width:clamp(29px,8vw,38px); height:clamp(29px,8vw,38px); min-height:0;
  }
  .canvas-shared-leaders-mobile > h3 { margin-bottom:3px; padding-top:4px; }
  .canvas-shared-leader-swatches button { min-height:23px; padding:2px; }
  .live-final.live-refined .canvas-preview-section .canvas-preview-summary { padding-top:5px; }
  .live-final.live-refined .canvas-preview-section .canvas-preview-summary h2 { display:none; }
  .live-final.live-refined .canvas-preview-section .canvas-preview-summary > div > p {
    display:block; font-size:10px; line-height:1.25;
  }
  .live-final.live-refined .canvas-preview-section .canvas-preview-summary .canvas-preview-hands {
    flex-direction:row; align-items:baseline; gap:4px;
  }
  .live-final.live-refined .canvas-preview-section .canvas-preview-hands strong { font-size:19px; }
  .live-final.live-refined .canvas-preview-section .canvas-preview-hands span { max-width:none; white-space:nowrap; }
  .live-final.live-refined .canvas-preview-section .canvas-preview-secondary .canvas-proposal-explorer > button { min-height:29px; }
  .final.live-final.live-refined #live-public-close { padding-top:106px; padding-inline:18px; padding-bottom:58px; }
  .final.live-final.live-refined #live-public-close .live-close-layout { gap:16px; }
  #live-public-close .live-close-main { gap:18px; }
  #live-public-close .live-close-home img { width:clamp(158px,43vw,190px); }
  #live-public-close .live-close-subtitle { margin:0 0 9px; font-size:16px; }
  #live-public-close .live-close-clock strong { font-size:30px; }
  #live-public-close .live-close-metrics { gap:20px; }
  #live-public-close .live-close-metrics > div { min-width:94px; gap:2px; }
  #live-public-close .live-close-metrics dd { font-size:28px; }
  #live-public-close .live-close-panel { gap:9px; }
  .live-final.live-refined #live-public-close .live-close-cta { min-height:48px; }
  .live-final.live-refined #live-public-close .live-close-imprint-summary { min-height:42px; padding:8px 13px; }
  #live-public-close .live-close-information { gap:10px; }
  .site-footer-links .site-contact-links a { width:38px; min-width:38px; height:38px; min-height:38px; }
}
@media (max-width:760px) and (max-height:700px) and (orientation:portrait) {
  .final.live-final.live-refined #live-public-close { padding-top:91px; }
  #live-public-close .live-close-main { gap:12px; }
  #live-public-close .live-close-home img { width:146px; }
  #live-public-close .live-close-subtitle { margin-bottom:5px; font-size:14px; }
  #live-public-close .live-close-clock strong { font-size:25px; }
  #live-public-close .live-close-metrics dd { font-size:24px; }
  .live-final.live-refined #live-public-close .live-close-cta { min-height:44px; }
  .site-footer-links .site-contact-links a { width:36px; min-width:36px; height:36px; min-height:36px; }
}