/* Illustrations inherit Heebo and scale against the presentation container. */
.res-visual { --res-blue:#0071e3; --res-ink:#15253c; --res-muted:#5d6d80; --res-line:#ccdae9; margin:0; padding:1.8cqw; width:100%; height:29cqw; display:flex; flex-direction:column; background:#edf3fa; color:var(--res-ink); direction:rtl; overflow:hidden; }
.res-visual * { box-sizing:border-box; }
.res-body { flex:1; min-height:0; }
.res-caption { display:flex; justify-content:space-between; align-items:center; gap:1cqw; border-top:1px solid var(--res-line); padding-top:.8cqw; margin-top:1.2cqw; font-size:.74cqw; line-height:1.5; color:var(--res-muted); }
.res-caption small { font-size:.62cqw; border:1px solid var(--res-line); border-radius:2cqw; padding:.08cqw .5cqw; white-space:nowrap; }
.res-overline { display:block; color:#005dbb; font-size:.75cqw; line-height:1.5; margin-bottom:.65cqw; }
.res-diagram-title>strong,.res-widget-intro>strong { display:block; font-size:2.35cqw; font-weight:500; line-height:1.17; letter-spacing:-.04em; }
.res-visual em { color:#005dbb; font-style:normal; }
.res-screen-shell { margin:.4cqw auto 0; border:.52cqw solid #15253c; border-radius:.5cqw; box-shadow:0 .8cqw 1.7cqw #15253c18; background:white; width:100%; overflow:hidden; }
.res-screen-top { display:flex; justify-content:space-between; padding:.65cqw 1.1cqw; background:#15253c; color:white; font-size:.75cqw; }
.res-screen-top>span:last-child { color:#afd3ff; }
.res-screen-content { padding:1.25cqw; display:grid; grid-template-columns:1fr 28%; gap:1.1cqw; }
.res-notice-head { display:flex; flex-direction:column; padding-bottom:.65cqw; gap:.1cqw; }
.res-notice-head>span { color:#005dbb; font-size:.67cqw; }
.res-notice-head>b { font-size:1.55cqw; font-weight:500; }
.res-notice-item { border-top:1px solid #dae3ee; padding:.7cqw 0; display:flex; flex-direction:column; gap:.15cqw; }
.res-notice-item>small { color:#005dbb; font-size:.6cqw; }
.res-notice-item>strong { font-size:.92cqw; font-weight:500; }
.res-notice-item>span { color:#5d6d80; font-size:.68cqw; }
.res-screen-side { display:flex; flex-direction:column; gap:.6cqw; }
.res-weather { background:#edf3fa; flex:1; display:flex; flex-direction:column; align-items:center; justify-content:center; padding:.65cqw; gap:.25cqw; }
.res-sun { display:block; position:relative; width:1.3cqw; height:1.3cqw; border-radius:50%; background:#e2ae49; box-shadow:0 0 0 .3cqw #f4deb0; margin:.4cqw; }
.res-weather>b { font-size:1.75cqw; font-weight:400; line-height:1.1; }
.res-weather>span { font-size:.63cqw; color:var(--res-muted); }
.res-small-ad { display:flex; flex-direction:column; gap:.45cqw; flex:1; padding:.75cqw; color:#fff; background:#0071e3; }
.res-small-ad>small { font-size:.55cqw; opacity:.9; }
.res-small-ad>strong { font-size:.97cqw; font-weight:500; line-height:1.3; }
.res-screen-ticker { background:#e8eff8; font-size:.63cqw; padding:.4cqw 1.1cqw; }
.res-screen-support { width:30%; height:1.8cqw; margin:auto; background:linear-gradient(90deg,transparent 42%,#15253c 42%,#15253c 58%,transparent 58%); border-bottom:.3cqw solid #15253c; }
.res-network .res-body { display:flex; flex-direction:column; }
.res-central { display:flex; flex-direction:column; align-items:center; text-align:center; }
.res-central>strong { font-size:2.3cqw; font-weight:500; line-height:1.2; }
.res-central>span:last-child { font-size:.8cqw; color:var(--res-muted); margin-top:.5cqw; }
.res-trunk { margin:.8cqw auto 0; width:1px; height:1.4cqw; background:#a0bad9; }
.res-building-row { position:relative; display:grid; grid-template-columns:repeat(3,1fr); gap:2.5cqw; padding:1.4cqw 1cqw 0; }
.res-building-row::before { content:''; position:absolute; top:0; right:16.7%; left:16.7%; height:1px; background:#a0bad9; }
.res-building-unit { position:relative; display:flex; flex-direction:column; align-items:center; }
.res-building-unit::before { content:''; position:absolute; top:-1.4cqw; height:1.4cqw; width:1px; background:#a0bad9; }
.res-building { display:grid; grid-template-columns:repeat(3,1fr); gap:.4cqw; width:5.6cqw; height:7.5cqw; padding:1cqw .8cqw 0; border:1px solid #8dabc9; background:#d9e7f6; position:relative; }
.res-building i { display:block; height:.55cqw; background:#719bc5; }
.res-building i:nth-child(3n+1) { background:#afd0ed; }
.res-building>span { height:1.7cqw; width:1.4cqw; grid-column:2; align-self:end; background:#0071e3; }
.res-building-1 { background:#c8dcf1; border-color:#6b95c0; }
.res-building-unit>b { font-size:.97cqw; font-weight:500; margin-top:.6cqw; }
.res-building-unit>small { font-size:.61cqw; color:var(--res-muted); }
.res-time-labels { display:flex; justify-content:space-between; padding-bottom:.7cqw; margin-top:1.35cqw; font-size:.78cqw; color:var(--res-muted); border-bottom:1px solid var(--res-line); }
.res-time-grid { background:repeating-linear-gradient(90deg,transparent 0,transparent calc(33.333% - 1px),#ccdae9 calc(33.333% - 1px),#ccdae9 33.333%); padding-top:.8cqw; }
.res-time-track { display:flex; margin-bottom:.7cqw; }
.res-time-bar { display:block; padding:.55cqw .8cqw; font-size:.77cqw; line-height:1.5; }
.res-time-all { width:100%; background:#d6e4f4; border-right:3px solid #7ca5d1; }
.res-time-mid { margin-right:24%; width:50%; background:#add0f9; color:#164d84; }
.res-time-late { margin-right:auto; width:40%; background:#0071e3; color:#fff; }
.res-time-repeat { display:flex; align-items:center; gap:.65cqw; font-size:.81cqw; margin-top:.55cqw; }
.res-time-repeat>span { font-size:1.65cqw; color:#0071e3; line-height:1; }
.res-editor .res-body { display:flex; align-items:center; }
.res-editor-window { width:100%; border:1px solid #b9cbe0; border-radius:.55cqw; background:#f5f7fa; overflow:hidden; box-shadow:0 .8cqw 1.7cqw #15253c0d; }
.res-editor-toolbar { display:flex; align-items:center; gap:.8cqw; padding:.8cqw; background:#fff; border-bottom:1px solid var(--res-line); font-size:.58cqw; color:var(--res-muted); }
.res-editor-toolbar>strong { font-size:.7cqw; font-weight:500; margin-left:auto; color:var(--res-ink); }
.res-editor-toolbar>.res-editor-active { color:#005dbb; background:#e5f0ff; padding:.3cqw .5cqw; border-radius:.25cqw; }
.res-editor-workspace { display:flex; gap:1cqw; padding:1.25cqw .9cqw; }
.res-editor-rail { width:3.8cqw; display:flex; flex-direction:column; gap:.6cqw; }
.res-editor-rail>span { font-size:.66cqw; padding:.65cqw .15cqw; border-bottom:1px solid #dce5ef; text-align:center; }
.res-editor-canvas { flex:1; display:grid; grid-template-columns:2fr 1fr; grid-template-rows:2.6cqw 6cqw 2.1cqw; gap:.6cqw; background:#fff; padding:.75cqw; border:1px solid #cedbe9; }
.res-editor-region { display:flex; justify-content:center; align-items:center; color:#4a6b90; background:#e7eff9; font-size:.8cqw; text-align:center; }
.res-region-title { grid-column:1/3; background:#15253c; color:white; }
.res-region-content { flex-direction:column; gap:.5cqw; border:1px solid #0071e3; position:relative; padding:.7cqw; }
.res-selection-dot { position:absolute; width:.4cqw; height:.4cqw; background:white; border:1px solid #0071e3; top:-.25cqw; left:-.25cqw; }
.res-region-content>strong { font-size:.86cqw; font-weight:500; }
.res-region-content>span { height:.25cqw; width:80%; background:#bfd0e5; }
.res-region-content>span:last-child { width:55%; align-self:flex-start; margin-right:10%; }
.res-region-widget { line-height:1.7; }
.res-region-ad { grid-column:1/3; background:#c8e0ff; color:#005dbb; font-size:.65cqw; }
.res-editor-bottom { display:flex; justify-content:space-between; padding:.55cqw 1cqw; border-top:1px solid var(--res-line); font-size:.55cqw; color:var(--res-muted); background:#fff; }
.res-media-heading { display:flex; align-items:flex-start; justify-content:space-between; gap:1cqw; margin-bottom:1.4cqw; }
.res-media-heading>strong { font-size:2.2cqw; line-height:1.2; font-weight:500; letter-spacing:-.04em; }
.res-media-heading>span { color:#005dbb; font-size:.68cqw; padding-top:.25cqw; }
.res-media-row { display:flex; align-items:center; gap:1.15cqw; padding:1.05cqw 0; border-top:1px solid var(--res-line); }
.res-media-symbol { flex:none; width:3.05cqw; height:3.05cqw; display:grid; place-items:center; font-size:1.4cqw; color:#0071e3; background:#dce9f9; }
.res-photo-symbol { position:relative; overflow:hidden; }
.res-photo-symbol::after { content:''; position:absolute; bottom:-.9cqw; right:.3cqw; width:2cqw; height:2.3cqw; background:#8bb6e6; transform:rotate(40deg); }
.res-photo-symbol>i { position:absolute; top:.55cqw; left:.6cqw; width:.55cqw; height:.55cqw; border-radius:50%; background:#0071e3; }
.res-media-row>div:nth-child(2) { display:flex; flex-direction:column; gap:.3cqw; }
.res-media-row b { font-size:1.05cqw; font-weight:500; }
.res-media-row span { font-size:.7cqw; color:var(--res-muted); }
.res-media-row>small { margin-right:auto; font-size:.62cqw; color:#005dbb; }
.res-widget-grid { margin-top:1cqw; display:grid; grid-template-columns:1.35fr 1fr; gap:.7cqw; }
.res-widget-clock { background:#15253c; color:white; display:flex; flex-direction:column; justify-content:center; padding:1.1cqw 1.2cqw; }
.res-widget-clock>span { font-size:.68cqw; color:#bdd5f0; }
.res-widget-clock>strong { font-size:3.1cqw; line-height:1.2; font-weight:300; letter-spacing:-.05em; text-align:right; }
.res-widget-clock>small { font-size:.65cqw; color:#bdd5f0; }
.res-widget-weather { display:flex; flex-direction:column; align-items:center; justify-content:center; background:#fff; gap:.15cqw; }
.res-widget-weather>strong { font-size:2.1cqw; font-weight:400; line-height:1.15; }
.res-widget-weather>span { color:var(--res-muted); font-size:.67cqw; }
.res-widget-calendar { grid-column:1/3; display:flex; gap:1.1cqw; align-items:center; padding:.6cqw 1cqw; background:#fff; }
.res-calendar-mark { width:3.8cqw; background:#eef4fc; text-align:center; }
.res-calendar-mark>span { display:block; font-size:.54cqw; background:#0071e3; color:white; padding:.25cqw; }
.res-calendar-mark>b { display:block; font-size:2.05cqw; line-height:1.35; font-weight:400; }
.res-widget-calendar>div:last-child { display:flex; gap:1cqw; flex:1; align-items:center; }
.res-widget-calendar strong { font-size:.93cqw; font-weight:500; }
.res-widget-calendar>div:last-child>span { font-size:.68cqw; color:var(--res-muted); line-height:1.6; }
.res-status-heading { display:flex; align-items:center; justify-content:space-between; gap:1cqw; margin-bottom:1.5cqw; }
.res-status-heading strong { display:block; font-size:1.85cqw; font-weight:500; letter-spacing:-.04em; line-height:1.2; }
.res-status-marker { color:#005dbb; font-size:.63cqw; border:1px solid #b6cde8; padding:.35cqw .55cqw; border-radius:2cqw; white-space:nowrap; }
.res-status-row { display:grid; grid-template-columns:1.2fr 1.15fr .85fr; align-items:center; gap:.7cqw; border-bottom:1px solid var(--res-line); padding:1.1cqw .1cqw; font-size:.78cqw; }
.res-status-row>strong { font-weight:500; }
.res-status-row>span:nth-child(2) { color:var(--res-muted); }
.res-status-header { font-size:.65cqw; padding:.65cqw .1cqw; color:var(--res-muted); }
.res-state { display:flex; align-items:center; gap:.35cqw; font-size:.67cqw; }
.res-state::before { content:''; width:.38cqw; height:.38cqw; border-radius:50%; background:currentColor; flex:none; }
.res-state-on { color:#176d63; }
.res-state-off { color:#8a5a21; }
.res-status-foot { display:flex; align-items:center; gap:1cqw; margin-top:1cqw; color:var(--res-muted); font-size:.82cqw; line-height:1.6; }
.res-status-foot>span:first-child { color:#0071e3; font-size:2.7cqw; font-weight:300; line-height:1; }
.res-role-list { margin:1.45cqw 0 0; }
.res-role-list>div { display:grid; grid-template-columns:1.2fr 1fr; gap:.8cqw; padding:1.05cqw 0; align-items:center; border-top:1px solid var(--res-line); }
.res-role-list dt { display:flex; align-items:center; gap:.65cqw; font-size:.93cqw; font-weight:500; }
.res-role-list dt>span { color:#005dbb; font-weight:400; font-size:.7cqw; border:1px solid #b0c9e5; border-radius:50%; width:1.65cqw; height:1.65cqw; display:grid; place-items:center; }
.res-role-list dd { margin:0; font-size:.77cqw; color:var(--res-muted); }
.res-advertising .res-body { display:flex; flex-direction:column; justify-content:center; }
.res-ad-display { display:grid; grid-template-columns:1.6fr 1fr; gap:.3cqw; padding:.45cqw; background:#15253c; border-radius:.5cqw; box-shadow:0 .8cqw 1.7cqw #15253c18; }
.res-ad-info { display:flex; flex-direction:column; background:white; padding:1.1cqw; }
.res-ad-building { font-size:.62cqw; color:#005dbb; }
.res-ad-info>strong { font-size:2.2cqw; font-weight:500; margin:.25cqw 0 .6cqw; line-height:1.2; letter-spacing:-.045em; }
.res-ad-notice { border-top:1px solid #dae3ee; padding:.8cqw 0; display:flex; flex-direction:column; gap:.25cqw; }
.res-ad-notice>b { font-size:.84cqw; font-weight:500; }
.res-ad-notice>span { font-size:.61cqw; color:var(--res-muted); }
.res-ad-info-footer { display:flex; gap:1cqw; padding-top:.5cqw; font-size:.78cqw; margin-top:auto; color:#005dbb; }
.res-ad-banner { display:flex; flex-direction:column; padding:1.1cqw; background:#cde2ff; color:#12395e; }
.res-ad-banner>small { font-size:.6cqw; }
.res-ad-banner>strong { font-size:1.75cqw; line-height:1.18; letter-spacing:-.04em; font-weight:500; margin-top:1cqw; }
.res-ad-banner>span { font-size:.61cqw; margin-top:.7cqw; }
.res-coffee-mark { position:relative; width:3.8cqw; height:3.2cqw; border:2px solid #24679b; border-radius:.1cqw .1cqw 1cqw 1cqw; margin:1.4cqw .3cqw 0; }
.res-coffee-mark::after { content:''; position:absolute; left:-1cqw; top:.3cqw; width:.9cqw; height:1.65cqw; border:2px solid #24679b; border-right:0; border-radius:0 .4cqw .4cqw 0; transform:rotate(180deg); }
.res-coffee-mark>i { position:absolute; right:.75cqw; left:.75cqw; top:-.7cqw; height:1px; background:#24679b; }
.res-ad-labels { display:grid; grid-template-columns:1.6fr 1fr; gap:.7cqw; margin-top:.9cqw; font-size:.7cqw; color:#005dbb; }
.res-ad-labels>span { border-top:1px solid #9dbfe9; padding-top:.5cqw; }
.res-setup .res-body { display:grid; grid-template-columns:.92fr 1.4fr; gap:1.6cqw; align-items:center; }
.res-setup-intro>strong { display:block; font-size:2.6cqw; line-height:1.2; letter-spacing:-.04em; font-weight:500; }
.res-setup-path { list-style:none; padding:0; margin:0; }
.res-setup-path>li { display:flex; align-items:flex-start; gap:.8cqw; position:relative; padding:1.45cqw 0; }
.res-setup-path>li+li { border-top:1px solid var(--res-line); }
.res-setup-number { font-size:1.5cqw; font-weight:300; color:#005dbb; line-height:1.2; direction:ltr; }
.res-setup-path>li>div { display:flex; flex-direction:column; gap:.4cqw; }
.res-setup-path strong { font-size:.95cqw; font-weight:500; }
.res-setup-path div>span { font-size:.68cqw; color:var(--res-muted); line-height:1.5; }
.res-noticeboard .res-body,.res-advertising .res-body { display:flex; flex-direction:column; justify-content:center; }
.res-sketch-screen { width:100%; padding:.35cqw; overflow:hidden; border-radius:.45cqw; background:#15253c; box-shadow:0 .8cqw 1.7cqw #15253c18; }
.res-sketch-top { display:grid; grid-template-columns:1fr 1.25fr 1fr; align-items:center; gap:.6cqw; padding:.65cqw .95cqw; background:#fff; }
.res-sketch-top>b { font-size:.9cqw; color:#fff; font-weight:500; background:#0071e3; justify-self:start; padding:.3cqw .65cqw; border-radius:.3cqw; }
.res-sketch-top>strong { font-size:2.15cqw; letter-spacing:-.06em; line-height:1; font-weight:600; justify-self:end; }
.res-sketch-weather { display:flex; align-items:center; justify-content:center; gap:.5cqw; }
.res-sketch-weather .res-sun { width:1cqw; height:1cqw; box-shadow:0 0 0 .2cqw #f4deb0; margin:.25cqw; }
.res-sketch-weather>span { font-size:1.15cqw; line-height:1.15; font-weight:500; }
.res-sketch-weather small { display:block; color:var(--res-muted); font-size:.55cqw; margin-top:.2cqw; font-weight:400; }
.res-sketch-main { display:grid; grid-template-columns:1fr 1.35fr; gap:.55cqw; height:15.35cqw; padding:.55cqw; background:#f0f4fa; }
.res-sketch-notices { display:flex; flex-direction:column; min-width:0; gap:.55cqw; padding:.65cqw; border-radius:.3cqw; background:#dbeafa; }
.res-sketch-notices>strong { font-size:1cqw; font-weight:600; padding:.1cqw .2cqw .15cqw; }
.res-sketch-notice { display:flex; flex-direction:column; gap:.2cqw; background:#fff; padding:.65cqw .7cqw; border-radius:.3cqw; }
.res-sketch-notice>b { font-size:.8cqw; font-weight:600; }
.res-sketch-notice>span { font-size:.62cqw; color:var(--res-muted); }
.res-sketch-join { display:flex; align-items:center; gap:.6cqw; margin-top:auto; padding:0 .15cqw; }
.res-sketch-qr { display:grid; place-items:center; width:2.4cqw; height:2.4cqw; border:.15cqw solid #15253c; color:#15253c; background:#fff; font-size:.85cqw; font-weight:500; flex:none; }
.res-sketch-join>span:last-child { font-size:.6cqw; color:#446184; line-height:1.45; }
.res-sketch-media { min-width:0; position:relative; border-radius:.3cqw; overflow:hidden; background:#d1e2f3; }
.res-sketch-media>img { display:block; width:100%; height:100%; object-fit:cover; object-position:36% center; }
.res-sketch-media-title { position:absolute; inset:auto 0 0; padding:2cqw .8cqw .8cqw; display:flex; flex-direction:column; gap:.2cqw; color:#fff; background:linear-gradient(0deg,#15253cef,#15253cbd 65%,transparent); }
.res-sketch-media-title>small { font-size:.5cqw; }
.res-sketch-media-title>strong { font-size:1.06cqw; line-height:1.3; font-weight:500; }
.res-sketch-ticker { display:flex; align-items:center; gap:.7cqw; min-height:1.9cqw; padding:.45cqw .7cqw; background:#15253c; color:white; font-size:.6cqw; }
.res-sketch-ticker>b { font-size:.58cqw; font-weight:500; padding:.15cqw .45cqw; border-radius:.2cqw; background:#0071e3; }
.res-sketch-commercial { display:flex; flex-direction:column; align-items:center; justify-content:center; gap:.3cqw; background:radial-gradient(ellipse at 20% 20%,#eef5ff,#bfdafe); color:#174e7d; text-align:center; }
.res-sketch-commercial>small { position:absolute; top:.75cqw; right:.75cqw; font-size:.55cqw; }
.res-sketch-commercial .res-coffee-mark { width:3.4cqw; height:2.9cqw; margin:1cqw auto .6cqw; }
.res-sketch-commercial>strong { font-size:2.25cqw; line-height:1.05; font-weight:500; letter-spacing:-.045em; }
.res-sketch-commercial>span { font-size:.72cqw; margin-top:.5cqw; }
@media screen and (max-width:760px) {
  .visual:has(>.res-visual) { height:auto; max-height:none; }
  .res-visual { height:310px; padding:16px; }
  .res-caption { gap:8px; padding-top:8px; margin-top:13px; font-size:9px; }
  .res-caption small { font-size:8px; padding:1px 5px; border-radius:16px; }
  .res-overline { font-size:9px; margin-bottom:7px; }
  .res-diagram-title>strong,.res-widget-intro>strong { font-size:25px; }
  .res-screen-shell { border-width:5px; border-radius:5px; margin:4px auto 0; box-shadow:0 8px 18px #15253c18; }
  .res-screen-top { padding:6px 8px; font-size:7px; }
  .res-screen-content { padding:10px; gap:9px; }
  .res-notice-head { padding-bottom:6px; gap:1px; }
  .res-notice-head>span { font-size:7px; }
  .res-notice-head>b { font-size:15px; }
  .res-notice-item { padding:6px 0; gap:2px; }
  .res-notice-item>small { font-size:6px; }
  .res-notice-item>strong { font-size:9px; }
  .res-notice-item>span { font-size:6.5px; }
  .res-screen-side { gap:6px; }
  .res-weather { padding:5px; gap:2px; }
  .res-sun { width:13px; height:13px; box-shadow:0 0 0 3px #f4deb0; margin:4px; }
  .res-weather>b { font-size:18px; }
  .res-weather>span { font-size:6px; }
  .res-small-ad { gap:5px; padding:7px; }
  .res-small-ad>small { font-size:6px; }
  .res-small-ad>strong { font-size:10px; }
  .res-screen-ticker { font-size:6.5px; padding:4px 10px; }
  .res-screen-support { height:18px; border-bottom-width:3px; }
  .res-central>strong { font-size:25px; }
  .res-central>span:last-child { font-size:9px; margin-top:5px; }
  .res-trunk { height:14px; margin-top:8px; }
  .res-building-row { gap:18px; padding:14px 5px 0; }
  .res-building-unit::before { height:14px; top:-14px; }
  .res-building { width:49px; height:75px; padding:10px 7px 0; gap:4px; }
  .res-building i { height:5px; }
  .res-building>span { height:17px; width:12px; }
  .res-building-unit>b { font-size:10px; margin-top:6px; }
  .res-building-unit>small { font-size:7px; }
  .res-time-labels { padding-bottom:7px; margin-top:13px; font-size:9px; }
  .res-time-grid { padding-top:8px; }
  .res-time-track { margin-bottom:7px; }
  .res-time-bar { padding:5px 7px; font-size:8px; }
  .res-time-repeat { gap:6px; font-size:9px; margin-top:5px; }
  .res-time-repeat>span { font-size:18px; }
  .res-editor-window { border-radius:5px; }
  .res-editor-toolbar { gap:7px; padding:7px; font-size:6px; }
  .res-editor-toolbar>strong { font-size:7px; }
  .res-editor-toolbar>.res-editor-active { padding:3px 4px; border-radius:3px; }
  .res-editor-workspace { gap:7px; padding:12px 7px; }
  .res-editor-rail { width:33px; gap:6px; }
  .res-editor-rail>span { font-size:7px; padding:6px 1px; }
  .res-editor-canvas { grid-template-rows:26px 67px 21px; gap:6px; padding:7px; }
  .res-editor-region { font-size:8px; }
  .res-region-content { gap:5px; padding:7px; }
  .res-selection-dot { width:4px; height:4px; top:-3px; left:-3px; }
  .res-region-content>strong { font-size:9px; }
  .res-region-content>span { height:3px; }
  .res-region-ad { font-size:7px; }
  .res-editor-bottom { padding:6px 9px; font-size:6px; }
  .res-media-heading { gap:10px; margin-bottom:13px; }
  .res-media-heading>strong { font-size:22px; }
  .res-media-heading>span { font-size:7px; padding-top:3px; }
  .res-media-row { gap:10px; padding:10px 0; }
  .res-media-symbol { width:31px; height:31px; font-size:15px; }
  .res-photo-symbol::after { bottom:-9px; right:3px; width:20px; height:23px; }
  .res-photo-symbol>i { top:6px; left:6px; width:6px; height:6px; }
  .res-media-row>div:nth-child(2) { gap:3px; }
  .res-media-row b { font-size:11px; }
  .res-media-row span { font-size:7px; }
  .res-media-row>small { font-size:7px; }
  .res-widget-grid { margin-top:13px; gap:8px; }
  .res-widget-clock { padding:10px 12px; }
  .res-widget-clock>span { font-size:7px; }
  .res-widget-clock>strong { font-size:31px; }
  .res-widget-clock>small { font-size:7px; }
  .res-widget-weather { gap:2px; }
  .res-widget-weather>strong { font-size:22px; }
  .res-widget-weather>span { font-size:7px; }
  .res-widget-calendar { gap:11px; padding:8px 10px; }
  .res-calendar-mark { width:38px; }
  .res-calendar-mark>span { font-size:6px; padding:3px; }
  .res-calendar-mark>b { font-size:21px; }
  .res-widget-calendar>div:last-child { gap:10px; }
  .res-widget-calendar strong { font-size:10px; }
  .res-widget-calendar>div:last-child>span { font-size:7px; }
  .res-status-heading { gap:10px; margin-bottom:15px; }
  .res-status-heading strong { font-size:19px; }
  .res-status-marker { font-size:7px; padding:3px 5px; border-radius:20px; }
  .res-status-row { gap:5px; padding:12px 1px; font-size:8px; }
  .res-status-header { font-size:7px; padding:7px 1px; }
  .res-state { gap:3px; font-size:7px; }
  .res-state::before { width:4px; height:4px; }
  .res-status-foot { gap:10px; margin-top:13px; font-size:9px; }
  .res-status-foot>span:first-child { font-size:28px; }
  .res-role-list { margin-top:15px; }
  .res-role-list>div { gap:8px; padding:12px 0; }
  .res-role-list dt { gap:6px; font-size:10px; }
  .res-role-list dt>span { font-size:8px; width:18px; height:18px; }
  .res-role-list dd { font-size:8px; }
  .res-ad-display { gap:3px; padding:5px; border-radius:5px; }
  .res-ad-info { padding:10px; }
  .res-ad-building { font-size:7px; }
  .res-ad-info>strong { font-size:24px; margin:3px 0 6px; }
  .res-ad-notice { padding:9px 0; gap:3px; }
  .res-ad-notice>b { font-size:9px; }
  .res-ad-notice>span { font-size:6.5px; }
  .res-ad-info-footer { gap:10px; padding-top:5px; font-size:8px; }
  .res-ad-banner { padding:10px; }
  .res-ad-banner>small { font-size:6px; }
  .res-ad-banner>strong { font-size:17px; margin-top:10px; }
  .res-ad-banner>span { font-size:6.5px; margin-top:7px; }
  .res-coffee-mark { width:34px; height:29px; border-radius:1px 1px 10px 10px; margin:15px 3px 0; }
  .res-coffee-mark::after { left:-10px; top:3px; width:9px; height:17px; border-radius:0 4px 4px 0; }
  .res-coffee-mark>i { right:7px; left:7px; top:-7px; }
  .res-ad-labels { gap:7px; margin-top:9px; font-size:8px; }
  .res-ad-labels>span { padding-top:5px; }
  .res-setup .res-body { gap:14px; }
  .res-setup-intro>strong { font-size:25px; }
  .res-setup-path>li { gap:7px; padding:15px 0; }
  .res-setup-number { font-size:16px; }
  .res-setup-path>li>div { gap:4px; }
  .res-setup-path strong { font-size:10px; }
  .res-setup-path div>span { font-size:7px; }
  .res-sketch-screen { padding:3px; border-radius:4px; box-shadow:0 8px 17px #15253c18; }
  .res-sketch-top { gap:6px; padding:7px 8px; }
  .res-sketch-top>b { font-size:9px; padding:3px 6px; border-radius:3px; }
  .res-sketch-top>strong { font-size:22px; }
  .res-sketch-weather { gap:5px; }
  .res-sketch-weather .res-sun { width:10px; height:10px; box-shadow:0 0 0 2px #f4deb0; margin:3px; }
  .res-sketch-weather>span { font-size:12px; }
  .res-sketch-weather small { font-size:6px; margin-top:2px; }
  .res-sketch-main { height:151px; gap:5px; padding:5px; }
  .res-sketch-notices { gap:5px; padding:6px; border-radius:3px; }
  .res-sketch-notices>strong { font-size:10px; padding:1px 2px 2px; }
  .res-sketch-notice { gap:2px; padding:6px; border-radius:3px; }
  .res-sketch-notice>b { font-size:8px; }
  .res-sketch-notice>span { font-size:6px; }
  .res-sketch-join { gap:5px; padding:0 1px; }
  .res-sketch-qr { width:23px; height:23px; border-width:1.5px; font-size:9px; }
  .res-sketch-join>span:last-child { font-size:6px; }
  .res-sketch-media { border-radius:3px; }
  .res-sketch-media-title { padding:20px 7px 8px; gap:3px; }
  .res-sketch-media-title>small { font-size:5px; }
  .res-sketch-media-title>strong { font-size:10px; }
  .res-sketch-ticker { gap:7px; min-height:22px; padding:4px 7px; font-size:6px; }
  .res-sketch-ticker>b { font-size:6px; padding:2px 5px; border-radius:2px; }
  .res-sketch-commercial { gap:3px; }
  .res-sketch-commercial>small { top:7px; right:7px; font-size:6px; }
  .res-sketch-commercial .res-coffee-mark { width:30px; height:26px; margin:10px auto 6px; }
  .res-sketch-commercial>strong { font-size:22px; }
  .res-sketch-commercial>span { font-size:7px; margin-top:5px; }
}
@media screen and (min-width:761px), print {
  .res-media,.res-status { height:31cqw; }
}