/* Real UI structure, with explicitly fictional figures rendered as HTML. */
.analytics-example,.sample-screen{display:block;position:relative;container-type:inline-size;width:100%;line-height:1.4;text-align:left;font-family:Arial,Meiryo,sans-serif;color:#111827;font-weight:400}
.sample-screen>img{width:100%;display:block;height:auto}
.sample-data-stamp{position:absolute;right:1.8%;top:1.6%;padding:.45cqw 1cqw;background:#ffcf87;color:#572a0c;border:1px solid #df9a42;border-radius:.5cqw;font-size:clamp(9px,1.2cqw,16px);font-weight:800;z-index:2;line-height:1.4}
.example-map-note{position:absolute;left:19.48%;top:20.15%;width:76.72%;height:2.4%;background:#f5f6fb;font-size:.94cqw;display:flex;align-items:center;color:#536171}
.example-map-table{position:absolute;left:19.48%;top:24.67%;width:76.72%;height:68.25%;display:grid;grid-template-rows:4.4cqw repeat(9,1fr);background:#f5f6fb;border:1px solid #d9dee8;border-radius:.7cqw;overflow:hidden;font-size:1cqw}
.example-map-head,.example-map-row{display:grid;grid-template-columns:22% 13% 14% 12% 16% 15% 8%;align-items:center;padding:0 .9cqw;gap:0}
.example-map-head{font-size:.94cqw;background:#f1f4fa}
.example-map-row{border-top:1px solid #e4e8f1}
.example-map-row>span{min-width:0;display:block;padding:.5cqw .2cqw}
.example-map-row b{display:block;line-height:1.5;font-size:1.06cqw}
.example-map-row small{display:block;font-size:.79cqw;color:#616d7d;line-height:1.6;margin-top:.3cqw;white-space:nowrap}
.example-map-row i{display:block;height:.35cqw;width:78%;margin-top:.45cqw;background:linear-gradient(90deg,#36786b var(--bar),#e1e5ec var(--bar));border-radius:2px}
.example-map-row .bar-blue{background:linear-gradient(90deg,#356fe2 var(--bar),#e1e5ec var(--bar))}
.example-map-row .bar-red{background:linear-gradient(90deg,#ca3e34 var(--bar),#e1e5ec var(--bar))}
.example-map-row .example-detail{display:inline-block;padding:.6cqw .75cqw;border:1px solid #d4dbe7;border-radius:.5cqw;background:#fff;color:#2349ae;font-size:.9cqw}
.example-kpis{position:absolute;left:3.1%;top:39.76%;width:93.75%;height:15.13%;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:1.1%;background:#f4f5fa}
.example-kpis>span{display:flex;flex-direction:column;padding:1.1cqw 1.2cqw;background:#fff;border:1px solid #dfe4ec;border-radius:1cqw}
.example-kpis b{font-size:1.2cqw}
.example-kpis strong{font-size:2.5cqw;line-height:1.4;margin:.6cqw 0 .3cqw}
.example-kpis strong small{font-size:1.2cqw;display:inline;margin-left:.3cqw}
.example-kpis small{font-size:.95cqw;color:#556070;line-height:1.5}
.example-findings{position:absolute;left:3.1%;top:74%;width:93.75%;height:14.5%;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:1%;background:#f4f5fa}
.example-findings>span{display:grid;align-content:center;gap:.4cqw;padding:.8cqw 1.2cqw;background:#fff;border:1px solid #e3e6ed;border-left:3px solid #cb3d34;border-radius:1cqw}
.example-findings>span:nth-child(2){border-left-color:#3970dc}.example-findings>span:nth-child(3){border-left-color:#ca8831}
.example-findings b{font-size:1.25cqw}.example-findings small{font-size:.96cqw;color:#536171;line-height:1.4}
.dialog-example .sample-screen{border:1px solid #dce2e6;border-radius:8px;overflow:hidden}