/*! /commentary/revisiting-the-seven-sources-of-value-in-emerging-markets/style.scss?t=web Compiled: Fri Dec 12 2025 16:26:34 GMT-0800 (Pacific Standard Time) */
body#_{--pct1:var(--pct);--pct2:calc(var(--pct) * var(--pct));--pct4:calc(calc(var(--pct) * var(--pct)) * calc(var(--pct) * var(--pct)));--pct8:calc(calc(var(--pct2) * var(--pct2)) * calc(var(--pct2) * var(--pct2)));--inv8:calc(1 - calc(var(--pct4) * var(--pct4)));--pct16:calc(calc(var(--pct4) * var(--pct4)) * calc(var(--pct4) * var(--pct4)));--inv16:calc(1 - calc(var(--pct8) * var(--pct8)));}
aside#intro{width:250px;margin-top:15px;margin-right:20px;}
@media screen and (min-width: 960px){aside#intro{float:right;clear:right;}
}
@media screen and (min-width: 960px) and (max-width: 1200px){aside#intro{width:250px;margin-top:15px;margin-right:20px;}
}
@media screen and (min-width: 1200px), print{aside#intro{width:280px;margin-top:15px;margin-right:90px;}
}
@media screen and (max-width: 960px){aside#intro{width:calc(100% - 2*20px 35px);margin:20px 35px;}
}
@media screen and (max-width: 960px) and (min-width: 960px) and (max-width: 1200px){aside#intro{width:calc(100% - 35px - 20px);width:905px;margin-left:35px;margin-right:20px;margin:15px 20px 20px 35px;}
}
@media screen and (max-width: 960px) and (min-width: 1200px){aside#intro{width:calc(100% - 90px - 90px);width:1020px;margin-left:90px;margin-right:90px;margin:15px 90px 25px;}
}
@media screen and (max-width: 960px) and (min-width: 550px) and (max-width: 960px){aside#intro{width:calc(100% - 20px - 20px);margin:10px 20px 20px;}
}
@media screen and (max-width: 960px) and (max-width: 550px){aside#intro{width:calc(100% - 10px - 10px);margin:10px 10px 20px;}
}
@media screen and (min-width: 960px){aside#intro{position:absolute;left:100%;margin-top:0;}
}
@media screen and (min-width: 960px) and (max-width: 1200px){aside#intro{margin-left:15px;}
}
@media screen and (min-width: 1200px){aside#intro{margin-left:35px;}
}
aside#intro .player{position:relative;display:inline-block;width:100%;overflow:hidden;box-shadow:0 0 3px rgba(0, 0, 0, 0.7);width:100%;}
aside#intro .player > video{width:100%;display:block;}
aside#intro .player > button{position:absolute;left:50%;top:50%;width:150px;height:150px;border:0;opacity:0.8;background:url(/ui/player/overlay.svg);margin:-75px auto auto -75px;background-size:contain;transition:opacity 300ms;cursor:pointer;}
aside#intro .player > button:hover{opacity:1;}
aside#intro .player > button:active,aside#intro .player > button:focus{outline:none;}
aside#intro .player > button:active{-webkit-transform:scale(0.95);-moz-transform:scale(0.95);-ms-transform:scale(0.95);transform:scale(0.95);}
aside#intro .player.played > button{opacity:0;display:none;}
aside#intro p{margin:0;font-size:0.85em;}
aside#intro + p{margin-top:0;}
@media screen and (min-width: 960px){aside.toc{position:sticky;top:0;z-index:10;}
aside.toc li{margin:0.2ex 0;}
aside.toc > div{width:250px;margin-top:15px;margin-right:20px;position:absolute;left:100%;margin-top:0 !important;padding:10px 0;background:linear-gradient(to bottom, white 10%, rgba(255, 255, 255, 0.9) 90%, rgba(255, 255, 255, 0) 100%);}
}
@media screen and (min-width: 960px) and (min-width: 960px){aside.toc > div{float:right;clear:right;}
}
@media screen and (min-width: 960px) and (min-width: 960px) and (max-width: 1200px){aside.toc > div{width:250px;margin-top:15px;margin-right:20px;}
}
@media screen and (min-width: 960px) and (min-width: 1200px){aside.toc > div{width:280px;margin-top:15px;margin-right:90px;}
}
@media screen and (min-width: 960px) and (max-width: 960px){aside.toc > div{width:calc(100% - 2*20px 35px);margin:20px 35px;}
}
@media screen and (min-width: 960px) and (max-width: 960px) and (min-width: 960px) and (max-width: 1200px){aside.toc > div{width:calc(100% - 35px - 20px);width:905px;margin-left:35px;margin-right:20px;margin:15px 20px 20px 35px;}
}
@media screen and (min-width: 960px) and (max-width: 960px) and (min-width: 1200px){aside.toc > div{width:calc(100% - 90px - 90px);width:1020px;margin-left:90px;margin-right:90px;margin:15px 90px 25px;}
}
@media screen and (min-width: 960px) and (max-width: 960px) and (min-width: 550px) and (max-width: 960px){aside.toc > div{width:calc(100% - 20px - 20px);margin:10px 20px 20px;}
}
@media screen and (min-width: 960px) and (max-width: 960px) and (max-width: 550px){aside.toc > div{width:calc(100% - 10px - 10px);margin:10px 10px 20px;}
}
@media screen and (min-width: 960px){aside.toc > div h1{margin:0;}
}
@media screen and (min-width: 960px) and (max-width: 1200px){aside.toc > div{margin-left:15px;}
}
@media screen and (min-width: 1200px){aside.toc > div{margin-left:35px;}
}
#sources-of-value table{border-spacing:0;margin-bottom:0;color:#555;}
#sources-of-value table tbody td:not(:first-child){text-align:center;}
#sources-of-value thead th{font-family:heading, "Trebuchet MS", Tahoma, sans-serif;}
h2 ~ #sources-of-value thead th,h2 ~ #sources-of-value tbody{background:#fcfcfc;}
#sources-of-value > table tbody tr > *{padding:1px 2px;}
#sources-of-value > table th{text-decoration:none;}
#sources-of-value > table thead th{text-align:center;}
#sources-of-value > table tbody th{font-weight:bolder;}
#sources-of-value thead tr > *{background:#5f708e;color:white;font-family:heading, "Trebuchet MS", Tahoma, sans-serif;}
#sources-of-value tbody tr:first-child th + th,#sources-of-value tbody tr ~ tr th{background:#e6e7e9;}
#sources-of-value table{border-left:1px solid #555;border-top:1px solid #555;}
#sources-of-value tbody tr > *{border-right:1px solid #555;border-bottom:1px solid #555;}
#sources-of-value tr > *{text-align:left !important;}
#sources-of-value th{white-space:nowrap;color:#333;}
#sources-of-value th[rowspan]{max-width:10em;white-space:normal;background:#bbb;}
#sources-of-value th[rowspan="1"]{background:#ddd;}
aside.pull.box{border:1px solid #cccabf;border-radius:5px;background:white;padding:0.6em 0.8em;color:#4d4d43;border-radius:2px;border-radius:0.5ex;background-image:radial-gradient(circle at 50px 50%, rgba(255, 255, 255, 0.5) 5px, rgba(255, 255, 255, 0) 300px);font-size:1em;}
aside.pull.box h2:first-child,aside.pull.box section h1:first-child,aside.pull.box h1:first-child{margin-top:0;}
aside.pull.box h1{margin-top:0;}
aside.pull.box :first-child{margin-top:0;}
aside.pull.box > :last-child{margin-bottom:0;}
aside.pull.box figure figcaption{text-align:center;font-size:1em;}
@media screen and (max-width: 550px){aside.pull.box figure > div > img,aside.pull.box figure > div > svg{max-width:300px;margin-left:auto;margin-right:auto;}
}
#sources-of-value tr > *{text-align:left !important;}